Edit File by line
/home/barbar84/www/wp-conte.../themes/twentyni...
File: style.css
margin-top: calc( 4 * 1rem);
[4000] Fix | Delete
margin-bottom: 0;
[4001] Fix | Delete
margin-left: 0;
[4002] Fix | Delete
margin-right: 0;
[4003] Fix | Delete
/* Entry meta */
[4004] Fix | Delete
}
[4005] Fix | Delete
[4006] Fix | Delete
@media only screen and (min-width: 768px) {
[4007] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header {
[4008] Fix | Delete
margin-left: calc(10% + 60px);
[4009] Fix | Delete
margin-right: calc(10% + 60px);
[4010] Fix | Delete
}
[4011] Fix | Delete
}
[4012] Fix | Delete
[4013] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
[4014] Fix | Delete
background: #fff;
[4015] Fix | Delete
}
[4016] Fix | Delete
[4017] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header .entry-meta {
[4018] Fix | Delete
font-weight: 500;
[4019] Fix | Delete
}
[4020] Fix | Delete
[4021] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
[4022] Fix | Delete
margin-right: 1rem;
[4023] Fix | Delete
display: inline-block;
[4024] Fix | Delete
}
[4025] Fix | Delete
[4026] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
[4027] Fix | Delete
margin-right: 0;
[4028] Fix | Delete
}
[4029] Fix | Delete
[4030] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
[4031] Fix | Delete
transition: color 110ms ease-in-out;
[4032] Fix | Delete
color: currentColor;
[4033] Fix | Delete
}
[4034] Fix | Delete
[4035] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
[4036] Fix | Delete
text-decoration: none;
[4037] Fix | Delete
}
[4038] Fix | Delete
[4039] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
[4040] Fix | Delete
position: relative;
[4041] Fix | Delete
display: inline-block;
[4042] Fix | Delete
vertical-align: middle;
[4043] Fix | Delete
margin-right: 0.5em;
[4044] Fix | Delete
}
[4045] Fix | Delete
[4046] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
[4047] Fix | Delete
display: none;
[4048] Fix | Delete
}
[4049] Fix | Delete
[4050] Fix | Delete
@media only screen and (min-width: 768px) {
[4051] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
[4052] Fix | Delete
display: flex;
[4053] Fix | Delete
position: relative;
[4054] Fix | Delete
}
[4055] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
[4056] Fix | Delete
padding-right: calc(1 * (100vw / 12) + 1rem);
[4057] Fix | Delete
}
[4058] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
[4059] Fix | Delete
position: absolute;
[4060] Fix | Delete
right: 0;
[4061] Fix | Delete
}
[4062] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
[4063] Fix | Delete
display: block;
[4064] Fix | Delete
position: absolute;
[4065] Fix | Delete
bottom: 100%;
[4066] Fix | Delete
}
[4067] Fix | Delete
}
[4068] Fix | Delete
[4069] Fix | Delete
.site-header.featured-image .custom-logo-link {
[4070] Fix | Delete
background: #fff;
[4071] Fix | Delete
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
[4072] Fix | Delete
}
[4073] Fix | Delete
[4074] Fix | Delete
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
[4075] Fix | Delete
box-shadow: 0 0 0 2px white;
[4076] Fix | Delete
}
[4077] Fix | Delete
[4078] Fix | Delete
.site-header.featured-image .site-branding {
[4079] Fix | Delete
position: relative;
[4080] Fix | Delete
z-index: 10;
[4081] Fix | Delete
}
[4082] Fix | Delete
[4083] Fix | Delete
.site-header.featured-image .site-featured-image .entry-header {
[4084] Fix | Delete
position: relative;
[4085] Fix | Delete
z-index: 9;
[4086] Fix | Delete
}
[4087] Fix | Delete
[4088] Fix | Delete
.site-header.featured-image .site-branding-container:after,
[4089] Fix | Delete
.site-header.featured-image .site-featured-image:before,
[4090] Fix | Delete
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
[4091] Fix | Delete
display: block;
[4092] Fix | Delete
position: absolute;
[4093] Fix | Delete
top: 0;
[4094] Fix | Delete
left: 0;
[4095] Fix | Delete
content: "\020";
[4096] Fix | Delete
width: 100%;
[4097] Fix | Delete
height: 100%;
[4098] Fix | Delete
}
[4099] Fix | Delete
[4100] Fix | Delete
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
[4101] Fix | Delete
background: #0073aa;
[4102] Fix | Delete
mix-blend-mode: screen;
[4103] Fix | Delete
opacity: 0.1;
[4104] Fix | Delete
}
[4105] Fix | Delete
[4106] Fix | Delete
.site-header.featured-image .site-featured-image:after {
[4107] Fix | Delete
background: #000;
[4108] Fix | Delete
mix-blend-mode: multiply;
[4109] Fix | Delete
opacity: .7;
[4110] Fix | Delete
/* When image filters are active, a blue overlay is added. */
[4111] Fix | Delete
}
[4112] Fix | Delete
[4113] Fix | Delete
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
[4114] Fix | Delete
background: #0073aa;
[4115] Fix | Delete
opacity: .8;
[4116] Fix | Delete
z-index: 3;
[4117] Fix | Delete
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
[4118] Fix | Delete
}
[4119] Fix | Delete
[4120] Fix | Delete
@supports (mix-blend-mode: multiply) {
[4121] Fix | Delete
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
[4122] Fix | Delete
opacity: 1;
[4123] Fix | Delete
}
[4124] Fix | Delete
}
[4125] Fix | Delete
[4126] Fix | Delete
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
[4127] Fix | Delete
background: rgba(0, 0, 0, 0.35);
[4128] Fix | Delete
mix-blend-mode: overlay;
[4129] Fix | Delete
opacity: 0.5;
[4130] Fix | Delete
z-index: 4;
[4131] Fix | Delete
/* Browsers supporting mix-blend-mode can have a light overlay */
[4132] Fix | Delete
}
[4133] Fix | Delete
[4134] Fix | Delete
@supports (mix-blend-mode: overlay) {
[4135] Fix | Delete
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
[4136] Fix | Delete
background: rgba(255, 255, 255, 0.35);
[4137] Fix | Delete
}
[4138] Fix | Delete
}
[4139] Fix | Delete
[4140] Fix | Delete
.site-header.featured-image:after {
[4141] Fix | Delete
background: #000;
[4142] Fix | Delete
/**
[4143] Fix | Delete
* Add a transition to the readability overlay, to add a subtle
[4144] Fix | Delete
* but smooth effect when resizing the screen.
[4145] Fix | Delete
*/
[4146] Fix | Delete
transition: opacity 1200ms ease-in-out;
[4147] Fix | Delete
opacity: 0.7;
[4148] Fix | Delete
z-index: 5;
[4149] Fix | Delete
/* When image filters are active, a blue overlay is added. */
[4150] Fix | Delete
}
[4151] Fix | Delete
[4152] Fix | Delete
.image-filters-enabled .site-header.featured-image:after {
[4153] Fix | Delete
background: #000e14;
[4154] Fix | Delete
opacity: 0.38;
[4155] Fix | Delete
}
[4156] Fix | Delete
[4157] Fix | Delete
@media only screen and (min-width: 768px) {
[4158] Fix | Delete
.image-filters-enabled .site-header.featured-image:after {
[4159] Fix | Delete
opacity: 0.18;
[4160] Fix | Delete
}
[4161] Fix | Delete
}
[4162] Fix | Delete
[4163] Fix | Delete
.site-header.featured-image ::-moz-selection {
[4164] Fix | Delete
background: rgba(255, 255, 255, 0.17);
[4165] Fix | Delete
}
[4166] Fix | Delete
[4167] Fix | Delete
.site-header.featured-image ::selection {
[4168] Fix | Delete
background: rgba(255, 255, 255, 0.17);
[4169] Fix | Delete
}
[4170] Fix | Delete
[4171] Fix | Delete
/*--------------------------------------------------------------
[4172] Fix | Delete
## Posts and pages
[4173] Fix | Delete
--------------------------------------------------------------*/
[4174] Fix | Delete
.sticky {
[4175] Fix | Delete
display: block;
[4176] Fix | Delete
}
[4177] Fix | Delete
[4178] Fix | Delete
.sticky-post {
[4179] Fix | Delete
background: #0073aa;
[4180] Fix | Delete
color: #fff;
[4181] Fix | Delete
display: inline-block;
[4182] Fix | Delete
font-weight: bold;
[4183] Fix | Delete
line-height: 1;
[4184] Fix | Delete
padding: .25rem;
[4185] Fix | Delete
position: absolute;
[4186] Fix | Delete
text-transform: uppercase;
[4187] Fix | Delete
top: -1rem;
[4188] Fix | Delete
z-index: 1;
[4189] Fix | Delete
}
[4190] Fix | Delete
[4191] Fix | Delete
.updated:not(.published) {
[4192] Fix | Delete
display: none;
[4193] Fix | Delete
}
[4194] Fix | Delete
[4195] Fix | Delete
.page-links {
[4196] Fix | Delete
clear: both;
[4197] Fix | Delete
margin: 0 0 calc(1.5 * 1rem);
[4198] Fix | Delete
}
[4199] Fix | Delete
[4200] Fix | Delete
.entry {
[4201] Fix | Delete
margin-top: calc(6 * 1rem);
[4202] Fix | Delete
}
[4203] Fix | Delete
[4204] Fix | Delete
.entry:first-of-type {
[4205] Fix | Delete
margin-top: 0;
[4206] Fix | Delete
}
[4207] Fix | Delete
[4208] Fix | Delete
.entry .entry-header {
[4209] Fix | Delete
margin: calc(3 * 1rem) 1rem 1rem;
[4210] Fix | Delete
position: relative;
[4211] Fix | Delete
}
[4212] Fix | Delete
[4213] Fix | Delete
@media only screen and (min-width: 768px) {
[4214] Fix | Delete
.entry .entry-header {
[4215] Fix | Delete
margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
[4216] Fix | Delete
}
[4217] Fix | Delete
}
[4218] Fix | Delete
[4219] Fix | Delete
.entry .entry-title {
[4220] Fix | Delete
margin: 0;
[4221] Fix | Delete
}
[4222] Fix | Delete
[4223] Fix | Delete
.entry .entry-title:before {
[4224] Fix | Delete
background: #767676;
[4225] Fix | Delete
content: "\020";
[4226] Fix | Delete
display: block;
[4227] Fix | Delete
height: 2px;
[4228] Fix | Delete
margin: 1rem 0;
[4229] Fix | Delete
width: 1em;
[4230] Fix | Delete
}
[4231] Fix | Delete
[4232] Fix | Delete
.entry .entry-title.has-text-align-center:before {
[4233] Fix | Delete
margin-left: auto;
[4234] Fix | Delete
margin-right: auto;
[4235] Fix | Delete
}
[4236] Fix | Delete
[4237] Fix | Delete
.entry .entry-title.has-text-align-right:before {
[4238] Fix | Delete
margin-left: auto;
[4239] Fix | Delete
}
[4240] Fix | Delete
[4241] Fix | Delete
.entry .entry-title a {
[4242] Fix | Delete
color: inherit;
[4243] Fix | Delete
}
[4244] Fix | Delete
[4245] Fix | Delete
.entry .entry-title a:hover {
[4246] Fix | Delete
color: #4a4a4a;
[4247] Fix | Delete
}
[4248] Fix | Delete
[4249] Fix | Delete
.entry .entry-meta,
[4250] Fix | Delete
.entry .entry-footer {
[4251] Fix | Delete
color: #767676;
[4252] Fix | Delete
font-weight: 500;
[4253] Fix | Delete
}
[4254] Fix | Delete
[4255] Fix | Delete
.entry .entry-meta > span,
[4256] Fix | Delete
.entry .entry-footer > span {
[4257] Fix | Delete
margin-right: 1rem;
[4258] Fix | Delete
display: inline-block;
[4259] Fix | Delete
}
[4260] Fix | Delete
[4261] Fix | Delete
.entry .entry-meta > span:last-child,
[4262] Fix | Delete
.entry .entry-footer > span:last-child {
[4263] Fix | Delete
margin-right: 0;
[4264] Fix | Delete
}
[4265] Fix | Delete
[4266] Fix | Delete
.entry .entry-meta a,
[4267] Fix | Delete
.entry .entry-footer a {
[4268] Fix | Delete
transition: color 110ms ease-in-out;
[4269] Fix | Delete
color: currentColor;
[4270] Fix | Delete
}
[4271] Fix | Delete
[4272] Fix | Delete
.entry .entry-meta a:hover,
[4273] Fix | Delete
.entry .entry-footer a:hover {
[4274] Fix | Delete
text-decoration: none;
[4275] Fix | Delete
color: #0073aa;
[4276] Fix | Delete
}
[4277] Fix | Delete
[4278] Fix | Delete
.entry .entry-meta .svg-icon,
[4279] Fix | Delete
.entry .entry-footer .svg-icon {
[4280] Fix | Delete
position: relative;
[4281] Fix | Delete
display: inline-block;
[4282] Fix | Delete
vertical-align: middle;
[4283] Fix | Delete
margin-right: 0.5em;
[4284] Fix | Delete
}
[4285] Fix | Delete
[4286] Fix | Delete
.entry .entry-meta {
[4287] Fix | Delete
margin: 1rem 0;
[4288] Fix | Delete
}
[4289] Fix | Delete
[4290] Fix | Delete
.entry .entry-footer {
[4291] Fix | Delete
margin: calc(2 * 1rem) 1rem 1rem;
[4292] Fix | Delete
}
[4293] Fix | Delete
[4294] Fix | Delete
@media only screen and (min-width: 768px) {
[4295] Fix | Delete
.entry .entry-footer {
[4296] Fix | Delete
margin: 1rem calc(10% + 60px) calc(3 * 1rem);
[4297] Fix | Delete
max-width: calc(8 * (100vw / 12) - 28px);
[4298] Fix | Delete
}
[4299] Fix | Delete
}
[4300] Fix | Delete
[4301] Fix | Delete
@media only screen and (min-width: 768px) {
[4302] Fix | Delete
.entry .entry-footer {
[4303] Fix | Delete
max-width: calc(6 * (100vw / 12) - 28px);
[4304] Fix | Delete
}
[4305] Fix | Delete
}
[4306] Fix | Delete
[4307] Fix | Delete
.entry .post-thumbnail {
[4308] Fix | Delete
margin: 1rem;
[4309] Fix | Delete
}
[4310] Fix | Delete
[4311] Fix | Delete
@media only screen and (min-width: 768px) {
[4312] Fix | Delete
.entry .post-thumbnail {
[4313] Fix | Delete
margin: 1rem calc(10% + 60px);
[4314] Fix | Delete
}
[4315] Fix | Delete
}
[4316] Fix | Delete
[4317] Fix | Delete
.entry .post-thumbnail:focus {
[4318] Fix | Delete
outline: none;
[4319] Fix | Delete
}
[4320] Fix | Delete
[4321] Fix | Delete
.entry .post-thumbnail .post-thumbnail-inner {
[4322] Fix | Delete
display: block;
[4323] Fix | Delete
}
[4324] Fix | Delete
[4325] Fix | Delete
.entry .post-thumbnail .post-thumbnail-inner img {
[4326] Fix | Delete
position: relative;
[4327] Fix | Delete
display: block;
[4328] Fix | Delete
width: 100%;
[4329] Fix | Delete
}
[4330] Fix | Delete
[4331] Fix | Delete
.image-filters-enabled .entry .post-thumbnail {
[4332] Fix | Delete
position: relative;
[4333] Fix | Delete
display: block;
[4334] Fix | Delete
}
[4335] Fix | Delete
[4336] Fix | Delete
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
[4337] Fix | Delete
filter: grayscale(100%);
[4338] Fix | Delete
}
[4339] Fix | Delete
[4340] Fix | Delete
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
[4341] Fix | Delete
background: rgba(0, 0, 0, 0.35);
[4342] Fix | Delete
content: "";
[4343] Fix | Delete
display: block;
[4344] Fix | Delete
height: 100%;
[4345] Fix | Delete
opacity: .5;
[4346] Fix | Delete
pointer-events: none;
[4347] Fix | Delete
position: absolute;
[4348] Fix | Delete
top: 0;
[4349] Fix | Delete
width: 100%;
[4350] Fix | Delete
z-index: 4;
[4351] Fix | Delete
}
[4352] Fix | Delete
[4353] Fix | Delete
@supports (mix-blend-mode: multiply) {
[4354] Fix | Delete
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
[4355] Fix | Delete
display: none;
[4356] Fix | Delete
}
[4357] Fix | Delete
}
[4358] Fix | Delete
[4359] Fix | Delete
.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
[4360] Fix | Delete
position: absolute;
[4361] Fix | Delete
display: block;
[4362] Fix | Delete
width: 100%;
[4363] Fix | Delete
height: 100%;
[4364] Fix | Delete
top: 0;
[4365] Fix | Delete
left: 0;
[4366] Fix | Delete
content: "\020";
[4367] Fix | Delete
pointer-events: none;
[4368] Fix | Delete
}
[4369] Fix | Delete
[4370] Fix | Delete
.image-filters-enabled .entry .post-thumbnail:before {
[4371] Fix | Delete
background: #0073aa;
[4372] Fix | Delete
mix-blend-mode: screen;
[4373] Fix | Delete
opacity: 0.1;
[4374] Fix | Delete
z-index: 2;
[4375] Fix | Delete
}
[4376] Fix | Delete
[4377] Fix | Delete
.image-filters-enabled .entry .post-thumbnail:after {
[4378] Fix | Delete
background: #0073aa;
[4379] Fix | Delete
mix-blend-mode: multiply;
[4380] Fix | Delete
opacity: .8;
[4381] Fix | Delete
z-index: 3;
[4382] Fix | Delete
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
[4383] Fix | Delete
}
[4384] Fix | Delete
[4385] Fix | Delete
@supports (mix-blend-mode: multiply) {
[4386] Fix | Delete
.image-filters-enabled .entry .post-thumbnail:after {
[4387] Fix | Delete
opacity: 1;
[4388] Fix | Delete
}
[4389] Fix | Delete
}
[4390] Fix | Delete
[4391] Fix | Delete
.entry .entry-content,
[4392] Fix | Delete
.entry .entry-summary {
[4393] Fix | Delete
max-width: calc(100% - (2 * 1rem));
[4394] Fix | Delete
margin: 0 1rem;
[4395] Fix | Delete
}
[4396] Fix | Delete
[4397] Fix | Delete
@media only screen and (min-width: 768px) {
[4398] Fix | Delete
.entry .entry-content,
[4399] Fix | Delete
.entry .entry-summary {
[4400] Fix | Delete
max-width: 80%;
[4401] Fix | Delete
margin: 0 10%;
[4402] Fix | Delete
padding: 0 60px;
[4403] Fix | Delete
}
[4404] Fix | Delete
}
[4405] Fix | Delete
[4406] Fix | Delete
.entry .entry-content p {
[4407] Fix | Delete
word-wrap: break-word;
[4408] Fix | Delete
}
[4409] Fix | Delete
[4410] Fix | Delete
.entry .entry-content .more-link {
[4411] Fix | Delete
transition: color 110ms ease-in-out;
[4412] Fix | Delete
display: inline;
[4413] Fix | Delete
color: inherit;
[4414] Fix | Delete
}
[4415] Fix | Delete
[4416] Fix | Delete
.entry .entry-content .more-link:after {
[4417] Fix | Delete
content: "\02192";
[4418] Fix | Delete
display: inline-block;
[4419] Fix | Delete
margin-left: 0.5em;
[4420] Fix | Delete
}
[4421] Fix | Delete
[4422] Fix | Delete
.entry .entry-content .more-link:hover {
[4423] Fix | Delete
color: #0073aa;
[4424] Fix | Delete
text-decoration: none;
[4425] Fix | Delete
}
[4426] Fix | Delete
[4427] Fix | Delete
.entry .entry-content a {
[4428] Fix | Delete
text-decoration: underline;
[4429] Fix | Delete
}
[4430] Fix | Delete
[4431] Fix | Delete
.entry .entry-content a.button, .entry .entry-content a:hover {
[4432] Fix | Delete
text-decoration: none;
[4433] Fix | Delete
}
[4434] Fix | Delete
[4435] Fix | Delete
.entry .entry-content a.button {
[4436] Fix | Delete
display: inline-block;
[4437] Fix | Delete
}
[4438] Fix | Delete
[4439] Fix | Delete
.entry .entry-content a.button:hover {
[4440] Fix | Delete
background: #111;
[4441] Fix | Delete
color: #fff;
[4442] Fix | Delete
cursor: pointer;
[4443] Fix | Delete
}
[4444] Fix | Delete
[4445] Fix | Delete
.entry .entry-content > iframe[style] {
[4446] Fix | Delete
margin: 32px 0 !important;
[4447] Fix | Delete
max-width: 100% !important;
[4448] Fix | Delete
}
[4449] Fix | Delete
[4450] Fix | Delete
@media only screen and (min-width: 768px) {
[4451] Fix | Delete
.entry .entry-content > iframe[style] {
[4452] Fix | Delete
max-width: calc(8 * (100vw / 12) - 28px) !important;
[4453] Fix | Delete
}
[4454] Fix | Delete
}
[4455] Fix | Delete
[4456] Fix | Delete
@media only screen and (min-width: 1168px) {
[4457] Fix | Delete
.entry .entry-content > iframe[style] {
[4458] Fix | Delete
max-width: calc(6 * (100vw / 12) - 28px) !important;
[4459] Fix | Delete
}
[4460] Fix | Delete
}
[4461] Fix | Delete
[4462] Fix | Delete
.entry .entry-content .page-links a {
[4463] Fix | Delete
margin: calc(0.5 * 1rem);
[4464] Fix | Delete
text-decoration: none;
[4465] Fix | Delete
}
[4466] Fix | Delete
[4467] Fix | Delete
.entry .entry-content .wp-audio-shortcode {
[4468] Fix | Delete
max-width: calc(100vw - (2 * 1rem));
[4469] Fix | Delete
}
[4470] Fix | Delete
[4471] Fix | Delete
@media only screen and (min-width: 768px) {
[4472] Fix | Delete
.entry .entry-content .wp-audio-shortcode {
[4473] Fix | Delete
max-width: calc(8 * (100vw / 12) - 28px);
[4474] Fix | Delete
}
[4475] Fix | Delete
}
[4476] Fix | Delete
[4477] Fix | Delete
@media only screen and (min-width: 1168px) {
[4478] Fix | Delete
.entry .entry-content .wp-audio-shortcode {
[4479] Fix | Delete
max-width: calc(6 * (100vw / 12) - 28px);
[4480] Fix | Delete
}
[4481] Fix | Delete
}
[4482] Fix | Delete
[4483] Fix | Delete
/* Author description */
[4484] Fix | Delete
.author-bio {
[4485] Fix | Delete
margin: calc(2 * 1rem) 1rem 1rem;
[4486] Fix | Delete
}
[4487] Fix | Delete
[4488] Fix | Delete
@media only screen and (min-width: 768px) {
[4489] Fix | Delete
.author-bio {
[4490] Fix | Delete
max-width: calc(8 * (100vw / 12) - 28px);
[4491] Fix | Delete
}
[4492] Fix | Delete
}
[4493] Fix | Delete
[4494] Fix | Delete
@media only screen and (min-width: 1168px) {
[4495] Fix | Delete
.author-bio {
[4496] Fix | Delete
max-width: calc(6 * (100vw / 12) - 28px);
[4497] Fix | Delete
}
[4498] Fix | Delete
}
[4499] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function