:root {  --blog-grid-h-spacing: 20px;
--blog-grid-v-spacing: 40px;
}
.widget56__row .col {
border-left: 0 solid var(--border-color);
}
@media only screen and (max-width: 600px) {
.widget56__row .col + .col {
border-left: 0;
margin-top: 2em;
}
} .imageframe56 {
display: block;
padding-bottom: 50%;
position: relative;
}
.imageframe56 img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} .builder56 {
display: block;
padding: 20px 0 30px;
}
@media only screen and (max-width: 840px) {
.builder56 {
padding: 0 0 20px;
}
}
@media only screen and (max-width: 600px) {
.builder56 {
padding: 0 0 10px;
}
}
.builder56__section {
border: 0 solid black;
}
.builder56__section + .builder56__section {
margin-top: 24px;
}
.section56 {
overflow: hidden;
}
.container--main {
border: 0 solid;
}
.section56--stretch-fullwidth .container {
width: 100%;
max-width: 100%;
}
.section56--stretch-narrow .container {
width: 660px;
}
.section56__after_code {
margin: 20px 0 0;
} .container--heading {
position: relative;
}
.heading56__wrapper {
position: relative;
margin: 0 0 24px;
}
@media only screen and (max-width: 600px) {
.heading56__wrapper {
margin-bottom: 1em;
}
}
.heading56 {
display: block;
position: relative;
margin: 0;
}
.heading56 a {
color: inherit;
}
.heading56 a:hover {
color: inherit;
}
.heading56__text {
display: inline-block;
position: relative;
} .heading56--border-bottom {
border: 1px solid;
border-width: 0 0 1px;
}
.heading56--border-top {
border: 1px solid;
border-width: 1px 0 0;
} .heading56--border-around .heading56__text {
padding: 16px;
border: 5px solid;
} .heading56--decorate-middle .heading56__line {
display: block;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.heading56--decorate-middle .heading56__line--left {
right: 100%;
margin-right: 20px;
}
.heading56--decorate-middle .heading56__line--right {
left: 100%;
margin-left: 20px;
}
.heading56--decorate-middle.heading56--stretch-full .heading56__line {
width: 2000px;
}
.heading56--decorate-middle.heading56--stretch-content {
overflow: hidden;
}
.heading56--decorate-middle.heading56--stretch-content .heading56__line {
width: 2000px;
}
.heading56--decorate-middle.heading56--stretch-half .heading56__line {
width: 200px;
} .heading56--middle-line .heading56__line {
background: currentColor;
height: 1px;
} .heading56--diagonal-stripe .heading56__line {
background: repeating-linear-gradient(-45deg, transparent, transparent 6px, currentColor 7px, currentColor 1px);
background-position: top left;
opacity: 0.5;
height: 30%;
} .heading56--pixelate-dots .heading56__line {
height: 40%;
background-image: radial-gradient(currentColor 20%, transparent 20%);
background-position: 0 0;
background-size: 8px 8px;
opacity: 0.6;
} .heading56--left {
text-align: left;
}
.heading56--center {
text-align: center;
}
.heading56--right {
text-align: right;
} .heading56__link {
font-size: 0.925em;
}
.heading56__link--separated {
position: absolute;
top: 50%;
right: 0;
z-index: 20;
display: block;
transform: translate(0, -50%);
padding: 2px 6px 1px;
}
@media only screen and (max-width: 600px) {
.heading56__link--separated {
padding-left: 10px;
}
}
.heading56--right + .heading56__link--separated {
right: auto;
left: 0;
padding-left: 0;
padding-right: 20px;
} .ad56__wrapper .ad56__container {
margin-bottom: 20px;
} .blog56 {
position: relative;
}
.post56 {
position: relative;
z-index: 10;
}
.component56 + .component56 {
margin-top: 8px;
}
body .post56__text > .component56:last-child {
margin-bottom: 0;
}
.post56 .post56__text {
max-width: var(--content-width);
margin-left: auto;
margin-right: auto;
} .number56 {
margin-right: 0.5em;
font-size: 1.2em;
} .thumbnail56 {
display: block;
margin: 0;
position: relative;
overflow: hidden;
}
.thumbnail56 img {
width: 100%;
display: block;
margin: 0;
border: 0 solid;
}
.thumbnail56 a {
display: block;
position: relative;
}
.iframe-inserted {
background: black;
}
.iframe-inserted a,
.iframe-inserted img,
.iframe-inserted figcaption {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.iframe-inserted iframe {
display: block;
visibility: visible;
position: absolute;
z-index: 9999;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} .wp-caption-text,
.wp-element-caption,
.wp-block-image figcaption,
.blocks-gallery-caption {
display: block;
margin: 10px auto 0;
max-width: 940px;
font-size: 15px;
text-align: left;
line-height: 1.4;
}
.wp-caption-text a,
.wp-element-caption a,
.wp-block-image figcaption a,
.blocks-gallery-caption a {
color: inherit;
text-decoration: underline;
display: inline;
}
.wp-caption-text a:hover,
.wp-element-caption a:hover,
.wp-block-image figcaption a:hover,
.blocks-gallery-caption a:hover {
text-decoration: none;
}
@media only screen and (max-width: 600px) {
.wp-caption-text,
.wp-element-caption,
.wp-block-image figcaption,
.blocks-gallery-caption {
width: 100%;
margin-top: 3px;
}
} .thumbnail56__view {
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
display: block;
background: black;
color: white;
font-size: 11px;
text-align: center;
padding: 2px 8px;
font-family: var(--font-heading);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
z-index: 40;
} .thumbnail56__score {
display: block;
position: absolute;
bottom: 0;
right: 0;
display: block;
background: black;
color: white;
z-index: 99;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 2.4em;
} .title56 {
margin: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.title56 a {
display: block;
color: inherit;
transition: color 0.15s ease-out;
}
.title56 a:hover {
color: inherit;
} .excerpt56 {
display: block;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.excerpt56 p {
margin: 0;
}
.excerpt56--cols--2,
.excerpt56--cols--3 {
text-align: justify;
}
.excerpt56--cols--2 {
-moz-column-count: 2;
column-count: 2;
}
.excerpt56--cols--3 {
-moz-column-count: 3;
column-count: 3;
} .compact-titles .title56 {
margin-bottom: 0 !important;
border-top: 0 solid var(--border-color);
} .readmore56 .btn56 {
line-height: 24px;
}
a.more--plain {
font-family: var(--font-heading);
text-transform: uppercase;
}
a.more--minimal {
color: inherit;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 90%;
display: inline-block;
margin-top: 0.5em;
position: relative;
}
a.more--minimal:hover {
color: inherit;
}
a.more--minimal:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
transform: scale(0, 1);
transform-origin: 0 0;
transition: all 0.2s ease-out;
display: block;
border-top: 2px solid;
content: "";
}
a.more--minimal:hover:after {
transform: scale(1, 1);
} .hover--fade a {
transition: all 0.2s ease-out;
}
.hover--fade a:hover {
opacity: 0.8;
}
.hover--grayscale img {
transition: all 0.4s ease-out;
}
.hover--grayscale img:hover {
filter: grayscale(100%);
}
.hover--sepia img {
transition: all 0.4s ease-out;
}
.hover--sepia img:hover {
filter: sepia(100%);
}
.thumbnail56__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 20;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out;
background: black;
display: none;
}
.hover--dark .thumbnail56__overlay {
display: block;
}
.hover--dark a:hover .thumbnail56__overlay {
opacity: 0.4;
visibility: visible;
}
.hover--zoomin img {
display: block;
transition: all 0.3s ease-out;
}
.hover--zoomin a:hover img, .hover--zoomin:hover img {
transform: scale(1.05);
}
.thumbnail56__letter {
display: block;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
display: block;
z-index: 30;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
color: white;
position: absolute;
font-size: 5em;
}
.thumbnail56__letter__main {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-out;
transform: scale(0.9);
font-weight: 100;
}
.thumbnail56__letter__cross {
position: absolute;
display: block;
border-left: 1px solid;
height: 0;
transition: all 0.3s ease-out;
opacity: 0.8;
}
.thumbnail56__letter__cross--left {
transform: rotate(45deg);
transform-origin: 0 0;
top: 100%;
right: 100%;
}
.thumbnail56__letter__cross--right {
transform: rotate(45deg);
transform-origin: 100% 100%;
bottom: 100%;
left: 100%;
}
.hover--letter a:hover .thumbnail56__overlay {
opacity: 0.7;
}
.hover--letter a:hover .thumbnail56__letter__cross {
height: 60px;
}
.hover--letter a:hover .thumbnail56__letter__main {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.thumbnail56__hover-img {
display: block;
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
z-index: 50;
border-radius: 0 !important;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out;
transform: translate(-50%, -45%);
border: 0 !important;
}
.thumbnail56 .thumbnail56__hover-img {
width: 40%;
}
.thumbnail56.hover--logo a:hover img.thumbnail56__hover-img {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
} .thumbnail56--hasshowing--fade a {
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-out;
transition-delay: 0.1s;
}
.thumbnail56--hasshowing--fade.inview a {
opacity: 1;
visibility: visible;
}
.thumbnail56--hasshowing--slide a {
opacity: 0;
visibility: hidden;
transform: translate(0, 40px);
transition: all 0.3s ease-out;
}
.thumbnail56--hasshowing--slide.inview a {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.thumbnail56--hasshowing--popup a {
opacity: 0;
visibility: hidden;
transform: scale(0.95);
transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.thumbnail56--hasshowing--popup.inview a {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.thumbnail56--hasshowing--zoomin a {
opacity: 0;
visibility: hidden;
transform: scale(1.3);
transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.thumbnail56--hasshowing--zoomin.inview a {
opacity: 1;
visibility: visible;
transform: scale(1);
} .format-icon {
position: absolute;
z-index: 999;
display: block;
left: 10px;
bottom: 10px;
background: rgba(0, 0, 0, 0.4);
border-radius: 3px;
color: white;
width: 36px;
height: 36px;
text-align: center;
}
.format-icon i {
font-size: 16px;
line-height: 36px;
margin: 0;
}
.format-icon--video {
left: 50%;
top: 50%;
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
border-radius: 50%;
transition: all 0.15s ease-out;
}
.format-icon--video i {
transform: translate(3px, 0);
font-size: 22px;
line-height: 48px;
}
.format-icon--video--minimal {
background: none;
}
.format-icon--video--minimal i {
font-size: 28px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.format-icon--video--solid {
background: #000;
}
.thumbnail56:hover .format-icon--video--solid {
background: var(--accent-color);
}
.format-icon--video--outline {
width: 48px;
height: 48px;
line-height: 42px;
font-size: 14px;
color: white;
border: 4px solid rgba(255, 255, 255, 0.8);
background: rgba(0, 0, 0, 0.1);
transition: all 0.15s ease-out;
}
.format-icon--video--outline i {
line-height: 40px;
transform: translate(3px, 0);
font-size: 22px;
}
.thumbnail56:hover .format-icon--video--outline {
border-color: white;
color: white;
} .post56__overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 30;
background: rgba(0, 0, 0, 0.3);
display: none;
}
.post56__wraplink {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 32;
display: block;
}
.post56__padding {
display: none;
padding-bottom: 80%;
}
.post56__height {
display: none;
height: 320px;
}
.post56__wraplink {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.post56--ontop {
color: white;
overflow: hidden;
}
.post56--ontop .post56__overlay,
.post56--ontop .post56__height,
.post56--ontop .post56__padding,
.post56--ontop .post56__wraplink {
display: block;
}
.post56--ontop .thumbnail56 {
z-index: 10;
margin: 0 !important;
}
.post56--ontop .thumbnail56 a {
width: 100%;
height: 100%;
display: block;
}
.post56--ontop .thumbnail56 img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
border-radius: 0 !important;
}
.post56--ontop .post56__text {
z-index: 40;
padding: 24px;
}
.post56--ontop .post56__text,
.post56--ontop .thumbnail56 {
position: absolute;
left: 0;
right: 0;
}
.post56--ontop .thumbnail56 {
top: 0;
bottom: 0;
}
.text--top .post56__text {
top: 0;
}
.text--bottom .post56__text {
bottom: 0;
}
.text--middle .post56__text {
top: 50%;
transform: translate(0, -50%);
} .authors56__container {
display: flex;
flex-flow: row wrap;
}
.authors56--desktop--6 .author56 {
width: 16.66%;
}
.authors56--desktop--5 .author56 {
width: 20%;
}
.authors56--desktop--4 .author56 {
width: 25%;
}
.authors56--desktop--3 .author56 {
width: 33.33%;
}
.authors56--desktop--2 .author56 {
width: 50%;
}
.authors56--desktop--1 .author56 {
width: 100%;
}
@media only screen and (max-width: 840px) {
.authors56--tablet--6 .author56 {
width: 16.66%;
}
.authors56--tablet--5 .author56 {
width: 20%;
}
.authors56--tablet--4 .author56 {
width: 25%;
}
.authors56--tablet--3 .author56 {
width: 33.33%;
}
.authors56--tablet--2 .author56 {
width: 50%;
}
.authors56--tablet--1 .author56 {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.authors56--mobile--6 .author56 {
width: 16.66%;
}
.authors56--mobile--5 .author56 {
width: 20%;
}
.authors56--mobile--4 .author56 {
width: 25%;
}
.authors56--mobile--3 .author56 {
width: 33.33%;
}
.authors56--mobile--2 .author56 {
width: 50%;
}
.authors56--mobile--1 .author56 {
width: 100%;
}
} .authors56--item--left .author56 {
display: flex;
}
.authors56--item--left .author56__avatar {
width: 120px;
flex: none;
}
.authors56--item--left .author56__text {
flex: none;
width: calc(100% - 120px);
}
.authors56--item--top .author56__avatar {
display: inline-block;
} .authors56 {
position: relative;
}
.author56 {
border-left: 0 solid var(--border-color);
border-top: 0 solid var(--border-color);
} .author56__avatar img {
border-radius: 150px;
} .author56__name {
margin: 0;
}
.author56__name a {
color: inherit;
}
.author56__description p,
.author56__description ul,
.author56__description ol {
margin: 0;
}
.author56__description a {
color: inherit;
}