/**

[0] Fix | Delete

* Jetpack related posts

[1] Fix | Delete

*/

[2] Fix | Delete

[3] Fix | Delete

/**

[4] Fix | Delete

* The Gutenberg block

[5] Fix | Delete

*/

[6] Fix | Delete

[7] Fix | Delete

.jp-related-posts-i2 {

[8] Fix | Delete

margin-top: 1.5rem;

[9] Fix | Delete

}

[10] Fix | Delete

[11] Fix | Delete

.jp-related-posts-i2__list {

[12] Fix | Delete

--hgap: 1rem;

[13] Fix | Delete

[14] Fix | Delete

display: flex;

[15] Fix | Delete

flex-wrap: wrap;

[16] Fix | Delete

column-gap: var(--hgap);

[17] Fix | Delete

row-gap: 2rem;

[18] Fix | Delete

[19] Fix | Delete

margin: 0;

[20] Fix | Delete

padding: 0;

[21] Fix | Delete

[22] Fix | Delete

list-style-type: none;

[23] Fix | Delete

}

[24] Fix | Delete

[25] Fix | Delete

.jp-related-posts-i2__post {

[26] Fix | Delete

display: flex;

[27] Fix | Delete

flex-direction: column;

[28] Fix | Delete

[29] Fix | Delete

/* Default: 2 items by row */

[30] Fix | Delete

flex-basis: calc(( 100% - var(--hgap) ) / 2);

[31] Fix | Delete

}

[32] Fix | Delete

[33] Fix | Delete

/* Quantity qeuries: see https://alistapart.com/article/quantity-queries-for-css/ */

[34] Fix | Delete

.jp-related-posts-i2__post:nth-last-child(n+3):first-child,

[35] Fix | Delete

.jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * {

[36] Fix | Delete

[37] Fix | Delete

/* From 3 total items on, 3 items by row */

[38] Fix | Delete

flex-basis: calc(( 100% - var(--hgap) * 2 ) / 3);

[39] Fix | Delete

}

[40] Fix | Delete

[41] Fix | Delete

.jp-related-posts-i2__post:nth-last-child(4):first-child,

[42] Fix | Delete

.jp-related-posts-i2__post:nth-last-child(4):first-child ~ * {

[43] Fix | Delete

[44] Fix | Delete

/* Exception for 4 total items: 2 items by row */

[45] Fix | Delete

flex-basis: calc(( 100% - var(--hgap) ) / 2);

[46] Fix | Delete

}

[47] Fix | Delete

[48] Fix | Delete

.jp-related-posts-i2__post-link {

[49] Fix | Delete

display: flex;

[50] Fix | Delete

flex-direction: column;

[51] Fix | Delete

row-gap: 0.5rem;

[52] Fix | Delete

[53] Fix | Delete

width: 100%;

[54] Fix | Delete

margin-bottom: 1rem;

[55] Fix | Delete

[56] Fix | Delete

line-height: 1.2;

[57] Fix | Delete

}

[58] Fix | Delete

[59] Fix | Delete

.jp-related-posts-i2__post-link:focus-visible {

[60] Fix | Delete

outline-offset: 2px;

[61] Fix | Delete

}

[62] Fix | Delete

[63] Fix | Delete

.jp-related-posts-i2__post-img {

[64] Fix | Delete

order: -1;

[65] Fix | Delete

[66] Fix | Delete

max-width: 100%;

[67] Fix | Delete

}

[68] Fix | Delete

[69] Fix | Delete

.jp-related-posts-i2__post-defs {

[70] Fix | Delete

margin: 0;

[71] Fix | Delete

[72] Fix | Delete

list-style-type: unset;

[73] Fix | Delete

}

[74] Fix | Delete

[75] Fix | Delete

/* Hide, except from screen readers */

[76] Fix | Delete

.jp-related-posts-i2__post-defs dt {

[77] Fix | Delete

position: absolute;

[78] Fix | Delete

width: 1px;

[79] Fix | Delete

height: 1px;

[80] Fix | Delete

overflow: hidden;

[81] Fix | Delete

clip-path: inset(50%);

[82] Fix | Delete

white-space: nowrap;

[83] Fix | Delete

}

[84] Fix | Delete

[85] Fix | Delete

.jp-related-posts-i2__post-defs dd {

[86] Fix | Delete

margin: 0;

[87] Fix | Delete

}

[88] Fix | Delete

[89] Fix | Delete

/* List view */

[90] Fix | Delete

[91] Fix | Delete

.jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list {

[92] Fix | Delete

display: block;

[93] Fix | Delete

}

[94] Fix | Delete

[95] Fix | Delete

.jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post {

[96] Fix | Delete

margin-bottom: 2rem;

[97] Fix | Delete

}

[98] Fix | Delete

[99] Fix | Delete

/* Breakpoints */

[100] Fix | Delete

[101] Fix | Delete

@media only screen and (max-width: 640px) {

[102] Fix | Delete

[103] Fix | Delete

.jp-related-posts-i2__list {

[104] Fix | Delete

display: block;

[105] Fix | Delete

}

[106] Fix | Delete

[107] Fix | Delete

.jp-related-posts-i2__post {

[108] Fix | Delete

margin-bottom: 2rem;

[109] Fix | Delete

}

[110] Fix | Delete

}

[111] Fix | Delete

[112] Fix | Delete

/* Container */

[113] Fix | Delete

[114] Fix | Delete

#jp-relatedposts {

[115] Fix | Delete

display: none;

[116] Fix | Delete

padding-top: 1em;

[117] Fix | Delete

margin: 1em 0;

[118] Fix | Delete

position: relative;

[119] Fix | Delete

clear: both;

[120] Fix | Delete

}

[121] Fix | Delete

[122] Fix | Delete

.jp-relatedposts::after {

[123] Fix | Delete

content: "";

[124] Fix | Delete

display: block;

[125] Fix | Delete

clear: both;

[126] Fix | Delete

}

[127] Fix | Delete

[128] Fix | Delete

/* Headline above related posts section, labeled "Related" */

[129] Fix | Delete

[130] Fix | Delete

#jp-relatedposts h3.jp-relatedposts-headline {

[131] Fix | Delete

margin: 0 0 1em 0;

[132] Fix | Delete

display: inline-block;

[133] Fix | Delete

float: left;

[134] Fix | Delete

font-size: 9pt;

[135] Fix | Delete

font-weight: 700;

[136] Fix | Delete

font-family: inherit;

[137] Fix | Delete

}

[138] Fix | Delete

[139] Fix | Delete

#jp-relatedposts h3.jp-relatedposts-headline em::before {

[140] Fix | Delete

content: "";

[141] Fix | Delete

display: block;

[142] Fix | Delete

width: 100%;

[143] Fix | Delete

min-width: 30px;

[144] Fix | Delete

border-top: 1px solid rgba(0, 0, 0, 0.2);

[145] Fix | Delete

margin-bottom: 1em;

[146] Fix | Delete

}

[147] Fix | Delete

[148] Fix | Delete

#jp-relatedposts h3.jp-relatedposts-headline em {

[149] Fix | Delete

font-style: normal;

[150] Fix | Delete

font-weight: 700;

[151] Fix | Delete

}

[152] Fix | Delete

[153] Fix | Delete

/* Related posts items (wrapping items) */

[154] Fix | Delete

[155] Fix | Delete

#jp-relatedposts .jp-relatedposts-items {

[156] Fix | Delete

clear: left;

[157] Fix | Delete

}

[158] Fix | Delete

[159] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual {

[160] Fix | Delete

margin-right: -20px;

[161] Fix | Delete

}

[162] Fix | Delete

[163] Fix | Delete

/* Related posts item */

[164] Fix | Delete

[165] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {

[166] Fix | Delete

float: left;

[167] Fix | Delete

width: 33%;

[168] Fix | Delete

margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */

[169] Fix | Delete

box-sizing: border-box;

[170] Fix | Delete

}

[171] Fix | Delete

[172] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {

[173] Fix | Delete

padding-right: 20px;

[174] Fix | Delete

filter: alpha(opacity=80);

[175] Fix | Delete

-moz-opacity: 0.8;

[176] Fix | Delete

opacity: 0.8;

[177] Fix | Delete

}

[178] Fix | Delete

[179] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),

[180] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {

[181] Fix | Delete

clear: both;

[182] Fix | Delete

}

[183] Fix | Delete

[184] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {

[185] Fix | Delete

text-decoration: underline;

[186] Fix | Delete

}

[187] Fix | Delete

[188] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {

[189] Fix | Delete

filter: alpha(opacity=100);

[190] Fix | Delete

-moz-opacity: 1;

[191] Fix | Delete

opacity: 1;

[192] Fix | Delete

}

[193] Fix | Delete

[194] Fix | Delete

/* Related posts item content */

[195] Fix | Delete

[196] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,

[197] Fix | Delete

#jp-relatedposts .jp-relatedposts-items p,

[198] Fix | Delete

#jp-relatedposts .jp-relatedposts-items time {

[199] Fix | Delete

font-size: 14px;

[200] Fix | Delete

line-height: 20px;

[201] Fix | Delete

margin: 0;

[202] Fix | Delete

}

[203] Fix | Delete

[204] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs {

[205] Fix | Delete

position: relative;

[206] Fix | Delete

}

[207] Fix | Delete

[208] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {

[209] Fix | Delete

position: absolute;

[210] Fix | Delete

top: 0;

[211] Fix | Delete

bottom: 0;

[212] Fix | Delete

left: 0;

[213] Fix | Delete

right: 0;

[214] Fix | Delete

display: block;

[215] Fix | Delete

border-bottom: 0;

[216] Fix | Delete

}

[217] Fix | Delete

[218] Fix | Delete

#jp-relatedposts .jp-relatedposts-items p,

[219] Fix | Delete

#jp-relatedposts .jp-relatedposts-items time {

[220] Fix | Delete

margin-bottom: 0;

[221] Fix | Delete

}

[222] Fix | Delete

[223] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {

[224] Fix | Delete

text-transform: none;

[225] Fix | Delete

margin: 0;

[226] Fix | Delete

font-family: inherit;

[227] Fix | Delete

display: block;

[228] Fix | Delete

max-width: 100%;

[229] Fix | Delete

}

[230] Fix | Delete

[231] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {

[232] Fix | Delete

font-size: inherit;

[233] Fix | Delete

font-weight: 400;

[234] Fix | Delete

text-decoration: none;

[235] Fix | Delete

filter: alpha(opacity=100);

[236] Fix | Delete

-moz-opacity: 1;

[237] Fix | Delete

opacity: 1;

[238] Fix | Delete

}

[239] Fix | Delete

[240] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {

[241] Fix | Delete

text-decoration: underline;

[242] Fix | Delete

}

[243] Fix | Delete

[244] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,

[245] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {

[246] Fix | Delete

display: block;

[247] Fix | Delete

max-width: 90%;

[248] Fix | Delete

overflow: hidden;

[249] Fix | Delete

text-overflow: ellipsis;

[250] Fix | Delete

}

[251] Fix | Delete

[252] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,

[253] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {

[254] Fix | Delete

height: auto;

[255] Fix | Delete

max-width: 100%;

[256] Fix | Delete

}

[257] Fix | Delete

[258] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,

[259] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {

[260] Fix | Delete

opacity: 0.6;

[261] Fix | Delete

}

[262] Fix | Delete

[263] Fix | Delete

/* Hide the date by default, but leave the element there if

[264] Fix | Delete

* a theme wants to use css to make it visible. */

[265] Fix | Delete

.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {

[266] Fix | Delete

display: none;

[267] Fix | Delete

}

[268] Fix | Delete

[269] Fix | Delete

/* Behavior when there are thumbnails in visual mode */

[270] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {

[271] Fix | Delete

display: none;

[272] Fix | Delete

}

[273] Fix | Delete

[274] Fix | Delete

/* Behavior when there are no thumbnails in visual mode */

[275] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {

[276] Fix | Delete

overflow: hidden;

[277] Fix | Delete

}

[278] Fix | Delete

[279] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {

[280] Fix | Delete

margin-bottom: 1em;

[281] Fix | Delete

}

[282] Fix | Delete

[283] Fix | Delete

/* List Layout */

[284] Fix | Delete

#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post {

[285] Fix | Delete

clear: both;

[286] Fix | Delete

width: 100%;

[287] Fix | Delete

}

[288] Fix | Delete

[289] Fix | Delete

#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {

[290] Fix | Delete

float: left;

[291] Fix | Delete

overflow: hidden;

[292] Fix | Delete

max-width: 33%;

[293] Fix | Delete

margin-right: 3%;

[294] Fix | Delete

}

[295] Fix | Delete

[296] Fix | Delete

#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {

[297] Fix | Delete

display: inline-block;

[298] Fix | Delete

max-width: 63%;

[299] Fix | Delete

}

[300] Fix | Delete

[301] Fix | Delete

/*

[302] Fix | Delete

* Responsive

[303] Fix | Delete

*/

[304] Fix | Delete

[305] Fix | Delete

@media only screen and (max-width: 640px) {

[306] Fix | Delete

[307] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {

[308] Fix | Delete

width: 50%;

[309] Fix | Delete

}

[310] Fix | Delete

[311] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {

[312] Fix | Delete

clear: left;

[313] Fix | Delete

}

[314] Fix | Delete

[315] Fix | Delete

#jp-relatedposts .jp-relatedposts-items-visual {

[316] Fix | Delete

margin-right: 20px;

[317] Fix | Delete

}

[318] Fix | Delete

}

[319] Fix | Delete

[320] Fix | Delete

@media only screen and (max-width: 320px) {

[321] Fix | Delete

[322] Fix | Delete

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {

[323] Fix | Delete

width: 100%;

[324] Fix | Delete

clear: both;

[325] Fix | Delete

margin: 0 0 1em;

[326] Fix | Delete

}

[327] Fix | Delete

[328] Fix | Delete

#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,

[329] Fix | Delete

#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {

[330] Fix | Delete

float: none;

[331] Fix | Delete

max-width: 100%;

[332] Fix | Delete

margin-right: 0;

[333] Fix | Delete

}

[334] Fix | Delete

}

[335] Fix | Delete

[336] Fix | Delete

/*

[337] Fix | Delete

* Hide the related post section in the print view of a post

[338] Fix | Delete

*/

[339] Fix | Delete

[340] Fix | Delete

@media print {

[341] Fix | Delete

[342] Fix | Delete

.jp-relatedposts {

[343] Fix | Delete

display: none !important;

[344] Fix | Delete

}

[345] Fix | Delete

}

[346] Fix | Delete

[347] Fix | Delete