:root {
--fox-single-outer-gap: 60px;
--fox-single-header-gap: 10px;
--fox-single-block-gap: 40px;
--fox-single-body-area-gap: 40px;
}  :root {
--single-margin: 3rem;
--single-margin-small: 2rem;
--single-margin-tiny: 0.8rem;
}
@media only screen and (max-width: 600px) {
:root {
--single-margin: 1.8rem;
--single-margin-small: 1.2rem;
--single-margin-tiny: 0.5rem;
}
}
.single56--3.single56--thumbnail-stretch-full .single56__thumbnail,
.single56--1.no-sidebar.single56--thumbnail-stretch-full .single56__thumbnail {
margin-top: -1px;
}
.single56__title {
margin-top: var(--single-margin-small);
}
.single56__subtitle {
margin-top: var(--single-margin-tiny);
}
.single56__element,
.single56__header .meta56,
.single56__header .single56__title:first-child {
margin-top: var(--single-margin);
}
.single56 > .single56__element:last-child,
.single56 .container--main .primary56 > .single56__body > .single56__element:last-child {
margin-bottom: var(--single-margin);
}
.single56 > .single56__element.singlenav56--advanced:last-child {
margin-bottom: 0;
}
.container--6 {
margin-bottom: var(--single-margin-tiny);
}          :root {
--page-margin: 3em;
}
.page56 {
padding-bottom: var(--page-margin);
}
.page56__title {
margin: 0;
}  .single56--narrow .single56__header,
.single56--narrow .single56__body {
width: var(--narrow-width);
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.single56--narrow.no-sidebar .single56__thumbnail {
width: var(--narrow-width);
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.single56--1b.hassidebar.single56--narrow .single56__header {
width: 100%;
} .single56--thumbnail-stretch-full .single56__thumbnail .single_thumbnail56 {
width: auto;
max-width: none;
margin-left: calc((100% - 100vw) / 2);
margin-right: calc((100% - 100vw) / 2);
}
.single56--thumbnail-stretch-full .single56__thumbnail .single_thumbnail56 img {
display: block;
width: 100%;
}
.single56--thumbnail-stretch-container .single56__thumbnail,
.single56--thumbnail-stretch-container.single56--narrow .single56__thumbnail {
width: 100%;
}
.single56--thumbnail-stretch-container .single56__thumbnail img,
.single56--thumbnail-stretch-container.single56--narrow .single56__thumbnail img {
display: block;
width: 100%;
}
.single56--thumbnail-stretch-bigger .single56__thumbnail .single_thumbnail56 {
margin-left: -60px;
margin-right: -60px;
}
@media only screen and (max-width: 600px) {
.single56--thumbnail-stretch-bigger .single56__thumbnail .single_thumbnail56 {
margin-left: 0;
margin-right: 0;
}
} .meta-share {
display: flex;
align-items: center;
}
.meta-share .single56__share {
margin-top: 0;
margin-left: auto;
}
.meta-share .meta56 {
margin-top: 0 !important;
} .single56__header.align-left .meta56 {
justify-content: left;
}
.single56__header.align-center .meta56 {
justify-content: center;
}
.single56__header.align-right .meta56 {
justify-content: flex-end;
}
.page56__header.align-right {
text-align: right;
}
.page56__header.align-center {
text-align: center;
}
.page56__header.align-left {
text-align: left;
} .single56__header--narrow {
width: var(--narrow-width) !important;
}
.single56__header--wide {
width: 100% !important;
} .single_thumbnail56 {
text-align: center;
margin: 0;
}
.single_thumbnail56 figcaption {
margin-top: 10px;
}
.single_thumbnail56 figcaption a {
text-decoration: underline;
}
.single_thumbnail56 figcaption a:hover {
text-decoration: none;
} .gallery56--normal figure {
margin: 0;
position: relative;
}
.gallery56--normal figure img {
display: block;
width: 100%;
}
.gallery56--normal figure a {
display: block;
outline: 0;
color: inherit;
}
.gallery56--normal figure figcaption {
position: absolute;
font-size: 0.9em;
line-height: 1.2;
bottom: 0;
left: 0;
right: 0;
z-index: 400;
transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
color: white;
padding: 6px;
background: rgba(0, 0, 0, 0.45);
opacity: 0;
visibility: hidden;
}
.gallery56--normal figure:hover figcaption {
opacity: 1;
visibility: visible;
}
.gallery56--grid {
display: grid;
-moz-column-gap: 16px;
column-gap: 16px;
row-gap: 16px;
}
@media only screen and (max-width: 600px) {
.gallery56--grid {
-moz-column-gap: 4px;
column-gap: 4px;
row-gap: 4px;
}
}
.gallery56--grid--1cols {
grid-template-columns: 1fr;
}
.gallery56--grid--2cols {
grid-template-columns: 1fr 1fr;
}
.gallery56--grid--3cols {
grid-template-columns: 1fr 1fr 1fr;
}
.gallery56--grid--4cols {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 600px) {
.gallery56--grid--4cols {
grid-template-columns: 1fr 1fr;
}
}
.gallery56--grid--5cols {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 600px) {
.gallery56--grid--5cols {
grid-template-columns: 1fr 1fr 1fr;
}
} .gallery56--grid--custom figure {
position: relative;
overflow: hidden;
padding-bottom: 80%;
}
.gallery56--grid--custom figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.gallery56--grid--landscape figure {
padding-bottom: 80%;
}
.gallery56--grid--square figure {
padding-bottom: 100%;
}
.gallery56--grid--portrait {
padding-bottom: 125%;
} .gallery56--stack figure {
margin: 0;
overflow: hidden;
display: block;
}
.gallery56--stack figure a {
display: block;
width: 100%;
}
.gallery56--stack figure img {
display: block;
width: 100%;
}
.gallery56--stack figure + figure {
margin-top: 1em;
}
@media only screen and (max-width: 600px) {
.gallery56--stack figure {
display: block;
}
}
.gallery56--stack figure.has-caption {
display: flex;
align-items: flex-end;
}
@media only screen and (max-width: 600px) {
.gallery56--stack figure.has-caption {
display: block;
}
}
.gallery56--stack figure.has-caption a {
width: calc(100% - 200px);
flex: none;
}
@media only screen and (max-width: 840px) {
.gallery56--stack figure.has-caption a {
width: calc(100% - 150px);
}
}
@media only screen and (max-width: 600px) {
.gallery56--stack figure.has-caption a {
width: 100%;
}
}
.gallery56--stack figcaption {
font-size: 0.9em;
display: block;
width: 200px;
max-width: 50%;
margin-left: 20px;
flex: none;
text-align: left;
}
@media only screen and (max-width: 840px) {
.gallery56--stack figcaption {
width: 150px;
}
}
@media only screen and (max-width: 600px) {
.gallery56--stack figcaption {
display: block;
margin: 0.3em 0 0;
width: 100%;
max-width: 100%;
}
} .gallery56--metro {
display: block;
margin-left: -4px;
margin-right: -4px;
}
.gallery56--metro:after {
clear: both;
content: "";
display: table;
}
.gallery56--metro figure {
margin: 0;
position: relative;
float: left;
width: 33.33%;
padding-bottom: 30%;
}
.gallery56--metro figure a {
display: block;
}
.gallery56--metro figure img {
position: absolute;
top: 4px;
left: 4px;
width: calc(100% - 8px) !important;
height: calc(100% - 8px);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.gallery56--metro figure:nth-child(6n+1) {
clear: left;
}
.gallery56--metro figure:nth-child(6n+1), .gallery56--metro figure:nth-child(6n+4) {
width: 66.66%;
padding-bottom: 60%;
}
.gallery56--metro figure:nth-child(6n+4) {
float: right;
clear: right;
}
.gallery56--metro figure figcaption {
left: 4px;
right: 4px;
bottom: 4px;
} .gallery56--masonry .main-masonry {
margin: -8px -4px 0;
}
.gallery56--masonry figure {
float: left;
padding: 8px 4px 0;
}
.gallery56--masonry figure img {
opacity: 0;
visibility: hidden;
transform: translate(0, 10px);
transition: all 0.3s ease-out;
}
.gallery56--masonry figure a {
display: block;
}
.gallery56--masonry figure figcaption {
left: 4px;
right: 4px;
bottom: 0;
}
.gallery56--masonry.loaded figure img {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.gallery56--masonry figure:nth-child(2) img {
transition-delay: 0.1s;
}
.gallery56--masonry figure:nth-child(3) img {
transition-delay: 0.2s;
}
.gallery56--masonry figure:nth-child(4) img {
transition-delay: 0.3s;
}
.gallery56--masonry figure:nth-child(5) img {
transition-delay: 0.4s;
}
.gallery56--masonry figure:nth-child(n+6) img {
transition-delay: 0.6s;
}
.gallery56--masonry--1cols figure, .gallery56--masonry--1cols .grid-sizer {
width: 100%;
}
.gallery56--masonry--2cols figure, .gallery56--masonry--2cols .grid-sizer {
width: 50%;
}
.gallery56--masonry--3cols figure, .gallery56--masonry--3cols .grid-sizer {
width: 33.33%;
}
@media only screen and (max-width: 600px) {
.gallery56--masonry--3cols figure, .gallery56--masonry--3cols .grid-sizer {
width: 50%;
}
}
.gallery56--masonry--4cols figure, .gallery56--masonry--4cols .grid-sizer {
width: 25%;
}
@media only screen and (max-width: 600px) {
.gallery56--masonry--4cols figure, .gallery56--masonry--4cols .grid-sizer {
width: 50%;
}
}
.gallery56--masonry--5cols figure, .gallery56--masonry--5cols .grid-sizer {
width: 20%;
}
@media only screen and (max-width: 600px) {
.gallery56--masonry--5cols figure, .gallery56--masonry--5cols .grid-sizer {
width: 50%;
}
} .gallery56--slider {
overflow: hidden;
margin: 0 -1px;
}
.gallery56--slider .carousel-cell {
padding: 0 1px;
}
.gallery56--slider figure {
margin: 0;
padding-bottom: 55%;
position: relative;
}
@media only screen and (max-width: 840px) {
.gallery56--slider figure {
padding-bottom: 70%;
}
}
@media only screen and (max-width: 600px) {
.gallery56--slider figure {
padding-bottom: 90%;
}
}
.gallery56--slider figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} .gallery56--carousel {
margin: 0 -1px;
}
.gallery56--carousel .carousel-cell {
width: auto;
padding: 0 1px;
}
.gallery56--carousel .carousel-cell > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
.gallery56--carousel figure img {
width: auto;
max-width: none;
height: 440px;
}
@media only screen and (max-width: 840px) {
.gallery56--carousel figure img {
height: 300px;
}
}
@media only screen and (max-width: 600px) {
.gallery56--carousel figure img {
height: 200px;
}
} .gallery56--slider-rich {
margin: 0;
border: 1px solid var(--border-color);
}
.gallery56--slider-rich .carousel-cell {
padding: 0;
}
.gallery56__richitem {
height: 560px;
display: block;
overflow: hidden;
}
@media only screen and (max-width: 840px) {
.gallery56__richitem {
height: 450px;
}
}
@media only screen and (max-width: 600px) {
.gallery56__richitem {
height: 300px;
}
}
.gallery56__richitem figure {
margin: 0;
float: left;
height: 100%;
}
.gallery56__richitem figure img {
display: block;
width: auto;
max-width: none;
height: 100%;
}
.gallery56__richitem__text {
padding: 2em;
overflow: hidden;
}
@media only screen and (max-width: 840px) {
.gallery56__richitem__text {
padding: 1.2em;
}
}
@media only screen and (max-width: 600px) {
.gallery56__richitem__text {
padding: 10px;
}
}
.gallery56__richitem__title {
margin-top: 0;
}
.gallery56__richitem__description .button56 {
display: block;
} .review56__heading {
text-align: center;
font-size: 24px;
letter-spacing: 3px;
font-weight: 300;
text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
.review56__heading {
letter-spacing: 1px;
}
}
.review56__heading:after {
display: block;
width: 20px;
height: 2px;
background: #111;
content: "";
margin: 10px auto 0;
}
.review56__item {
display: block;
padding: 7px 0;
border-bottom: 1px dotted #999;
display: flex;
align-items: center;
}
.review56__item.overall .review56__item__score {
border-color: var(--accent-color);
background: var(--accent-color);
color: #fff;
font-size: 24px;
}
.review56__item.overall .review56__item__criterion {
background: none;
color: inherit;
font-size: 18px;
}
.review56__item__criterion {
font-family: var(--font-heading);
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 300;
background: #111;
color: white;
padding: 0 10px;
font-size: 12px;
letter-spacing: 4px;
}
.review56__item__score {
margin-left: auto;
font-family: var(--font-heading);
padding: 0 10px;
}
.review56__item__score .unit {
letter-spacing: 2px;
font-weight: 400;
margin-left: 4px;
} .review56__text {
background: #f0f0f0;
padding: 5px;
margin: 1em 0 0;
font-family: var(--font-heading);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
}
.review56__text__inner {
border: 1px solid #ccc;
padding: 30px;
}
.review56__buttons {
margin: 1em 0 0;
text-align: center;
}
.review56__buttons .btn56 {
display: inline-block;
margin: 0 4px;
} .single56__sponsor {
display: flex;
align-items: center;
flex-flow: row wrap;
}
.single56__sponsor:after {
clear: both;
display: table;
content: "";
}
.single56__sponsor__label {
display: block;
background: #aaa;
border-radius: 3px;
color: white;
font-size: 10px;
font-family: "Helvetical Neue", Arial, sans-serif;
text-transform: uppercase;
font-weight: 400;
padding: 3px 10px;
line-height: 1.3;
}
.single56__sponsor__meta {
display: flex;
align-items: center;
flex-flow: row wrap;
margin-left: 10px;
}
.single56__sponsor__image {
margin: 0;
display: block;
width: 60px;
}
.single56__sponsor__image a {
display: block;
color: inherit;
}
.single56__sponsor__image a:focus {
outline: 0;
}
.single56__sponsor__image img {
width: 100%;
max-width: 400px;
display: block;
}
.single56__sponsor__name {
margin: 0;
margin-left: 10px;
display: block;
font-size: 14px;
text-transform: uppercase;
font-family: "Helvetical Neue", Arial, sans-serif;
text-transform: uppercase;
}
.single56__sponsor__name a {
color: inherit;
}
.single56__sponsor__name a:focus {
outline: 0;
} .progress56 {
display: block;
width: 100%;
position: fixed;
top: 0px;
left: 0;
right: 0;
z-index: 1000000;
height: 5px; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
color: var(--accent-color);
}
.progress56--bottom {
top: auto;
bottom: 0;
}
.admin-bar .progress56--top {
top: 32px;
}
@media only screen and (max-width: 600px) {
.admin-bar .progress56--top {
top: 0;
}
}
.progress56::-webkit-progress-bar {
background-color: transparent;
}
.progress56::-webkit-progress-value {
background-color: var(--accent-color);
}
.progress56::-moz-progress-value {
background-color: var(--accent-color);
}
.progress56--header {
bottom: -1px;
position: absolute;
top: auto;
display: none;
}
.masthead__wrapper.before-sticky .progress56--header {
display: block;
} .hero56__content,
.hero56__half_content {
padding: 30px 0;
border-bottom: 1px solid var(--border-color);
margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
.hero56__content,
.hero56__half_content {
padding: 10px 0;
margin-bottom: 10px;
}
}
.hero56__image {
position: relative;
margin: 0;
}
.hero56__image img {
display: block;
width: 100%;
}
.hero56__image figcaption.wp-caption-text {
margin: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
padding: 10px;
color: white;
background: linear-gradient(transparent, black);
}
.hero56__content_meta {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color);
} .scroll-down-btn-arrow {
display: none;
position: absolute;
z-index: 200;
bottom: 20px;
left: 50%;
color: inherit;
text-align: center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
transform: translate(-50%, 0);
}
.scroll-down-btn-arrow span {
display: block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
animation: updown 1s linear infinite;
}
.scroll-down-btn-arrow i {
display: block;
font-size: 32px;
}
.scroll-down-btn-arrow:hover {
color: inherit;
}
@keyframes updown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(6px);
}
100% {
transform: translateY(0);
}
}
.hero56__scrolldown {
display: none;
}
@media screen and (min-width: 1024px) { .hero56--full {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.admin-bar .hero56--full {
height: calc(100vh - 32px);
}
.hero56__background,
.hero56__overlay,
.hero56__background img {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero56__overlay {
z-index: 10;
opacity: 0.8;
background-image: linear-gradient(transparent 60%, black);
}
.hero56__background {
z-index: 8;
}
.hero56__background__caption.wp-caption-text {
text-align: right;
position: absolute;
z-index: 99999;
bottom: 0;
right: 0;
left: 70%;
padding: 8px;
color: white;
background: rgba(0, 0, 0, 0.3);
}
.hero56__background img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.hero56__content {
z-index: 20;
position: absolute;
padding: 0;
border: 0;
margin: 0;
color: white;
width: auto;
}
.hero56__content .single56__subtitle,
.hero56__content .meta56,
.hero56__content .meta56 .meta56__category--fancy a,
.hero56__content .meta56 .meta56__category--fancy a:hover {
color: inherit;
}
.hero56__content.container {
width: auto;
}
.scroll-down-btn-arrow {
display: block;
}
.hero56__scrolldown {
display: block;
margin-top: 24px;
}
.hero56--full .scroll-down-btn-arrow,
.hero56--full .scroll-down-btn-arrow:hover {
color: white;
}
.hero56--full .btn56--fill:hover {
color: black;
background: white;
border-color: white;
} .hero56--full--bottom-left .hero56__content {
bottom: 12%;
left: 5%;
right: 5%;
} .hero56--full--bottom-center .hero56__content {
bottom: 12%;
left: 5%;
right: 5%;
text-align: center;
}
.hero56--full--bottom-center .meta56 {
justify-content: center;
}
.hero56--full--bottom-center .single56__subtitle {
margin-left: auto;
margin-right: auto;
} .hero56--full--center .hero56__content {
top: 50%;
left: 5%;
right: 5%;
text-align: center;
transform: translate(0, -50%);
}
.hero56--full--center .meta56 {
justify-content: center;
}
.hero56--full--center .single56__subtitle {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.hero56--full--center .hero56__overlay {
background: black;
opacity: 0.3;
} .hero56--half {
margin: 0 0 30px;
height: 100vh;
display: grid;
grid-template-columns: 1fr 1fr;
border-bottom: 1px solid var(--border-color);
}
.hero56--half .single56__subtitle {
max-width: none;
}
.admin-bar .hero56--half {
height: calc(100vh - 32px);
}
.hero56__image {
position: relative;
order: 2;
grid-row: 1;
}
.hero56__image 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;
}
.hero56__half_content {
display: block;
position: relative;
grid-row: 1;
order: 1;
padding: 2em 4em;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
margin: 0;
border: 0;
}
.hero56__half_content .hero56__header {
display: block;
text-align: center;
}
.hero56__half_content .meta56 {
justify-content: center;
}
.hero56__half_content.container {
width: auto;
}
.hero56--dark {
background-color: black;
color: white;
border-bottom: 0;
}
.hero56--dark .scroll-down-btn-arrow,
.hero56--dark .scroll-down-btn-arrow:hover,
.hero56--dark .single56__subtitle,
.hero56--dark .meta56,
.hero56--dark .meta56 .meta56__category--fancy a,
.hero56--dark .meta56 .meta56__category--fancy a:hover {
color: inherit;
}
} .container--6 {
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 840px) {
.container--6 {
display: block;
}
}
.container--6 .single56__thumbnail {
display: block;
width: 50%;
flex: none;
}
@media only screen and (max-width: 840px) {
.container--6 .single56__thumbnail {
width: 100% !important;
}
}
.container--6 .single56__header {
flex: none;
border: 0;
padding-top: 0;
padding-bottom: 0;
}
@media only screen and (max-width: 840px) {
.container--6 .single56__header {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-top: 20px;
}
}
.container--6 .single56__thumbnail + .single56__header {
width: 50%;
max-width: 50%;
padding-left: 24px;
}
@media only screen and (max-width: 840px) {
.container--6 .single56__thumbnail + .single56__header {
padding-left: 0;
width: 100%;
max-width: 100%;
padding-left: 0;
}
}
.container--6 .meta-share {
display: block;
}
.container--6 .meta-share .single56__share {
margin-top: 3em;
} .post-divider {
opacity: 0;
visibility: hidden;
margin: 0;
border: 0;
}
#page-wrapper .post-divider {
height: 0;
margin: 0;
} .sidedock56 {
display: block;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
background: white;
box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.3);
width: 300px;
max-height: 500px;
overflow-y: scroll;
transform: translate(0, 100%);
transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sidedock56--siding-right {
transform: translate(-120%, 0);
bottom: 30px;
} .single56__related,
.authorboxes56,
#comments,
.singlebottom56 {
visibility: hidden;
} #ez-toc-container {
border-radius: 1px;
border: 1px solid var(--border-color);
padding: 1.2em;
display: block;
width: 100%;
margin: 0 0 var(--single-margin);
font-family: var(--font-body);
font-size: 0.9em;
}
.ez-toc-title-container {
display: flex;
align-items: center;
padding-bottom: 0.5em;
border-bottom: 1px solid var(--border-color);
margin-bottom: 0.5em;
}
.ez-toc-title-container .ez-toc-title {
margin: 0;
font-weight: bold;
}
.darkmode #ez-toc-container,
.darkmode .ez-toc-title-container {
border-color: var(--darkmode-border-color);
}
.ez-toc-title-toggle {
display: block;
margin-left: auto;
}
.ez-toc-list {
list-style: decimal;
margin: 0;
}
.ez-toc-list ul {
list-style: decimal;
margin: 0;
}
.ez-toc-list li {
margin-top: 0.4em;
}
.ez-toc-list a {
color: inherit;
text-decoration: underline;
}
.ez-toc-list a:hover {
text-decoration: none;
color: inherit;
}