/*!/wp-content/themes/its-fox/css/its-fox-critical-archive.css*/@charset "UTF-8";
/**
 * ITS Fox Critical CSS — Archive
 * Render-blocking styles for category, tag, search, 404.
 * Built from audited css56/ source files.
 *
 * @version 1.6.6
 * @generated 2026-03-26
 */

/* === icon56 @font-face (path corrected from css56/ to css/) === */
@font-face{font-family:"icon56";src:url("/wp-content/themes/its-fox/css/../css56/icons56-v68/icon56.ttf?2ii130") format("truetype"),
url("/wp-content/themes/its-fox/css/../css56/icons56-v68/icon56.woff?2ii130") format("woff"),
url("/wp-content/themes/its-fox/css/../css56/icons56-v68/icon56.svg?2ii130#icon56") format("svg");font-weight:normal;font-style:normal;font-display:swap;}


/* === common.css — normalize + reset === */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button, input, select, textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: 700;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

article, aside, details, figcaption, figure, footer, topbar, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover, a:active {
  outline: 0;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  max-width: 100%;
  width: auto\9 ;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button, input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}


/* === common.css — icon56 declarations === */
[class^=ic56-], [class*=" ic56-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon56" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic56-bluesky-brands-solid:before {
  content: "\e92b";
}

.ic56-quora:before {
  content: "\e905";
}

.ic56-tripadvisor:before {
  content: "\e906";
}

.ic56-medium:before {
  content: "\e907";
}

.ic56-snapchat-square:before {
  content: "\e908";
}

.ic56-snapchat-ghost:before {
  content: "\e909";
}

.ic56-snapchat:before {
  content: "\e90a";
}

.ic56-tiktok:before {
  content: "\e90b";
}

.ic56-chevron-thin-up:before {
  content: "\e90c";
}

.ic56-chevron-small-up:before {
  content: "\e90d";
}

.ic56-chevron-thin-down:before {
  content: "\e90e";
}

.ic56-chevron-small-down:before {
  content: "\e90f";
}

.ic56-caret-right:before {
  content: "\e910";
}

.ic56-caret-left:before {
  content: "\e911";
}

.ic56-caret-up:before {
  content: "\e912";
}

.ic56-caret-down:before {
  content: "\e913";
}

.ic56-envelope:before {
  content: "\e914";
}

.ic56-x:before {
  content: "\e915";
}

.ic56-search:before {
  content: "\e916";
}

.ic56-clear:before {
  content: "\e917";
}

.ic56-menu1:before {
  content: "\e918";
}

.ic56-shopping-bag:before {
  content: "\e919";
}

.ic56-shopping-cart:before {
  content: "\e91a";
}

.ic56-arrow_upward:before {
  content: "\e91b";
}

.ic56-chevrons-up:before {
  content: "\e91c";
}

.ic56-chat_bubble_outline:before {
  content: "\e91d";
}

.ic56-chat_bubble:before {
  content: "\e91e";
}

.ic56-chat:before {
  content: "\e91f";
}

.ic56-link1:before {
  content: "\e920";
}

.ic56-external-link:before {
  content: "\e921";
}

.ic56-link2:before {
  content: "\e922";
}

.ic56-chevron-thin-right:before {
  content: "\e923";
}

.ic56-chevron-thin-left:before {
  content: "\e924";
}

.ic56-heart1:before {
  content: "\e925";
}

.ic56-x-twitter:before {
  content: "\e926";
}

.ic56-mastodon:before {
  content: "\e927";
}

.ic56-threads:before {
  content: "\e928";
}

.ic56-images:before {
  content: "\e929";
}

.ic56-headphones:before {
  content: "\e92a";
}

.ic56-search1:before {
  content: "\e986";
}

.ic56-menu:before {
  content: "\e9bd";
}

.ic56-link:before {
  content: "\e9cb";
}

.ic56-heart:before {
  content: "\e9da";
}

.ic56-cross:before {
  content: "\ea0f";
}

.ic56-play3:before {
  content: "\ea1c";
}

.ic56-amazon:before {
  content: "\ea87";
}

.ic56-google:before {
  content: "\ea88";
}

.ic56-facebook:before {
  content: "\ea90";
}

.ic56-facebook2:before {
  content: "\ea91";
}

.ic56-instagram:before {
  content: "\ea92";
}

.ic56-whatsapp:before {
  content: "\ea93";
}

.ic56-spotify:before {
  content: "\ea94";
}

.ic56-telegram:before {
  content: "\ea95";
}

.ic56-twitter:before {
  content: "\ea96";
}

.ic56-vk:before {
  content: "\ea98";
}

.ic56-sina-weibo:before {
  content: "\ea9a";
}

.ic56-rss:before {
  content: "\ea9b";
}

.ic56-youtube:before {
  content: "\ea9d";
}

.ic56-twitch:before {
  content: "\ea9f";
}

.ic56-vimeo:before {
  content: "\eaa0";
}

.ic56-vimeo2:before {
  content: "\eaa1";
}

.ic56-flickr:before {
  content: "\eaa3";
}

.ic56-dribbble:before {
  content: "\eaa7";
}

.ic56-behance:before {
  content: "\eaa8";
}

.ic56-500px:before {
  content: "\eaab";
}

.ic56-steam:before {
  content: "\eaac";
}

.ic56-github:before {
  content: "\eab0";
}

.ic56-wordpress:before {
  content: "\eab4";
}

.ic56-tumblr:before {
  content: "\eab9";
}

.ic56-yahoo:before {
  content: "\eabb";
}

.ic56-soundcloud:before {
  content: "\eac3";
}

.ic56-soundcloud2:before {
  content: "\eac4";
}

.ic56-skype:before {
  content: "\eac5";
}

.ic56-reddit:before {
  content: "\eac6";
}

.ic56-linkedin:before {
  content: "\eac9";
}

.ic56-linkedin2:before {
  content: "\eaca";
}

.ic56-pinterest:before {
  content: "\ead1";
}

.ic56-pinterest2:before {
  content: "\ead2";
}

.ic56-yelp:before {
  content: "\ead7";
}

.ic56-paypal:before {
  content: "\ead8";
}

.ic56-sun:before {
  content: "\e900";
}

.ic56-moon:before {
  content: "\e901";
}

.ic56-sun1:before {
  content: "\e902";
}

.ic56-moon1:before {
  content: "\e903";
}

.ic56-menu2:before {
  content: "\e904";
}

.ic56-share:before {
  content: "\e92c";
}


/* === common.css — CSS custom properties === */
:root {
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-nav: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* ACCENT */
  --accent-color: #db4a37;
  --link-color: #db4a36;
  --border-color: #e0e0e0;
  /* INPUT */
  --input-color: #000;
  --input-background: #fff;
  --input-border-color: var(--border-color);
  --input-border-width: 1px;
  --input-border-radius: 1px;
  --input-height: 46px;
  --input-focus-color: #000;
  --input-focus-background: #fafafa;
  --input-focus-border-color: var(--border-color);
  --input-shadow: none;
  --input-focus-shadow: none;
  --input-placeholder-opacity: 0.6;
  /* BUTTON */
  --button-padding: 28px;
  --button-height: 48px;
  --button-border-radius: 0px;
  --button-shadow: none;
  --button-hover-shadow: none;
  /* CONTENT WIDTH */
  --content-width: 1080px;
  --narrow-width: 660px;
  /* FACTORS */
  --ipad-f: 0.88;
  --ipad-portrait-f: 0.71;
  --iphone-f: 0.5;
  --iphone-portrait-f: 0.42;
  /* COLORS */
  --fb: #1877F2;
  --ms: #0084ff;
  --tw: #1DA1F2;
  --x: #111;
  --pin: #E60023;
  --lin: #0077b5;
  --em: #999;
  --ws: #25D366;
  --rd: #ff4500;
  --bluesky: #87CEEB;
  --threads: #000;
  /* WIDGETS */
  --list-widget-border-style: solid;
  --list-widget-border-color: var(--border-color);
  --list-widget-link-color: inherit;
  --list-widget-link-hover-color: var(--accent-color);
  --list-widget-spacing: 6px;
  /* TOOLTIP */
  --microtip-transition-duration: 0ms;
  /* DARK MODE */
  --darkmode-text-color: #fff;
  --darkmode-text-light-color: rgba(255,255,255,0.8);
  --darkmode-text-lighter-color: rgba(255,255,255,0.6);
  --darkmode-bg: #000;
  --darkmode-border-color: rgba(255,255,255,0.12);
}


/* === common.css — body, visibility, spacer, separator === */
html {
  overflow-y: scroll;
}

body {
  position: relative;
  overflow: hidden;
}

.hide_on_desktop {
  display: none !important;
}

@media only screen and (max-width: 840px) {
  .show_on_tablet {
    display: block !important;
  }
}

@media only screen and (max-width: 840px) {
  .hide_on_tablet {
    display: none !important;
  }
}

@media only screen and (max-width: 600px) {
  .show_on_mobile {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .hide_on_mobile {
    display: none !important;
  }
}

.spacer56 {
  clear: both;
  display: block;
  height: 30px;
}
@media only screen and (max-width: 840px) {
  .spacer56 {
    height: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .spacer56 {
    height: 20px;
  }
}
.spacer56:before, .spacer56:after {
  clear: both;
  content: "";
  display: table;
}

.separator56 {
  display: flex;
  align-items: center;
  padding-block: 30px;
}
@media only screen and (max-width: 840px) {
  .separator56 {
    padding-block: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .separator56 {
    padding-block: 20px;
  }
}
.separator56__line {
  width: 100%;
  border-width: 1px;
  border-color: var(--border-color);
}


/* === common.css — general CSS (box-sizing, typo, margins, link, image, blockquote) === */
/* GENERAL CSS
=================================================================================*/
*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html {
  font-size: 0.625em; /* To make sure that 1rem = 10px */
}

.says,
.screen-reader-text,
.updated:not(.published),
.post-navigation h2 {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

/* ----------------------- typo */
body {
  font-family: var(--font-body);
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}

@media only screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
  font-family: var(--font-heading);
  font-weight: 700;
}

/* ----------------------- general margin */
figure, p, h1, h2, h3, h4, h5, h6, blockquote, table, ul, ol, dl, pre, address, .gallery, .wp-block-media-text, .wp-block-embed {
  margin: 0 0 24px;
}
@media only screen and (max-width: 600px) {
  figure, p, h1, h2, h3, h4, h5, h6, blockquote, table, ul, ol, dl, pre, address, .gallery, .wp-block-media-text, .wp-block-embed {
    margin-bottom: 20px;
  }
}

/* List
-------------------- */
ul, ol {
  padding-left: 1.75em;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: square;
}

li {
  line-height: 1.5;
}

/* Link
-------------------- */
a {
  color: var(--link-color);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.5);
  outline-offset: -2px;
}

/* Image
-------------------- */
img {
  border: 0;
  max-width: 100%;
}

/* Blockquote
-------------------- */
blockquote {
  border: 0 solid;
}


/* === common.css — general classes (align, skin, hide, stretch) === */
/* GENERAL CLASSES
=================================================================================*/
.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

/* ----------------------- text skin dark */
.textskin--dark {
  color: white;
}
.textskin--dark .meta56 .meta56__category--fancy a,
.textskin--dark .meta56 .meta56__category--fancy a:hover {
  color: inherit;
}

/* --------------------------       dark skin */
.skin--dark {
  background: #000;
  color: white;
}
.skin--dark .widget_archive li, .skin--dark .widget_nav_menu li, .skin--dark .widget_meta li, .skin--dark .widget_recent_entries li, .skin--dark .widget_categories li, .skin--dark .widget_product_categories li {
  border-color: rgba(255, 255, 255, 0.2);
}

/* ----------------------- hide */
.hide {
  display: none !important;
}

/* ----------------------- stretch */
.stretch--full .container {
  width: 98%;
  max-width: 100%;
}


/* === common.css — social === */
/* SOCIAL
=================================================================================*/
.fox56-social-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}

.fox56-social-list li {
  display: block;
}
.fox56-social-list li + li {
  margin-left: 6px;
}
.fox56-social-list a {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0 solid;
  text-align: center;
  font-size: 18px;
  color: inherit;
  text-decoration: none;
  transition: all 0.15s ease-out;
}
.fox56-social-list i {
  display: block;
}
.fox56-social-list img {
  display: block;
  width: 18px;
}

.fox56-social-list a:hover {
  color: var(--accent-color);
}


/* === common.css — col system (grid) === */
/* COL SYSTEM
=================================================================================*/
.row56 {
  display: grid;
  -moz-column-gap: 24px;
       column-gap: 24px;
  margin: 0;
}
@media only screen and (max-width: 840px) {
  .row56 {
    display: block;
  }
}

.row56--1cols {
  grid-template-columns: 1fr;
}

.row56--2cols {
  grid-template-columns: repeat(2, 1fr);
}

.row56--3cols {
  grid-template-columns: repeat(3, 1fr);
}

.row56--4cols {
  grid-template-columns: repeat(4, 1fr);
}

.row56--5cols {
  grid-template-columns: repeat(5, 1fr);
}

@media only screen and (max-width: 840px) {
  .row56__col + .row56__col {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 0 solid var(--border-color);
  }
}

[class*=col-].row56__col {
  padding: 0;
}

.col--1 {
  grid-column: 1/-1;
}

.col--1-1 {
  grid-column: 1/span 1;
}

.col--1-2 {
  grid-column: 1/span 2;
}

.col--1-3 {
  grid-column: 1/span 3;
}

.col--1-4 {
  grid-column: 1/span 4;
}

.col--2 {
  grid-column: 2/-1;
}

.col--2-1 {
  grid-column: 2/span 1;
}

.col--2-2 {
  grid-column: 2/span 2;
}

.col--2-3 {
  grid-column: 2/span 3;
}

.col--2-4 {
  grid-column: 2/span 4;
}

.col--3 {
  grid-column: 3/-1;
}

.col--3-1 {
  grid-column: 3/span 1;
}

.col--3-2 {
  grid-column: 3/span 2;
}

.col--3-3 {
  grid-column: 3/span 3;
}

.col--4 {
  grid-column: 4/-1;
}

.col--4-1 {
  grid-column: 4/span 1;
}

.col--4-2 {
  grid-column: 4/span 2;
}

.col--4-3 {
  grid-column: 4/span 3;
}

.order--1 {
  order: 1;
}

.order--2 {
  order: 2;
}

.order--3 {
  order: 3;
}

.order--4 {
  order: 4;
}

.order--5 {
  order: 5;
}

.order--6 {
  order: 6;
}


/* === common.css — old col base (.row, .col) === */
/* COLUMN SYSTEM OLD
=================================================================================*/
.row {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  margin: 0 -10px;
}

.col {
  padding: 0 10px;
}


/* === common.css — site layout (#wi-main, body, boxed, container, wi-content) === */
/* SITE LAYOUT
=================================================================================*/
#wi-main {
  overflow: hidden;
}

body {
  background: #fff;
  border: 0 solid;
}
@media only screen and (max-width: 840px) {
  body {
    border: 0;
  }
}

body.layout-boxed #wi-all {
  background-color: white;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: calc(var(--content-width) + 60px);
  position: relative;
  border: 0 solid;
}

#wi-all,
.wi-content,
.widget-area {
  max-width: 100%;
}
#wi-all::after,
.wi-content::after,
.widget-area::after {
  clear: both;
  content: "";
  display: table;
}

body.layout-boxed.body--hand-drawn #wi-all {
  border: 0;
}
body.layout-boxed.body--hand-drawn .handborder {
  position: absolute;
}
body.layout-boxed.body--hand-drawn .handborder--left,
body.layout-boxed.body--hand-drawn .handborder--right {
  top: 0;
  bottom: 0;
  width: 2px;
  background: url(/wp-content/themes/its-fox/css/../images/line.webp) top left repeat-y;
}
body.layout-boxed.body--hand-drawn .handborder--top,
body.layout-boxed.body--hand-drawn .handborder--bottom {
  left: 0;
  right: 0;
  height: 2px;
  background: url(/wp-content/themes/its-fox/css/../images/line-h.webp) top left repeat-x;
}
body.layout-boxed.body--hand-drawn .handborder--right {
  right: 0;
}
body.layout-boxed.body--hand-drawn .handborder--left {
  left: 0;
}
body.layout-boxed.body--hand-drawn .handborder--top {
  top: 0;
}
body.layout-boxed.body--hand-drawn .handborder--bottom {
  bottom: 0;
}

/* Container
-------------------------------------- */
.container {
  width: var(--content-width);
  max-width: 97%;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  clear: both;
}
.container:before, .container:after {
  clear: both;
  display: table;
  content: "";
  line-height: 0;
}
.container::after {
  clear: both;
  content: "";
  display: table;
}
.container .container {
  max-width: 100%;
}
@media only screen and (max-width: 600px) {
  .container {
    max-width: calc(100% - 20px);
  }
}

/* 
 * Primary, Secondary and layout
 * Padding
 * we'll use padding of #wi-content wrapper
 * so that we can control it via page CSS
 *
 * .primary is the element that brings padding right when we have sidebar
-------------------------------------- */
.wi-content {
  padding: 20px 0 60px;
}
@media only screen and (max-width: 840px) {
  .wi-content {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .wi-content {
    padding-bottom: 30px;
  }
}


/* === common.css — meta === */
/* META
=================================================================================*/
/* META
================================*/
.meta56 {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  font-size: 0.9em;
  line-height: 1.4;
  font-family: var(--font-heading);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.align-center .meta56 {
  justify-content: center;
}

.align-right .meta56 {
  justify-content: flex-end;
}

.meta56__item + .meta56__item:before {
  content: "·";
  margin: 0 5px;
  opacity: 0.5;
}

.meta56__item a {
  color: inherit;
  transition: all 0.15s ease-out;
}
.meta56__item a:hover {
  color: inherit;
}

.meta56__comment a,
.meta56__comment .comment-link {
  display: inline-flex;
  align-items: center;
}
.meta56__comment .fox56__css__icon__comment {
  transform: translate(0, 3px);
  margin-right: 4px;
}
.meta56__comment .fox56__css__icon__comment.off {
  opacity: 0.4;
}


/* === common.css — author meta === */
/* AUTHOR
================================*/
.meta56__author {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}

.meta56__author__avatar {
  display: block;
}
.meta56__author__avatar img {
  width: 32px;
  display: block;
  border-radius: 50%;
  margin-right: 6px;
}

.meta56__author__by {
  margin-right: 5px;
}

.meta56__author__sep {
  margin: 0 6px;
}

.meta56__author__text > span {
  display: block;
}

.meta56__author.has-date .meta56__author__name {
  font-size: 1.2em;
}


/* === common.css — category + fancy category === */
/* CATEGORY
================================*/
.meta56__category {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.meta56__category a {
  color: inherit;
}
.meta56__category .sep {
  margin: 0 4px;
  opacity: 0.5;
}

.meta56__category a,
.meta56__category span {
  display: inline-block;
}

/* FANCY CATEGORY
================================*/
.meta56__category--fancy {
  text-transform: uppercase;
  font-family: var(--font-heading);
  letter-spacing: 1px;
  font-size: 0.85em;
  word-wrap: break-word;
}
.meta56__category--fancy .sep {
  margin: 0 4px;
  opacity: 0.5;
}
.meta56__category--fancy a {
  border-bottom: 2px solid transparent;
  transition: all 0.15s ease-out;
  display: inline-block;
}
.meta56__category--fancy a:hover {
  border-bottom-color: currentColor;
}
@media only screen and (max-width: 420px) {
  .meta56__category--fancy {
    font-size: 0.8em;
  }
}

.meta56 .meta56__category--fancy a,
.meta56 .meta56__category--fancy a:hover {
  color: var(--accent-color);
}

.meta56__category--fancy--box a {
  display: inline-block;
  border: 2px solid;
  padding: 4px 6px;
}

.meta56__category--fancy--solid a {
  display: inline-block;
  padding: 2px 4px;
  border: 0;
}


/* === common.css — dark mode (excl. WooCommerce) === */
/**
 * DARK MODE
 * todo57 - include this in a separated dark mode file
 * ------------------------------------------------------------------------
 * @since 4.7
 */
.darkmode-img-logo,
.footer56__logo .darkmode-footer-logo {
  display: none;
}

body.darkmode.layout-boxed #wi-all {
  background: var(--darkmode-bg);
}

.darkmode {
  background: var(--darkmode-bg);
  color: var(--darkmode-text-color);
  /* --------------------------       TEXT LIGHTER */
  /* --------------------------       TEXT LIGHT */
  /* --------------------------       BORDER */
  /* --------------------------       Dark mode background */
  /* --------------------------       scroll up */
  /* --------------------------       offcanvas */
  /* --------------------------       side dock */
  /* --------------------------       menu item */
  /* --------------------------       drop down by default */
  /* --------------------------       sticky header */
  /* --------------------------       modal search */
  /* --------------------------       mobile logo */
  /* --------------------------       custom logo */
  /* --------------------------       footer sidebar */
  /* --------------------------       footer bottom */
  /* --------------------------       off canvas */
  /* --------------------------       terms */
  /* --------------------------       lines softer */
  /* --------------------------       caption */
  /* --------------------------       post meta + excerpt */
}
.darkmode .widget select {
  color: var(--darkmode-text-color);
}
.darkmode a:focus-visible {
  outline-color: rgba(255, 255, 255, 0.5);
}
.darkmode .review-text {
  background: rgba(255, 255, 255, 0.2);
}
.darkmode .review-text-inner {
  border-color: rgba(255, 255, 255, 0.2);
}
.darkmode .footer56__copyright,
.darkmode .mainnav ul.menu > li > a,
.darkmode .mainnav ul.sub-menu a,
.darkmode .single56__subtitle,
.darkmode .titlebar56__description,
.darkmode .site-description,
.darkmode .authorbox56 {
  color: var(--darkmode-text-light-color);
}
.darkmode .fox56__css__icon__comment path {
  fill: white !important;
}
.darkmode .text-logo {
  color: var(--darkmode-text-color);
}
.darkmode .topbar56, .darkmode .topbar56 .container,
.darkmode .main_header56, .darkmode .main_header56 .container,
.darkmode .header_bottom56, .darkmode .header_bottom56 .container,
.darkmode .titlebar56, .darkmode .titlebar56 .container,
.darkmode .toparea56 .container,
.darkmode .footer_sidebar56, .darkmode .footer_sidebar56 .container,
.darkmode .footer_bottom56, .darkmode .footer_bottom56 .container,
.darkmode .secondary56 .widget + .widget,
.darkmode .mainnav ul.sub-menu,
.darkmode .mainnav li.mega .sub-menu > li:before,
.darkmode .nav--has-item-sep ul.menu > li + li > a:before,
.darkmode .masthead--sticky .masthead__wrapper.before-sticky,
.darkmode .header_mobile56,
.darkmode .secondary56 .secondary56__sep,
.darkmode .single56--small-heading-normal .single56__heading,
.darkmode .authorbox56,
.darkmode .offcanvasnav56 li + li,
.darkmode .hero56__content_meta,
.darkmode .widget-title,
.darkmode .products.related > h2, .darkmode .products.upsells > h2, .darkmode .cross-sells > h2,
.darkmode div.product .woocommerce-tabs ul.tabs:before,
.darkmode .widget56__row .col,
.darkmode .widget56__row .col + .col,
.darkmode .row56 .row56__col + .row56__col,
.darkmode .section56 .heading56--border-top,
.darkmode .section56 .heading56--border-bottom,
.darkmode .widget56 .compact-titles .title56,
.darkmode .author56,
.darkmode .authors56 .author56 {
  border-color: var(--darkmode-border-color);
}
.darkmode .authorbox56,
.darkmode .masonry56--bigfirst .masonry-cell:first-child {
  background-color: var(--darkmode-bg);
}
.darkmode .scrollup56 {
  background: var(--darkmode-bg);
  color: var(--darkmode-text-color);
}
.darkmode .offcanvasnav56 a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.darkmode .sidedock56 {
  background: var(--darkmode-bg);
}
.darkmode .mainnav ul.sub-menu a,
.darkmode .mainnav ul.sub-menu a:hover,
.darkmode .mainnav ul.sub-menu > li.current-menu-item > a,
.darkmode .mainnav ul.sub-menu > li.current-menu-ancestor > a {
  background: none;
}
.darkmode .mainnav ul.sub-menu a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.darkmode .mainnav ul.menu > li.menu-item-has-children:after,
.darkmode .mainnav ul.menu > li.mega:after,
.darkmode .mainnav ul.menu > li.menu-item-has-children:before,
.darkmode .mainnav ul.menu > li.mega:before {
  display: none !important;
}
.darkmode .mainnav ul.menu > li > a:hover,
.darkmode .mainnav ul.menu > li.current-menu-item > a,
.darkmode .mainnav ul.menu > li.current-menu-ancestor > a,
.darkmode .mainnav ul.sub-menu a:hover {
  color: var(--darkmode-text-color);
}
.darkmode .mainnav ul.sub-menu {
  background: var(--darkmode-bg);
  color: var(--darkmode-text-color);
}
.darkmode .masthead--sticky .masthead__wrapper.before-sticky {
  background: var(--darkmode-bg);
}
.darkmode .masthead--sticky .masthead__wrapper.before-sticky .mainnav ul.menu > li > a {
  color: var(--darkmode-text-color);
}
.darkmode .search-wrapper-modal {
  background: var(--darkmode-bg);
  color: var(--darkmode-text-color);
}
.darkmode .header_mobile56 {
  background: var(--darkmode-bg);
  color: var(--darkmode-text-color);
}
.darkmode .darkmode-img-logo,
.darkmode .footer56__logo .darkmode-footer-logo {
  display: block;
}
.darkmode .darkmode-img-logo + .main-img-logo,
.darkmode .footer56__logo .darkmode-footer-logo + .main-footer-logo {
  display: none;
}
.darkmode .footer_sidebar56 {
  background: var(--darkmode-bg);
  color: var(--darkmode-text-color);
}
.darkmode .footer_bottom56 {
  background: var(--darkmode-bg);
  color: var(--darkmode-text-color);
}
.darkmode .offcanvas56 {
  background: var(--darkmode-bg);
  color: var(--darkmode-text-color);
}
.darkmode .terms56 a {
  color: var(--darkmode-text-light-color);
  background: rgba(255, 255, 255, 0.2);
}
.darkmode .terms56 a:hover {
  color: var(--darkmode-text-color);
}
.darkmode .post56__sep__line,
.darkmode .blog56__sep__line {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.darkmode .wp-caption-text, .darkmode .single_thumbnail56 figcaption, .darkmode .thumbnail56 figcaption, .darkmode .wp-block-image figcaption, .darkmode .blocks-gallery-caption, .darkmode .wp-element-caption {
  color: var(--darkmode-text-light-color);
}
.darkmode .wp-caption-text a, .darkmode .single_thumbnail56 figcaption a, .darkmode .thumbnail56 figcaption a, .darkmode .wp-block-image figcaption a, .darkmode .blocks-gallery-caption a, .darkmode .wp-element-caption a {
  color: var(--darkmode-text-color);
}
.darkmode .authorbox56__description {
  color: var(--darkmode-text-light-color);
}
.darkmode .excerpt56 {
  color: var(--darkmode-text-light-color);
}
.darkmode .meta56 {
  color: var(--darkmode-text-lighter-color);
}
.darkmode .meta56 a,
.darkmode .meta56 .meta56__category--fancy a {
  color: var(--darkmode-text-color);
}


/* === common.css — hide common when not visible === */
/* HIDE COMMON WHEN NOT VISIBLE 
------------------------------------------------------------------------ */
.scrollup56,
.site-footer,
.footer_sidebar56,
.footer_bottom56,
.widget,
.fox-error,
.blog56__sep__line,
#demo-bar,
.pagination56 {
  display: none;
}


/* === header-above.css — header general === */
/* HEADER GENERAL
=================================================================================*/
.header56__section {
  border: 0 solid;
}

.header56__section__container {
  border: 0 solid;
}

.header56__section .header56__part {
  display: flex;
  align-items: center;
}

.header56__part--center {
  justify-content: center;
}

.header56__part--right {
  justify-content: flex-end;
}

.header56__element {
  display: block;
}
.header56__element + .header56__element {
  margin-left: 8px;
}

.container.stretch--full {
  width: 98%;
  max-width: 100%;
}

.before-header {
  margin: 10px 0 0;
}

.after-header {
  margin: 0 0 10px;
}

@media only screen and (min-width: 841px) {
  .after-header-mobile {
    display: none;
  }
}


/* === header-above.css — topbar === */
/* TOPBAR
=================================================================================*/
.topbar56 .container .row {
  height: 32px;
}


/* === header-above.css — main header === */
/* MAIN HEADER
=================================================================================*/
.main_header56 .container {
  padding: 14px 0;
}


/* === header-above.css — header bottom === */
/* HEADER BOTTOM
=================================================================================*/
.header_bottom56 .container .row {
  height: 32px;
}


/* === header-above.css — header mobile === */
/* HEADER MOBILE
=================================================================================*/
@media only screen and (max-width: 840px) {
  .header_desktop56 {
    display: none;
  }
}

.header_mobile56 {
  border: 0 solid #c0c0c0;
  display: none;
}
@media only screen and (max-width: 840px) {
  .header_mobile56 {
    display: block;
  }
}

.header_mobile56 .container .row,
.header_mobile56__height {
  height: 54px;
}

.header_mobile56 .logo56 img {
  width: auto;
  height: 32px;
}

.header_mobile56--sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: white;
}

.header_mobile56__height {
  display: none;
}

@media only screen and (max-width: 840px) {
  .header_mobile56--sticky + .header_mobile56__height {
    display: block;
  }
}


/* === header-above.css — logo === */
/* LOGO
=================================================================================*/
.logo56 {
  text-align: center;
}
.logo56 a {
  color: inherit;
}
.logo56 a:hover {
  color: inherit;
}

.logo56 .logo-type-image,
.logo56 .fox-logo.logo-type-image {
  line-height: 0;
}

.text-logo {
  display: block;
  font-weight: 600;
  font-size: 2em;
  text-transform: uppercase;
}

.slogan {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300;
}


/* === header-above.css — search === */
/* SEARCH
=================================================================================*/
.search-btn {
  display: block;
  color: inherit;
  font-size: 18px;
  cursor: pointer;
}
.search-btn i {
  display: block;
}
.search-btn img {
  width: 32px;
}

.search-wrapper-classic {
  display: none;
  margin: 0 0 6px;
}

.header_mobile56 .search-wrapper-classic {
  margin-top: 9px;
}

.search-wrapper-modal {
  display: none;
}

.search-wrapper-toggle {
  display: none;
}


/* === header-above.css — hamburger === */
/* HAMBURGER
=================================================================================*/
.hamburger {
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 solid;
  color: inherit;
  font-size: 18px;
  transition: all 0.15s ease-out;
  cursor: pointer;
}
.hamburger i {
  line-height: inherit;
}
.hamburger .icon-close {
  display: none;
}
.hamburger img {
  display: block;
  max-width: 100%;
  width: 100%;
}


/* === header-above.css — lamp (dark mode toggle) === */
/* LAMP
=================================================================================*/
.lamp56 {
  cursor: pointer;
}
.lamp56 span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  font-weight: 400;
  margin-left: 5px;
}

.lamp56__part {
  height: 36px;
  padding: 0 10px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lamp56__part i {
  font-size: 24px;
}

.lamp56__dark {
  display: none;
  background: rgba(255, 255, 255, 0.2);
}

.lamp56__light {
  background: rgba(0, 0, 0, 0.1);
}

.darkmode .lamp56__light {
  display: none;
}
.darkmode .lamp56__dark {
  display: flex;
}

.lamp56--icon {
  border: 2px solid #d0d0d0;
  background: #d0d0d0;
  padding-right: 14px;
  border-radius: 60px;
  transition: padding 0.1s ease-out;
}
.lamp56--icon .lamp56__part {
  width: 24px;
  height: 24px;
}
.lamp56--icon .lamp56__light {
  background: white;
}
.lamp56--icon .lamp56__dark {
  background: white;
  color: black;
}
.lamp56--icon span {
  display: none;
}

.darkmode .lamp56--icon {
  padding-right: 0;
  padding-left: 14px;
  background: #666;
  border-color: #666;
}

.lamp56--icon_minimal .lamp56__part {
  background: none;
}
.lamp56--icon_minimal span {
  display: none;
}


/* === header-above.css — nav === */
/* NAV
=================================================================================*/
.mainnav {
  font-family: var(--font-nav);
}
.mainnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mainnav ul:after {
  clear: both;
  content: "";
  display: table;
}
.mainnav a {
  color: inherit;
  text-decoration: none;
  display: block;
}
.mainnav a span .menu-icon-icon {
  display: inline-block;
  margin-right: 4px;
}
.mainnav ul.menu > li {
  display: block;
  float: left;
  position: relative;
}
.mainnav ul.menu > li > a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 0 12px;
  line-height: 40px;
  transition: all 0.15s ease-out;
}
.mainnav ul.sub-menu {
  display: block;
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  background: white;
  width: 180px;
  border: 1px solid #ccc;
  display: none;
}
.mainnav ul.sub-menu li {
  border-top: 0 solid;
}
.mainnav ul.sub-menu > li {
  position: relative;
}
.mainnav ul.sub-menu a {
  color: inherit;
  display: block;
  line-height: 28px;
  padding: 0 12px;
  text-decoration: none;
}
.mainnav li:hover > ul.sub-menu {
  display: block;
}
.mainnav ul.sub-menu ul.sub-menu {
  top: 0;
  left: 100%;
}


/* === header-above.css — nav active style === */
/* active style
------------------------------ */
.mainnav ul.menu > li > a:after {
  position: absolute;
  left: 10%;
  width: 90%;
  height: 2px;
  display: none;
  content: "";
  z-index: 10;
  transition: all 0.15s ease-out;
  background: currentColor;
  transform: scale(1, 0);
  transform-origin: bottom center;
}

.mainnav ul.menu > li:hover > a:after,
.mainnav ul.menu > li.current-menu-item > a:after,
.mainnav ul.menu > li.current-menu-ancestor > a:after {
  transform: scale(1, 1);
}

.nav--active-bar-top ul.menu > li > a:after {
  display: block;
  top: 0;
  transform-origin: top center;
}

.nav--active-bar-bottom ul.menu > li > a:after {
  display: block;
  bottom: 0;
}


/* === header-above.css — nav item separator === */
/* item separator
------------------------------ */
.nav--has-item-sep ul.menu > li + li > a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  border: 1px solid #aaa;
  border-width: 0 0 0 1px;
  height: 16px;
  margin-top: -8px;
  top: 50%;
}


/* === header-above.css — dropdown indicator === */
/* dropdown indicator
------------------------------ */
.mk {
  text-decoration: none;
  font-style: normal;
  font-size: 14px;
  margin-left: 3px;
  display: block;
}

.nav--dropdown-indicator-angle-down ul.menu > li.menu-item-has-children > a > .mk,
.nav--dropdown-indicator-angle-down ul.menu > li.mega > a > .mk {
  /* ic56 */
  font-family: "icon56" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* chevron small down */
}
.nav--dropdown-indicator-angle-down ul.menu > li.menu-item-has-children > a > .mk:before,
.nav--dropdown-indicator-angle-down ul.menu > li.mega > a > .mk:before {
  content: "\e90f";
}

.nav--dropdown-indicator-caret-down ul.menu > li.menu-item-has-children > a > .mk,
.nav--dropdown-indicator-caret-down ul.menu > li.mega > a > .mk {
  /* ic56 */
  font-family: "icon56" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nav--dropdown-indicator-caret-down ul.menu > li.menu-item-has-children > a > .mk:before,
.nav--dropdown-indicator-caret-down ul.menu > li.mega > a > .mk:before {
  content: "\e913";
}

.nav--dropdown-indicator-plus ul.menu > li.menu-item-has-children > a > .mk:before,
.nav--dropdown-indicator-plus ul.menu > li.mega > a > .mk:before {
  content: "+";
}


/* === header-above.css — submenu arrow === */
/* submenu arrow
------------------------------ */
.mainnav ul.menu > li.menu-item-has-children,
.mainnav ul.menu > li.mega {
  position: relative;
}
.mainnav ul.menu > li.menu-item-has-children:before, .mainnav ul.menu > li.menu-item-has-children:after,
.mainnav ul.menu > li.mega:before,
.mainnav ul.menu > li.mega:after {
  display: none;
  content: "";
  position: absolute;
  bottom: -1px;
  left: 30px;
  z-index: 29999;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
}
.mainnav ul.menu > li.menu-item-has-children:before,
.mainnav ul.menu > li.mega:before {
  z-index: 28888;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ccc;
  bottom: -1px;
  left: 29px;
}

.nav--dropdown-has-arrow ul.menu > li.menu-item-has-children:hover:before, .nav--dropdown-has-arrow ul.menu > li.menu-item-has-children:hover:after,
.nav--dropdown-has-arrow ul.menu > li.mega:hover:before,
.nav--dropdown-has-arrow ul.menu > li.mega:hover:after {
  display: block;
}


/* === header-above.css — dropdown shadow + sep === */
/* shadow level
------------------------------ */
.nav--dropdown-shadow-1 ul.sub-menu {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}

.nav--dropdown-shadow-2 ul.sub-menu {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.nav--dropdown-shadow-3 ul.sub-menu {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}

/* dropdown sep
------------------------------ */
.nav--dropdown-has-sep ul.sub-menu li + li {
  border-top-width: 1px;
}


/* === header-above.css — offcanvas (display:none guard) === */
/* ---------------------------------------------------------------------  offcanvas */
.offcanvas56 {
  display: none;
}

.offcanvas56__overlay {
  opacity: 0;
  visibility: hidden;
}


/* === header-above.css — widgets homepage builder === */
/* WIDGETS HOMEPAGE BUILDER
=================================================================================*/
[class*=widget56--id--] {
  overflow: hidden;
}

/* === header-below.css — sticky header === */
/* STICKY HEADER
======================================================================================================================== */
.masthead--sticky .masthead__wrapper {
  transition: top 0.6s ease-out;
  position: static;
  top: -400px;
  /* this is to solve everything */
}
.masthead--sticky .masthead__wrapper.before-sticky {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
  background: white;
  border: 0 solid;
}
.masthead--sticky .masthead__wrapper.before-sticky .header56__section,
.masthead--sticky .masthead__wrapper.before-sticky .header56__section > .container {
  border: 0;
}
.masthead--sticky .masthead__wrapper.before-sticky .disable--sticky {
  display: none;
}
.masthead--sticky .masthead__wrapper.is-sticky {
  top: 0;
}

.admin-bar .masthead--sticky .masthead__wrapper.is-sticky {
  top: 32px;
}


/* === customizations — @font-face declarations === */
/** Helvetica Neue 400|700|900 **/
@font-face{font-family:'Helvetica Neue';src:url('/wp-content/themes/its-fox/css/../fonts/HelveticaNeueRoman.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}

@font-face{font-family:'Helvetica Neue';src:url('/wp-content/themes/its-fox/css/../fonts/HelveticaNeueBold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

@font-face{font-family:'Helvetica Neue';src:url('/wp-content/themes/its-fox/css/../fonts/HelveticaNeueBlack.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}

/** Lato 400|700 **/
@font-face{font-family:'Lato';src:url('/wp-content/themes/its-fox/css/../fonts/lato-v25-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}

@font-face{font-family:'Lato';src:url('/wp-content/themes/its-fox/css/../fonts/lato-v25-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

/** Open Sans 400|700 **/
@font-face{font-family:'Open Sans';src:url('/wp-content/themes/its-fox/css/../fonts/open-sans-v44-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}

@font-face{font-family:'Open Sans';src:url('/wp-content/themes/its-fox/css/../fonts/open-sans-v44-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

/** Oswald 400|700 **/
@font-face{font-family:'Oswald';src:url('/wp-content/themes/its-fox/css/../fonts/oswald-v57-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}

@font-face{font-family:'Oswald';src:url('/wp-content/themes/its-fox/css/../fonts/oswald-v57-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}


/* === customizations — heading ligature fix === */
/* ==========================================================================
   Heading ligature fix — Helvetica Neue renders unwanted ligatures.
   @since ITS Fox 1.1
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
    font-variant-ligatures: no-common-ligatures;
}


/* === customizations — dark mode titlebar + widget links === */
/* ==========================================================================
   Dark mode — titlebar
   @since ITS Fox 1.1
   ========================================================================== */
.darkmode h1.titlebar56__title {
    color: #eeeeee;
}

/* ==========================================================================
   Dark mode — widget links
   ========================================================================== */
body.darkmode .wi-main a {
    color: #dcdcdc;
}

body.darkmode .wi-main a:hover {
    color: #a5aaad;
}


/* === customizations — very small mobile === */
/* ==========================================================================
   Very small mobile (< 360px)
   ========================================================================== */
@media only screen and (max-width: 359px) {
    .site-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* === common.css — .archive .wi-content padding === */
.archive .wi-content {
  padding-top: 60px;
  padding-bottom: 80px;
}


/* === common.css — sidebar === */
/* SIDEBAR
=================================================================================*/
.hassidebar > .container--main {
  display: flex;
  align-items: stretch;
}
@media only screen and (max-width: 840px) {
  .hassidebar > .container--main {
    display: block;
  }
}
.hassidebar > .container--main > .primary56 {
  width: calc(100% - 260px);
  flex: none;
}
@media only screen and (max-width: 840px) {
  .hassidebar > .container--main > .primary56 {
    width: 100% !important;
  }
}
.hassidebar > .container--main > .secondary56 {
  flex: none;
}
@media only screen and (max-width: 840px) {
  .hassidebar > .container--main > .secondary56 {
    width: 100%;
  }
}

.secondary56 {
  width: 260px;
}
@media only screen and (max-width: 840px) {
  .secondary56 {
    margin-top: 24px;
  }
}

.secondary56 {
  position: relative;
}

.secondary56__sep {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  border-left: 0 solid var(--border-color);
}

.section56--nosidebar .secondary56 {
  display: none !important;
}

.widget56__row--hassidebar {
  display: flex;
  align-items: stretch;
}
@media only screen and (max-width: 840px) {
  .widget56__row--hassidebar {
    display: block;
  }
}
.widget56__row--hassidebar > .primary56 {
  width: calc(100% - 260px);
  flex: none;
}
@media only screen and (max-width: 840px) {
  .widget56__row--hassidebar > .primary56 {
    width: 100% !important;
  }
}
.widget56__row--hassidebar > .secondary56 {
  flex: none;
}
@media only screen and (max-width: 840px) {
  .widget56__row--hassidebar > .secondary56 {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .widget56__row .row {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .widget56__row .col {
    width: 100%;
  }
}

/**
 * SIDEBAR LEFT
 */
:root {
  --sidebar-content-spacing: 32px;
}

.hassidebar--right .primary56 {
  padding-right: var(--sidebar-content-spacing);
}
@media only screen and (max-width: 1024px) {
  .hassidebar--right .primary56 {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 840px) {
  .hassidebar--right .primary56 {
    padding-right: 0;
  }
}
.hassidebar--right .secondary56__sep {
  left: calc(-1 * var(--sidebar-content-spacing) / 2);
}
@media only screen and (max-width: 1024px) {
  .hassidebar--right .secondary56__sep {
    left: -5px;
  }
}
@media only screen and (max-width: 840px) {
  .hassidebar--right .secondary56__sep {
    display: none;
  }
}

.hassidebar--left .secondary56 {
  order: 1;
}
.hassidebar--left .secondary56__sep {
  right: calc(-1 * var(--sidebar-content-spacing) / 2);
}
@media only screen and (max-width: 1024px) {
  .hassidebar--left .secondary56__sep {
    right: -5px;
  }
}
@media only screen and (max-width: 840px) {
  .hassidebar--left .secondary56__sep {
    display: none;
  }
}
.hassidebar--left .primary56 {
  order: 2;
  padding-left: var(--sidebar-content-spacing);
}
@media only screen and (max-width: 1024px) {
  .hassidebar--left .primary56 {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 840px) {
  .hassidebar--left .primary56 {
    padding-left: 0;
  }
}


/* === common.css — titlebar === */
/* TITLE BAR
=================================================================================*/
.titlebar56 {
  display: block;
  border: 0 solid;
}

.titlebar56 .container {
  border: 0 solid;
  padding: 20px 0;
}
@media only screen and (max-width: 600px) {
  .titlebar56 .container {
    padding: 10px 0;
  }
}

.titlebar56__main {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 600px;
}

.align-left .titlebar56__main {
  margin-left: 0;
}

.align-right .titlebar56__main {
  margin-left: auto;
  margin-right: 0;
}

.titlebar56__title {
  margin: 0;
  font-size: 64px;
}
@media only screen and (max-width: 600px) {
  .titlebar56__title {
    font-size: 32px;
  }
}

.titlebar56__description {
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.4;
}
@media only screen and (max-width: 600px) {
  .titlebar56__description {
    font-size: 0.9em;
    line-height: 1.3;
  }
}
.titlebar56__description p {
  margin: 0;
}

.titlebar56__description + .terms56 {
  margin-top: 0.5em;
}

.titlebar56__label {
  display: inline-block;
  background: black;
  color: white;
  font-family: var(--font-heading);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 6px;
  line-height: 20px;
}


/* === titlebar border-color fix (WiThemes bug: border shorthand omits color) === */
/* Fix: WiThemes set 'border: 0 solid' with no color, defaulting to
   currentColor (black). Customizer sets border-width inline, inheriting
   the wrong color. Explicit border-color ensures themed color. */
.titlebar56,
.titlebar56 .container {
  border-color: var(--border-color);
}


/* === common.css — toparea === */
/* TOPAREA
=================================================================================*/
.toparea56 .container {
  padding: 2em 0;
  border-bottom: 1px solid var(--border-color);
}

/* TOPAREA SLIDER
========================================= */
.toparea56 .blog56--slider .post56__overlay {
  background: rgba(0, 0, 0, 0.3);
}
.toparea56 .blog56--slider .post56--ontop .post56__text__inner {
  max-width: 600px;
}
.toparea56 .blog56--slider .post56__padding {
  padding-bottom: 55%;
}
@media only screen and (max-width: 840px) {
  .toparea56 .blog56--slider .post56__padding {
    padding-bottom: 70%;
  }
}
@media only screen and (max-width: 600px) {
  .toparea56 .blog56--slider .post56__padding {
    padding-bottom: 90%;
  }
}


/* === common.css — archive main + 404 === */
/* ARCHIVE MAIN
=================================================================================*/
.archive56__main {
  padding: 2em 0 3.6em;
}
@media only screen and (max-width: 600px) {
  .archive56__main {
    padding: 1em 0;
  }
}

.error404 .titlebar56 {
  text-align: center;
}
.error404 .titlebar56__main {
  width: 100%;
}
.error404 .titlebar56 .container {
  border: 0;
}

.page404__content {
  padding-bottom: 3em;
  text-align: center;
  margin: 0 auto;
  max-width: 600px;
}
.page404__content .searchform {
  max-width: 320px;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .page404__content {
    padding-bottom: 2em;
  }
}

.page404__message + .searchform {
  margin-top: 16px;
}


/* === common.css — search page === */
/* search page
--------------------------------------------------------------------------- */
.search-results .titlebar56__title {
  display: none;
}
.search-results .titlebar56__main {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}


/* === widgets.css — general (.widget, .widget-title) === */
/* GENERAL
=================================================================================*/
.widget {
  display: block;
  position: relative;
  clear: both;
  width: 100%;
  border: 0 solid var(--border-color);
}
.widget::after {
  content: "";
  display: block;
}
.widget + .widget {
  margin-top: 20px;
  padding-top: 20px;
}
@media only screen and (max-width: 840px) {
  .widget + .widget {
    margin-top: 15px;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .widget + .widget {
    margin-top: 10px;
    padding-top: 10px;
  }
}

.widget-title,
.secondary56 .wp-block-heading {
  border: 0 solid;
  font-size: 18px;
  margin: 0;
  margin-bottom: 8px;
}
.widget-title a,
.secondary56 .wp-block-heading a {
  color: inherit;
}

.widget select {
  width: 100%;
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px;
  outline: none;
  background: none;
}


/* === builder/masonry.css — full file === */
/* MASONRY
=================================================================================*/
.main-masonry {
  margin: -32px -16px 0;
}

.masonry-cell {
  display: block;
  float: left;
  padding: 32px 16px 0;
  z-index: 99;
}

.masonry56--1cols .masonry-cell,
.masonry56--1cols .grid-sizer {
  width: 100%;
}

.masonry56--2cols .masonry-cell,
.masonry56--2cols .grid-sizer {
  width: 50%;
}

.masonry56--3cols .masonry-cell,
.masonry56--3cols .grid-sizer {
  width: 33.33%;
}

.masonry56--4cols .masonry-cell,
.masonry56--4cols .grid-sizer {
  width: 25%;
}

.masonry56--5cols .masonry-cell,
.masonry56--5cols .grid-sizer {
  width: 20%;
}

.masonry56--6cols .masonry-cell,
.masonry56--6cols .grid-sizer {
  width: 16.66%;
}

/* --------------- tablet */
@media only screen and (max-width: 840px) {
  .masonry56--tablet--1cols .masonry-cell,
  .masonry56--tablet--1cols .grid-sizer {
    width: 100%;
  }
  .masonry56--tablet--2cols .masonry-cell,
  .masonry56--tablet--2cols .grid-sizer {
    width: 50%;
  }
  .masonry56--tablet--3cols .masonry-cell,
  .masonry56--tablet--3cols .grid-sizer {
    width: 33.33%;
  }
  .masonry56--tablet--4cols .masonry-cell,
  .masonry56--tablet--4cols .grid-sizer {
    width: 25%;
  }
  .masonry56--tablet--5cols .masonry-cell,
  .masonry56--tablet--5cols .grid-sizer {
    width: 20%;
  }
  .masonry56--tablet--6cols .masonry-cell,
  .masonry56--tablet--6cols .grid-sizer {
    width: 16.66%;
  }
}
/* --------------- mobile */
@media only screen and (max-width: 600px) {
  .masonry56--mobile--1cols .masonry-cell,
  .masonry56--mobile--1cols .grid-sizer {
    width: 100%;
  }
  .masonry56--mobile--2cols .masonry-cell,
  .masonry56--mobile--2cols .grid-sizer {
    width: 50%;
  }
  .masonry56--mobile--3cols .masonry-cell,
  .masonry56--mobile--3cols .grid-sizer {
    width: 33.33%;
  }
  .masonry56--mobile--4cols .masonry-cell,
  .masonry56--mobile--4cols .grid-sizer {
    width: 25%;
  }
  .masonry56--mobile--5cols .masonry-cell,
  .masonry56--mobile--5cols .grid-sizer {
    width: 20%;
  }
  .masonry56--mobile--6cols .masonry-cell,
  .masonry56--mobile--6cols .grid-sizer {
    width: 16.66%;
  }
}
/* ----------------------       big first */
.masonry56--bigfirst .masonry-cell:first-child {
  transform: translate(-1px, 0);
  background: white;
}

.masonry56--bigfirst.masonry56--2cols .masonry-cell:first-child {
  width: 100%;
}

.masonry56--bigfirst.masonry56--3cols .masonry-cell:first-child {
  width: 66.66%;
}

.masonry56--bigfirst.masonry56--4cols .masonry-cell:first-child {
  width: 50%;
}

.masonry56--bigfirst.masonry56--5cols .masonry-cell:first-child {
  width: 40%;
}

.masonry56--bigfirst.masonry56--6cols .masonry-cell:first-child {
  width: 33.33%;
}

@media only screen and (max-width: 840px) {
  .masonry56--bigfirst.masonry56--tablet--1cols .masonry-cell:first-child {
    width: 100%;
  }
  .masonry56--bigfirst.masonry56--tablet--2cols .masonry-cell:first-child {
    width: 100%;
  }
  .masonry56--bigfirst.masonry56--tablet--3cols .masonry-cell:first-child {
    width: 66.66%;
  }
  .masonry56--bigfirst.masonry56--tablet--4cols .masonry-cell:first-child {
    width: 50%;
  }
  .masonry56--bigfirst.masonry56--tablet--5cols .masonry-cell:first-child {
    width: 40%;
  }
  .masonry56--bigfirst.masonry56--tablet--6cols .masonry-cell:first-child {
    width: 33.33%;
  }
}
@media only screen and (max-width: 600px) {
  .masonry56--bigfirst.masonry56--mobile--1cols .masonry-cell:first-child {
    width: 100%;
  }
  .masonry56--bigfirst.masonry56--mobile--2cols .masonry-cell:first-child {
    width: 100%;
  }
  .masonry56--bigfirst.masonry56--mobile--3cols .masonry-cell:first-child {
    width: 66.66%;
  }
  .masonry56--bigfirst.masonry56--mobile--4cols .masonry-cell:first-child {
    width: 50%;
  }
  .masonry56--bigfirst.masonry56--mobile--5cols .masonry-cell:first-child {
    width: 40%;
  }
  .masonry56--bigfirst.masonry56--mobile--6cols .masonry-cell:first-child {
    width: 33.33%;
  }
}
.thumbnail56__padding {
  display: block;
  padding-bottom: 60%;
  background-color: #f0f0f0;
}

/* ----------------------       sep problem */
.blog56--masonry {
  overflow: hidden;
}

.blog56--masonry .blog56__sep {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/* ----------------------       creative masonry */
.post56--portrait .thumbnail56 {
  float: left;
  width: 50%;
  margin: 0 20px 5px 0 !important;
  z-index: 999;
}

.masonry-cell .thumbnail56,
.masonry-cell .post56__text {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 5px);
  transition: all 0.3s ease-out;
  transition-delay: 0.15s;
}
.masonry-cell .post56__text {
  transition-delay: 0.45s;
}

.masonry-cell.inview .thumbnail56,
.masonry-cell.inview .post56__text {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

/* === builder/carousel.css — full file === */
/* CAROUSEL
=================================================================================*/
.post56--carousel {
  min-height: 100%;
}

/* NAV POSITION
--------------------------- */
.main-carousel.flickity-enabled {
  position: static;
}

.flickity-button:disabled {
  display: none !important;
}
.flickity-button:disabled + .flickity-page-dots {
  display: none;
}

.main-carousel .flickity-button {
  padding: 0;
  box-shadow: none !important;
}

.nav--middle-inside .flickity-button {
  top: 50%;
}
.nav--middle-inside .flickity-button.previous {
  left: 30px;
}
.nav--middle-inside .flickity-button.next {
  right: 30px;
}

.nav--middle-edge .flickity-button {
  top: 50%;
}
.nav--middle-edge .flickity-button.previous {
  left: 0;
}
.nav--middle-edge .flickity-button.next {
  right: 0;
}

.nav--top-right .flickity-button {
  top: 10px;
  transform: none;
}
.nav--top-right .flickity-button.previous {
  left: auto;
  right: 56px;
}
.nav--top-right .flickity-button.next {
  right: 10px;
}

/* NAV SHAPE
--------------------------- */
.nav--circle .flickity-button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.nav--square .flickity-button {
  width: 52px;
  height: 52px;
  border-radius: 1px;
}

.nav--high-square .flickity-button {
  width: 40px;
  height: 120px;
  border-radius: 1px;
}
@media only screen and (max-width: 600px) {
  .nav--high-square .flickity-button {
    width: 32px;
    height: 50px;
  }
}

/* NAV STYLE
--------------------------- */
.nav--outline .flickity-button {
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.6);
  transition: all 0.15s;
}
.nav--outline .flickity-button:hover {
  background: none;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 3px 3px 0 black;
}

.nav--fill .flickity-button {
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.6);
  transition: all 0.15s;
}
.nav--fill .flickity-button:hover {
  background: white;
  color: #111;
  border-color: white;
}

.nav--primary .flickity-button {
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.6);
  transition: all 0.15s;
}
.nav--primary .flickity-button:hover {
  background: var(--accent-color);
  color: #fff;
  border-color: var(--accent-color);
}

.nav--dark .flickity-button {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.15s;
}
.nav--dark .flickity-button:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

/* COMBINATION FIXES
--------------------------- */
.nav--top-right.nav--circle .flickity-button.previous {
  right: 44px;
}

.nav--top-right.nav--square .flickity-button.previous {
  right: 64px;
}

.nav--circle.nav--outline .flickity-button:hover {
  box-shadow: none;
}

/* PAGER
--------------------------- */
.main-carousel .flickity-page-dots {
  position: absolute;
  bottom: 10%;
  z-index: 30;
}
.main-carousel .flickity-page-dots .dot {
  background: none;
  border: 1px solid white;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.main-carousel .flickity-page-dots .dot:hover {
  background: white;
}
.main-carousel .flickity-page-dots .dot.is-selected {
  background: white;
}

.pager--circle .flickity-page-dots .dot {
  width: 14px;
  height: 14px;
}

.pager--big-circle .flickity-page-dots .dot {
  width: 20px;
  height: 20px;
}

.pager--square .flickity-page-dots .dot {
  width: 14px;
  height: 14px;
  border-radius: 0;
}

.pager--big-square .flickity-page-dots .dot {
  width: 20px;
  height: 20px;
  border-radius: 0;
}

/* TEXT INNER, only for slider
====================================== */
.post56--ontop .post56__text__inner {
  display: block;
  max-width: 100%;
  padding: 40px;
  margin: 0 auto;
}
@media only screen and (max-width: 840px) {
  .post56--ontop .post56__text__inner {
    padding: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .post56--ontop .post56__text__inner {
    padding: 10px;
  }
}

/* === builder/group.css — full file === */
/* GROUP
=================================================================================*/
/**
 * SEP FOR GROUP
 */
.row56__col {
  position: relative;
}

.row56__col .blog56__sep__line {
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 840px) {
  .row56__col .blog56__sep__line {
    height: 0;
  }
}

.col--last .blog56__sep__line {
  height: 0;
}

.row56__col .blog56--grid {
  height: 100%;
}

/**
 * make sure that sep of post in group isn't beyond the col width
 */
.row56 .post56__sep__line {
  left: 0 !important;
  right: 0 !important;
}

.blog56--group {
  overflow: hidden;
}

/* ----------------------------     CUSTOM POST GROUP CSS */
/* translation: post big, grid 1 col, align center --> max width 600px */
.row56__col--big .blog56--grid--1cols .align-center .post56__text {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* translation: text-gap for list layout of medium/small columns */
body .builder56 .section56 .row56__col--medium .post56--list--thumb-right .thumbnail56,
body .builder56 .section56 .row56__col--small .post56--list--thumb-right .thumbnail56 {
  padding-left: 10px;
}

body .builder56 .section56 .row56__col--medium .post56--list--thumb-left .thumbnail56,
body .builder56 .section56 .row56__col--small .post56--list--thumb-left .thumbnail56 {
  padding-right: 10px;
}

.row56__col--medium .post56--list,
.row56__col--small .post56--list {
  align-items: flex-start;
}
.row56__col--medium .post56--list .thumbnail56,
.row56__col--small .post56--list .thumbnail56 {
  width: 100px;
}
.row56__col--medium .post56--list .thumbnail56 + .post56__text,
.row56__col--small .post56--list .thumbnail56 + .post56__text {
  width: calc(100% - 100px);
}
.row56__col--medium .post56--list--thumb-right .thumbnail56,
.row56__col--small .post56--list--thumb-right .thumbnail56 {
  padding-left: 12px;
}
.row56__col--medium .post56--list--thumb-left .thumbnail56,
.row56__col--small .post56--list--thumb-left .thumbnail56 {
  padding-right: 12px;
}

.row56__col--medium .title56 {
  font-size: 1.3em;
}
@media only screen and (max-width: 600px) {
  .row56__col--medium .title56 {
    font-size: 1.1em;
  }
}
.row56__col--medium .excerpt56 {
  font-size: 1em;
  line-height: 1.3;
}

.row56__col--small .title56 {
  font-size: 1.15em;
}
@media only screen and (max-width: 600px) {
  .row56__col--small .title56 {
    font-size: 1em;
  }
}
.row56__col--small .excerpt56 {
  font-size: 0.94em;
  line-height: 1.3;
}

/* === builder/others.css — full file === */
/* SECTION SIDEBAR
 * @since 4.4
-------------------------------------------------------------------------------------- */
.section-sidebar-inner {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  margin: -40px -20px 0;
}
@media only screen and (max-width: 600px) {
  .section-sidebar-inner {
    margin: 0;
  }
}

.main-section-sidebar {
  overflow: hidden;
}
.main-section-sidebar .widget,
.main-section-sidebar .widget + .widget {
  flex: none;
  padding: 40px 20px 0;
  margin: 0 !important;
  border: 0 !important;
}
@media only screen and (max-width: 600px) {
  .main-section-sidebar .widget,
  .main-section-sidebar .widget + .widget {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
  }
}

.main-section-sidebar-1 .widget {
  width: 100%;
}

.main-section-sidebar-2 .widget {
  width: 50%;
}
@media only screen and (max-width: 420px) {
  .main-section-sidebar-2 .section-sidebar-inner {
    margin: 0;
  }
  .main-section-sidebar-2 .widget {
    width: 100%;
    padding: 0;
  }
  .main-section-sidebar-2 .widget + .widget {
    margin-top: 20px !important;
  }
}

.main-section-sidebar-3 .widget {
  width: 33.33%;
}
@media only screen and (max-width: 600px) {
  .main-section-sidebar-3 .section-sidebar-inner {
    margin: 0;
  }
  .main-section-sidebar-3 .widget {
    width: 100%;
    padding: 0;
  }
  .main-section-sidebar-3 .widget + .widget {
    margin-top: 20px !important;
  }
}

.main-section-sidebar-4 .widget {
  width: 25%;
}
@media only screen and (max-width: 840px) {
  .main-section-sidebar-4 .section-sidebar-inner {
    margin: -20px -10px 0;
  }
  .main-section-sidebar-4 .widget,
  .main-section-sidebar-4 .widget + .widget {
    width: 50%;
    padding: 20px 10px 0;
  }
}
@media only screen and (max-width: 600px) {
  .main-section-sidebar-4 .section-sidebar-inner {
    margin: 0;
  }
  .main-section-sidebar-4 .widget {
    width: 100%;
    padding: 0;
  }
  .main-section-sidebar-4 .widget + .widget {
    margin-top: 20px !important;
  }
}

/* Newsletter - since 6.8.1
-------------------------------------------------------------------------------------- */
.newsletter56--inline .newsletter56__inner .mc4wp-form-fields {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newsletter56--inline .newsletter56__inner .mc4wp-form-fields > * {
  display: block;
  max-width: 300px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .newsletter56--inline .newsletter56__inner .mc4wp-form-fields {
    display: block;
  }
  .newsletter56--inline .newsletter56__inner .mc4wp-form-fields > * {
    max-width: 100%;
    padding: 0;
    margin-bottom: 1em;
  }
}

.newsletter56--stack .newsletter56__inner input[type=submit],
.newsletter56--stack .newsletter56__inner button {
  width: 100%;
}

/* --------------------------- text widget */
.section-text h2, .section-text h3, .section-text h4 {
  margin-bottom: 0.2em;
}
.section-text > *:last-child {
  margin-bottom: 0;
}

/* === builder/common.css — root vars + widget row === */
:root {
  /* COLOR */
  /* GRID */
  --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;
  }
}


/* === builder/common.css — general imageframe === */
/* GENERAL
=================================================================================*/
.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;
}


/* === builder/common.css — builder sections === */
/* BUILDER
=================================================================================*/
.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;
  position: relative;
}

.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;
}

.section56 > .container--main {
  position: relative;
  z-index: 20;
}

.section56__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0;
}
.section56__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}


/* === builder/common.css — heading === */
/* HEADING
=================================================================================*/
.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;
}

/* border top / bottom
--------------------------------- */
.heading56--border-bottom {
  border: 1px solid;
  border-width: 0 0 1px;
}

.heading56--border-top {
  border: 1px solid;
  border-width: 1px 0 0;
}

/* Border Around
--------------------------------- */
.heading56--border-around .heading56__text {
  padding: 16px;
  border: 5px solid;
}

/* decorate middle
--------------------------------- */
.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;
}

/* line middle
--------------------------------- */
.heading56--middle-line .heading56__line {
  background: currentColor;
  height: 1px;
}

/* Diagonal Strip
--------------------------------- */
.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%;
}

/* Pixelate Dots
--------------------------------- */
.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;
}

/* Alignment
--------------------------------- */
.heading56--left {
  text-align: left;
}

.heading56--center {
  text-align: center;
}

.heading56--right {
  text-align: right;
}

/* separated
--------------------------------- */
.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;
}


/* === builder/common.css — ad wrapper === */
/* AD
=================================================================================*/
.ad56__wrapper .ad56__container {
  margin-bottom: 20px;
}


/* === builder/common.css — common (blog56, post56, component56) === */
/* COMMON
=================================================================================*/
.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;
}


/* === builder/common.css — number === */
/* Number
================================*/
.number56 {
  margin-right: 0.5em;
  font-size: 1.2em;
}


/* === builder/common.css — thumbnail + caption === */
/* THUMBNAIL
================================*/
.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;
}

/* Caption
---------------------------------------- */
.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;
  }
}


/* === builder/common.css — title === */
/* TITLE
================================*/
.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;
}


/* === builder/common.css — excerpt + compact titles === */
/* EXCERPT
================================*/
.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;
}

/* AFTER EXCERPT TITLES
================================*/
.compact-titles .title56 {
  margin-bottom: 0 !important;
  border-top: 0 solid var(--border-color);
}


/* === builder/common.css — post ontop === */
/* POST ONTOP
=================================================================================*/
.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%);
}


/* === builder/common.css — thumbnail overlay base + hover-dark === */
.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;
}


/* === builder/common.css — showing effects === */
/* SHOWING EFFECT
=================================================================================*/
.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);
}


/* === builder/grid.css — full file === */
:root {
  /* GRID */
  --blog-grid-h-spacing: 20px;
  --blog-grid-v-spacing: 40px;
}

/* GRID
=================================================================================*/
.blog56--grid {
  display: grid;
  row-gap: 32px;
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.blog56--grid--1cols {
  grid-template-columns: 1fr;
}

.blog56--grid--2cols {
  grid-template-columns: 1fr 1fr;
}

.blog56--grid--3cols {
  grid-template-columns: 1fr 1fr 1fr;
}

.blog56--grid--4cols {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.blog56--grid--5cols {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.blog56--grid--6cols {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media only screen and (max-width: 840px) {
  .blog56--grid--tablet--1cols {
    grid-template-columns: 1fr;
  }
  .blog56--grid--tablet--2cols {
    grid-template-columns: 1fr 1fr;
  }
  .blog56--grid--tablet--3cols {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .blog56--grid--tablet--4cols {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .blog56--grid--mobile--1cols {
    grid-template-columns: 1fr;
  }
  .blog56--grid--mobile--2cols {
    grid-template-columns: 1fr 1fr;
  }
}
.post56--grid .post56__text {
  padding: 16px 0 0;
}

/* LIST
=================================================================================*/
.blog56--list {
  display: grid;
  row-gap: 32px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  position: relative;
}

.post56--list {
  display: flex;
  position: relative;
  z-index: 20;
}
.post56--list .post56__text {
  width: 100%;
}
.post56--list .thumbnail56 {
  width: 40%;
  order: 1;
  padding-right: 24px;
  flex: none;
  margin-bottom: 0 !important;
  max-width: 80%;
}
@media only screen and (max-width: 840px) {
  .post56--list .thumbnail56 {
    padding-right: 14px;
    max-width: 60%;
  }
}
@media only screen and (max-width: 600px) {
  .post56--list .thumbnail56 {
    padding-right: 6px;
    max-width: 40%;
  }
}
.post56--list .thumbnail56 + .post56__text {
  width: 60%;
  order: 2;
  flex: none;
  min-width: 20%;
}
@media only screen and (max-width: 840px) {
  .post56--list .thumbnail56 + .post56__text {
    padding-right: 14px;
    min-width: 40%;
  }
}
@media only screen and (max-width: 600px) {
  .post56--list .thumbnail56 + .post56__text {
    padding-right: 6px;
    min-width: 60%;
  }
}

.valign-top {
  align-items: stretch;
}

.valign-middle {
  align-items: center;
}

.valign-bottom {
  align-items: flex-end;
}

/**
 * thumbnail right
 */
.post56--list--thumb-right .thumbnail56 {
  order: 3;
  padding-left: 24px;
  padding-right: 0;
}
@media only screen and (max-width: 840px) {
  .post56--list--thumb-right .thumbnail56 {
    padding-right: 0;
    padding-left: 14px;
  }
}
@media only screen and (max-width: 840px) {
  .post56--list--thumb-right .thumbnail56 {
    padding-right: 0;
    padding-left: 6px;
  }
}

/* BORDER PROBLEM
=================================================================================*/
.blog56__sep {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: grid;
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.blog56__sep__line {
  height: 100%;
  border-right: 0 solid var(--border-color);
  transform: translate(16px, 0);
}

.blog56--grid--1cols .blog56__sep__line {
  display: none;
}

.blog56--grid--2cols .blog56__sep {
  grid-template-columns: 1fr 1fr;
}
.blog56--grid--2cols .line--2,
.blog56--grid--2cols .line--3,
.blog56--grid--2cols .line--4,
.blog56--grid--2cols .line--5 {
  display: none;
}

.blog56--grid--3cols .blog56__sep {
  grid-template-columns: 1fr 1fr 1fr;
}
.blog56--grid--3cols .line--3,
.blog56--grid--3cols .line--4,
.blog56--grid--3cols .line--5 {
  display: none;
}

.blog56--grid--4cols .blog56__sep {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.blog56--grid--4cols .line--4,
.blog56--grid--4cols .line--5 {
  display: none;
}

.blog56--grid--5cols .blog56__sep {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.blog56--grid--5cols .line--5 {
  display: none;
}

.blog56--grid--6cols .blog56__sep {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* TABLET VERSION */
@media only screen and (max-width: 840px) {
  .blog56--grid--tablet--1cols .blog56__sep__line {
    display: none;
  }
  .blog56--grid--tablet--2cols .blog56__sep {
    grid-template-columns: 1fr 1fr;
  }
  .blog56--grid--tablet--2cols .line--1 {
    display: block;
  }
  .blog56--grid--tablet--2cols .line--2,
  .blog56--grid--tablet--2cols .line--3,
  .blog56--grid--tablet--2cols .line--4,
  .blog56--grid--tablet--2cols .line--5 {
    display: none;
  }
  .blog56--grid--tablet--3cols .blog56__sep {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .blog56--grid--tablet--3cols .line--1,
  .blog56--grid--tablet--3cols .line--2 {
    display: block;
  }
  .blog56--grid--tablet--3cols .line--3,
  .blog56--grid--tablet--3cols .line--4,
  .blog56--grid--tablet--3cols .line--5 {
    display: none;
  }
  .blog56--grid--tablet--4cols .blog56__sep {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .blog56--grid--tablet--4cols .line--1,
  .blog56--grid--tablet--4cols .line--2,
  .blog56--grid--tablet--4cols .line--3 {
    display: block;
  }
  .blog56--grid--tablet--4cols .line--4,
  .blog56--grid--tablet--4cols .line--5 {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .blog56--grid--mobile--1cols .blog56__sep__line {
    display: none;
  }
  .blog56--grid--mobile--2cols .blog56__sep {
    grid-template-columns: 1fr 1fr;
  }
  .blog56--grid--mobile--2cols .line--1 {
    display: block;
  }
  .blog56--grid--mobile--2cols .line--2,
  .blog56--grid--mobile--2cols .line--3,
  .blog56--grid--mobile--2cols .line--4,
  .blog56--grid--mobile--2cols .line--5 {
    display: none;
  }
}
/**
 * POST HORIZONTAL SEP
 */
.post56__sep__line {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  /* no need this, it's complicated
  left: -16px;
  right: -16px; */
  z-index: 11;
  border-top: 0 solid var(--border-color);
}

.griditem56:first-child .post56__sep__line {
  display: none !important;
}

.blog56--grid--2cols .griditem56:nth-child(2) .post56__sep__line,
.blog56--grid--3cols .griditem56:nth-child(2) .post56__sep__line,
.blog56--grid--4cols .griditem56:nth-child(2) .post56__sep__line,
.blog56--grid--5cols .griditem56:nth-child(2) .post56__sep__line,
.blog56--grid--6cols .griditem56:nth-child(2) .post56__sep__line {
  display: none;
}

.blog56--grid--3cols .griditem56:nth-child(3) .post56__sep__line,
.blog56--grid--4cols .griditem56:nth-child(3) .post56__sep__line,
.blog56--grid--5cols .griditem56:nth-child(3) .post56__sep__line,
.blog56--grid--6cols .griditem56:nth-child(3) .post56__sep__line {
  display: none;
}

.blog56--grid--4cols .griditem56:nth-child(4) .post56__sep__line,
.blog56--grid--5cols .griditem56:nth-child(4) .post56__sep__line,
.blog56--grid--6cols .griditem56:nth-child(4) .post56__sep__line {
  display: none;
}

.blog56--grid--5cols .griditem56:nth-child(5) .post56__sep__line,
.blog56--grid--6cols .griditem56:nth-child(5) .post56__sep__line {
  display: none;
}

.blog56--grid--6cols .griditem56:nth-child(6) .post56__sep__line {
  display: none;
}

/* TABLET VERSION */
@media only screen and (max-width: 840px) {
  .blog56.blog56--grid--tablet--1cols .griditem56 .post56__sep__line,
  .blog56.blog56--grid--tablet--2cols .griditem56 .post56__sep__line,
  .blog56.blog56--grid--tablet--3cols .griditem56 .post56__sep__line,
  .blog56.blog56--grid--tablet--4cols .griditem56 .post56__sep__line,
  .blog56.blog56--grid--tablet--5cols .griditem56 .post56__sep__line,
  .blog56.blog56--grid--tablet--6cols .griditem56 .post56__sep__line {
    display: block;
  }
  .blog56.blog56--grid--tablet--2cols .griditem56:nth-child(2) .post56__sep__line,
  .blog56.blog56--grid--tablet--3cols .griditem56:nth-child(2) .post56__sep__line,
  .blog56.blog56--grid--tablet--4cols .griditem56:nth-child(2) .post56__sep__line {
    display: none;
  }
  .blog56.blog56--grid--tablet--3cols .griditem56:nth-child(3) .post56__sep__line,
  .blog56.blog56--grid--tablet--4cols .griditem56:nth-child(3) .post56__sep__line {
    display: none;
  }
  .blog56.blog56--grid--tablet--4cols .griditem56:nth-child(4) .post56__sep__line {
    display: none;
  }
}
/* MOBILE VERSION */
@media only screen and (max-width: 600px) {
  .post56__sep__line {
    display: block !important;
  }
  .griditem56:first-child .post56__sep__line {
    visibility: hidden;
    opacity: 0;
  }
  .blog56.blog56--grid--mobile--2cols .griditem56:nth-child(2) .post56__sep__line {
    visibility: hidden;
    opacity: 0;
  }
}

/* === builder/list.css — full file === */
@media only screen and (max-width: 840px) {
  .post56--list--thumb-pixel .thumbnail56 {
    width: 200px;
  }
}
@media only screen and (max-width: 600px) {
  .post56--list--thumb-pixel .thumbnail56 {
    width: 100px;
  }
}
@media only screen and (max-width: 840px) {
  .post56--list--thumb-pixel .thumbnail56 + .post56__text {
    width: calc(100% - 200px);
  }
}
@media only screen and (max-width: 600px) {
  .post56--list--thumb-pixel .thumbnail56 + .post56__text {
    width: calc(100% - 100px);
  }
}

@media only screen and (max-width: 840px) {
  .post56--list--thumb-percent .thumbnail56 {
    width: 60%;
  }
}
@media only screen and (max-width: 600px) {
  .post56--list--thumb-percent .thumbnail56 {
    width: 40%;
  }
}
@media only screen and (max-width: 840px) {
  .post56--list--thumb-percent .thumbnail56 + .post56__text {
    width: 40%;
  }
}
@media only screen and (max-width: 600px) {
  .post56--list--thumb-percent .thumbnail56 + .post56__text {
    width: 60%;
  }
}

/* LIST
=================================================================================*/
.blog56--list {
  display: grid;
  row-gap: 32px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  position: relative;
}

.post56--list {
  display: flex;
  position: relative;
  z-index: 20;
}
.post56--list .post56__text {
  width: 100%;
}
.post56--list .thumbnail56 {
  width: 40%;
  order: 1;
  padding-right: 24px;
  flex: none;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 840px) {
  .post56--list .thumbnail56 {
    padding-right: 14px;
  }
}
@media only screen and (max-width: 840px) {
  .post56--list .thumbnail56 {
    padding-right: 6px;
  }
}
.post56--list .thumbnail56 + .post56__text {
  width: 60%;
  order: 2;
  flex: none;
}

.valign-top {
  align-items: stretch;
}

.valign-middle {
  align-items: center;
}

.valign-bottom {
  align-items: flex-end;
}

/**
 * thumbnail right
 */
.post56--list--thumb-right .thumbnail56 {
  order: 3;
  padding-left: 24px;
  padding-right: 0;
}
@media only screen and (max-width: 840px) {
  .post56--list--thumb-right .thumbnail56 {
    padding-right: 0;
    padding-left: 14px;
  }
}
@media only screen and (max-width: 840px) {
  .post56--list--thumb-right .thumbnail56 {
    padding-right: 0;
    padding-left: 6px;
  }
}

/* -------------------------        list mobile layout grid */
@media only screen and (max-width: 600px) {
  .post56--list.list56--mobile-grid {
    display: block;
  }
  .post56--list.list56--mobile-grid .thumbnail56,
  .post56--list.list56--mobile-grid .post56__text {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .post56--list.list56--mobile-grid .thumbnail56 + .post56__text {
    margin-top: 10px;
  }
  .post56--list.list56--mobile-list .thumbnail56__caption {
    display: none !important;
  }
}