@charset "UTF-8";
/**
 * ITS Fox Deferred CSS — Archive
 * Non-blocking styles for below-fold content on archives.
 * Built from audited css56/ source files.
 *
 * @version 1.6.4
 * @generated 2026-03-26
 */

/* === common.css — responsive visibility system === */
/* RESPONSIVE VISIBILITY SYSTEM
=================================================================================*/
.disable--desktop,
.disable--tablet,
.disable--mobile,
.section56--disable {
  position: relative;
}
.disable--desktop:before,
.disable--tablet:before,
.disable--mobile:before,
.section56--disable:before {
  display: none;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.7);
}

.section56--disable {
  display: none;
}

.customize-partial-edit-shortcuts-shown .section56--disable {
  display: block;
}

.section56--disable:after {
  z-index: 9999;
  position: absolute;
  top: 48%;
  left: 10%;
  right: 10%;
  padding: 8px;
  text-align: center;
  background: #05456d;
  color: white;
  border-radius: 3px;
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.6);
  cursor: not-allowed;
  content: "This section is hidden temporarily (by \"Section\" tab of your builder section). When you close Customizer, you won't be able to see this section.";
}

.section56--disable:before {
  display: block;
  content: "";
}

@media (min-width: 1025px) and (max-width: 99999px) {
  .hide--desktop {
    display: none !important;
  }
  .disable--desktop {
    opacity: 0.4;
  }
  .disable--desktop:before {
    content: "";
    display: block;
  }
}
@media (min-width: 700px) and (max-width: 1024px) {
  .hide--tablet {
    display: none !important;
  }
  .disable--tablet {
    opacity: 0.4;
  }
  .disable--tablet:before {
    content: "";
    display: block;
  }
}
@media (max-width: 699px) {
  .hide--mobile {
    display: none !important;
  }
  .disable--mobile {
    opacity: 0.4;
  }
  .disable--mobile:before {
    content: "";
    display: block;
  }
}


/* === common.css — input styles === */
/* INPUT
=================================================================================*/
input, textarea, select {
  max-width: 100%;
  background: none;
}

input[type=text],
input[type=search],
input[type=number],
input[type=email],
input[type=url],
input[type=date],
input[type=password],
textarea,
.fox-input {
  box-shadow: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  color: var(--input-color);
  border: 1px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  background: var(--input-background);
  border-width: var(--input-border-width);
  transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out;
  line-height: var(--input-height);
  padding: 0 14px;
  font-size: 0.9em;
  font-family: var(--font-body);
  box-shadow: var(--input-shadow);
  width: 100%;
}
input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.fox-input::-webkit-input-placeholder {
  opacity: var(--input-placeholder-opacity);
  color: var(--input-color);
}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder,
.fox-input::-moz-placeholder {
  opacity: var(--input-placeholder-opacity);
  color: var(--input-color);
}
input[type=text]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=password]:-moz-placeholder,
textarea:-moz-placeholder,
.fox-input:-moz-placeholder {
  opacity: var(--input-placeholder-opacity);
  color: var(--input-color);
}
input[type=text]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.fox-input:-ms-input-placeholder {
  opacity: var(--input-placeholder-opacity);
  color: var(--input-color);
}

textarea {
  height: 180px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.5;
  width: 100%;
}

input[type=text]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=date]:focus,
input[type=password]:focus,
textarea:focus,
.fox-input:focus {
  color: var(--input-focus-color);
  border-color: var(--input-focus-border-color);
  background: var(--input-focus-background);
  box-shadow: var(--input-focus-shadow);
  outline: 0;
}
input[type=text]:focus::-webkit-input-placeholder,
input[type=search]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=url]:focus::-webkit-input-placeholder,
input[type=date]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
.fox-input:focus::-webkit-input-placeholder {
  opacity: var(--input-placeholder-opacity);
  color: var(--input-focus-color);
}
input[type=text]:focus::-moz-placeholder,
input[type=search]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=url]:focus::-moz-placeholder,
input[type=date]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
.fox-input:focus::-moz-placeholder {
  opacity: var(--input-placeholder-opacity);
  color: var(--input-focus-color);
}
input[type=text]:focus:-moz-placeholder,
input[type=search]:focus:-moz-placeholder,
input[type=number]:focus:-moz-placeholder,
input[type=email]:focus:-moz-placeholder,
input[type=url]:focus:-moz-placeholder,
input[type=date]:focus:-moz-placeholder,
input[type=password]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
.fox-input:focus:-moz-placeholder {
  opacity: var(--input-placeholder-opacity);
  color: var(--input-focus-color);
}
input[type=text]:focus:-ms-input-placeholder,
input[type=search]:focus:-ms-input-placeholder,
input[type=number]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=url]:focus:-ms-input-placeholder,
input[type=date]:focus:-ms-input-placeholder,
input[type=password]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
.fox-input:focus:-ms-input-placeholder {
  opacity: var(--input-placeholder-opacity);
  color: var(--input-focus-color);
}

select {
  width: 100%;
  max-width: 100%;
  outline: none;
  height: var(--input-height);
  line-height: var(--input-height);
  border: 1px solid var(--input-border-color);
  border-width: var(--input-border-width);
  padding: 0 12px;
}


/* === common.css — video === */
/* VIDEO
=================================================================================*/
body iframe[src*="youtube.com"],
body iframe[src*="youtu.be"] {
  aspect-ratio: 16/9;
  height: auto;
}
body .video-16-9 iframe,
body .wp-embed-aspect-16-9 iframe {
  aspect-ratio: 16/9;
  height: auto;
}
body .video-4-3 iframe,
body .wp-embed-aspect-4-3 iframe {
  aspect-ratio: 4/3;
  height: auto;
}
body .video-9-16 iframe,
body .wp-embed-aspect-9-16 iframe {
  aspect-ratio: 9/16;
  height: auto;
}
body .video-short-flexible iframe,
body .wp-embed-aspect-short-flexible iframe {
  aspect-ratio: 16/9;
  height: auto;
}
@media only screen and (max-width: 600px) {
  body .video-short-flexible iframe,
  body .wp-embed-aspect-short-flexible iframe {
    aspect-ratio: 9/16;
  }
}


/* === common.css — button (all variants, sizes, align) === */
/* BUTTON
=================================================================================*/
.button56 {
  display: inline-block;
}

input[type=submit],
button,
.btn56 {
  cursor: pointer;
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  line-height: var(--button-height);
  padding: 0 var(--button-padding);
  font-family: var(--font-heading);
  border: 0 solid;
  border-radius: var(--button-border-radius);
  box-shadow: var(--button-shadow);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  transition: all 0.1s ease-out;
  text-decoration: none !important;
  color: white;
  background: black;
}
input[type=submit]:hover,
button:hover,
.btn56:hover {
  box-shadow: var(--button-hover-shadow);
  color: white;
  background: var(--accent-color);
}
input[type=submit] i,
button i,
.btn56 i {
  margin-left: 5px;
}

.btn56--primary {
  background-color: var(--accent-color);
  color: white;
}
.btn56--primary:hover {
  color: white;
}

.btn56--black {
  color: white;
  background: #191919;
}
.btn56--black:hover {
  color: white;
  background: #000;
}

.btn56--outline {
  color: inherit;
  border: 1px solid;
  background: none;
}
.btn56--outline:hover {
  color: inherit;
  background: none;
}

.btn56--fill {
  background: none;
  color: inherit;
  border: 1px solid;
}
.btn56--fill:hover {
  background-color: black;
  border-color: black;
  color: white;
}

/* BUTTON SIZES
==================================== */
.btn56--tiny {
  line-height: 28px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.8em;
}
.btn56--tiny.btn56--outline, .btn56--tiny.btn56--fill {
  line-height: 26px;
}

.btn56--small {
  line-height: 38px;
  padding-left: 20px;
  padding-right: 20px;
}
.btn56--small.btn56--outline, .btn56--small.btn56--fill {
  line-height: 36px;
}

.btn56--normal {
  line-height: 48px;
  padding-left: 28px;
  padding-right: 28px;
}
.btn56--normal.btn56--outline, .btn56--normal.btn56--fill {
  line-height: 46px;
}

.btn56--medium {
  line-height: 58px;
  padding-left: 38px;
  padding-right: 38px;
}
.btn56--medium.btn56--outline, .btn56--medium.btn56--fill {
  line-height: 56px;
}

.btn56--large {
  line-height: 68px;
  padding-left: 48px;
  padding-right: 48px;
}
.btn56--large.btn56--outline, .btn56--large.btn56--fill {
  line-height: 66px;
}

/* BUTTON ALIGN
==================================== */
.button56--align {
  display: block;
}
.button56--align .btn56 {
  display: inline-flex;
}

.button56--block {
  display: block;
  text-align: center;
}
.button56--block .btn56 {
  display: inline-flex;
}

.button56--block-full .btn56 {
  width: 100%;
}

.button56--block-half .btn56 {
  width: 50%;
}
@media only screen and (max-width: 600px) {
  .button56--block-half .btn56 {
    width: 100%;
  }
}

.button56--block-third .btn56 {
  width: 33.33%;
}
@media only screen and (max-width: 600px) {
  .button56--block-third .btn56 {
    width: 100%;
  }
}


/* === common.css — share buttons === */
/* SHARE
=================================================================================*/
.share56 {
  display: flex;
  align-items: center;
}

.align-center .share56,
.share56.align-center {
  justify-content: center;
}

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

.share56 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}

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

.share56__label + ul {
  margin-left: 16px;
}
@media only screen and (max-width: 600px) {
  .share56__label + ul {
    margin-left: 0;
  }
}

.share56 li {
  display: block;
}

.share56 a {
  display: block;
  color: #fff;
  background: #111;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  height: 32px;
  border: 0 solid var(--border-color);
  transition: all 0.2s ease-out;
}
.share56 a:hover {
  color: white;
  background-color: #111;
}

.share56 a span {
  display: none;
}

/* full
============================= */
.share56--full ul {
  text-align: center;
  width: 100%;
  display: grid;
  grid-auto-columns: 1fr;
  -moz-column-gap: 3px;
       column-gap: 3px;
}
.share56--full li {
  grid-row: 1;
}

/* inline
============================= */
.share56--inline a {
  width: 32px;
  height: 32px;
  border-radius: 30px;
}
.share56--inline li + li {
  margin-left: 3px;
}

/* brand color
============================= */
.share56--brand a {
  color: white;
}
.share56--brand a:hover {
  color: white;
}
.share56--brand .li-facebook a {
  background: var(--fb);
}
.share56--brand .li-twitter a {
  background: var(--x);
}
.share56--brand .li-pinterest a {
  background: var(--pin);
}
.share56--brand .li-linkedin a {
  background: var(--lin);
}
.share56--brand .li-reddit a {
  background: var(--rd);
}
.share56--brand .li-whatsapp a {
  background: var(--ws);
}
.share56--brand .li-email a {
  background: var(--em);
}
.share56--brand .li-telegram a {
  background: #0088cc;
}
.share56--brand .li-bluesky a {
  background: var(--bluesky);
}
.share56--brand .li-threads a {
  background: var(--threads);
}
.share56--brand .li-share a {
  background: #222;
}

/* mobile
============================= */
@media only screen and (max-width: 600px) {
  .share56.share56--inline a {
    width: 28px;
    height: 28px;
  }
}
.share56 li.li-share {
  display: none;
}

@media only screen and (max-width: 600px) {
  .meta-share .share56 > ul > li {
    display: none;
    margin-left: 0;
  }
  .meta-share .share56 > ul > li.li-share {
    display: block;
    position: relative;
  }
  .meta-share .share56 .share56__label {
    display: block;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    margin-right: 5px;
  }
}
.li-share-dropdown {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 99999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px 10px;
  transition: all 0.2s;
  transform: translate(0, 120%);
}
.li-share-dropdown.shown {
  transform: translate(0, 0);
}
.li-share-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
}
.li-share-dropdown ul li {
  display: block;
}

.meta-share .li-share-dropdown ul li {
  display: block;
}


/* === common.css — old column width fractions === */
.col-0-1 {
  width: 0;
  display: none !important;
}

.col-1-1 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.33%;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-4 {
  width: 25%;
}

.col-3-4 {
  width: 75%;
}

.col-1-5 {
  width: 20%;
}

.col-2-5 {
  width: 40%;
}

.col-3-5 {
  width: 60%;
}

.col-4-5 {
  width: 80%;
}

.col-1-6 {
  width: 16.66%;
}

.col-5-6 {
  width: 83.3333333%;
}

.col-1-7 {
  width: 14.28%;
}

.col-1-8 {
  width: 12.5%;
}


/* === common.css — ad === */
/* AD
=================================================================================*/
.ad56 {
  line-height: 0;
  text-align: center;
}

.ad56__content {
  display: inline-block;
}

.ad56__content--banner a {
  display: block;
}

.ad56__wrapper {
  padding: 0;
}

/**
 * Ad code: make it center
 */
.ad56--code {
  display: flex;
  justify-content: center;
  text-align: center;
}
.ad56--code > div,
.ad56--code > a,
.ad56--code > img,
.ad56--code > span,
.ad56--code > figure,
.ad56--code > strong,
.ad56--code > ins {
  display: block;
}

/**
 * Banner Images
 */
.banner56 {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
}
.banner56 a {
  display: block;
  outline: 0;
}

.banner56--mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .banner56--mobile {
    display: block;
    margin: auto;
  }
  .banner56--mobile ~ .banner56--desktop, .banner56--mobile ~ .banner56--tablet {
    display: none;
  }
}

.banner56--tablet {
  display: none;
  margin: auto;
}
@media only screen and (max-width: 840px) {
  .banner56--tablet {
    display: block;
  }
  .banner56--tablet ~ .banner56--desktop {
    display: none;
  }
}


/* === common.css — live indicator === */
/* LIVE INDICATOR - since 4.3
================================*/
.live-indicator {
  margin: 10px 0;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  vertical-align: middle;
  color: #d0022c;
  font-size: 0.8em;
  font-weight: bold;
}

.live-word {
  display: inline-block;
  margin-right: 4px;
}

.single-post .live-word {
  background: #d0022c;
  color: white;
  border-radius: 3px;
  padding: 2px 10px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
}

.live-circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d0022c;
  display: inline-block;
  margin-right: 4px;
  animation: live-fade 2s infinite;
}

@keyframes live-fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* === common.css — carousel === */
/* CAROUSEL
=================================================================================*/
.carousel56 {
  overflow: hidden;
  position: relative;
}

.carousel56__container {
  margin: 0 -16px;
}

.blog56--slider .carousel56__container {
  margin: 0 -1px !important;
}
.blog56--slider .carousel-cell {
  padding: 0 1px !important;
}

.main-carousel {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  width: auto;
  display: flex;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.main-carousel.flickity-enabled {
  overflow-x: auto;
  overflow-y: auto;
  display: block;
}

.main-carousel::-webkit-scrollbar {
  display: none;
}

.carousel-cell {
  flex: none;
  display: block;
  white-space: normal !important;
  padding: 0 16px;
}

.main-carousel.carousel-ready .carousel-cell {
  height: 100%;
}

.carousel56--1cols .carousel-cell {
  width: 100%;
}

.carousel56--2cols .carousel-cell {
  width: 50%;
}

.carousel56--3cols .carousel-cell {
  width: 33.33%;
}

.carousel56--4cols .carousel-cell {
  width: 25%;
}

.carousel56--5cols .carousel-cell {
  width: 20%;
}

.carousel56--6cols .carousel-cell {
  width: 16.66%;
}

/* TABLET */
@media only screen and (max-width: 840px) {
  .carousel56--tablet--1cols .carousel-cell {
    width: 100%;
  }
  .carousel56--tablet--2cols .carousel-cell {
    width: 50%;
  }
  .carousel56--tablet--3cols .carousel-cell {
    width: 33.33%;
  }
  .carousel56--tablet--4cols .carousel-cell {
    width: 25%;
  }
}
/* MOBILE */
@media only screen and (max-width: 600px) {
  .carousel56--mobile--1cols .carousel-cell {
    width: 100%;
  }
  .carousel56--mobile--2cols .carousel-cell {
    width: 50%;
  }
}
/* HINT VERSION
--------------------------- */
.carousel56--hint--1cols .carousel-cell {
  width: 90%;
}

.carousel56--hint--2cols .carousel-cell {
  width: 45%;
}

.carousel56--hint--3cols .carousel-cell {
  width: 30%;
}

.carousel56--hint--4cols .carousel-cell {
  width: 22.5%;
}

.carousel56--hint--5cols .carousel-cell {
  width: 18%;
}

.carousel56--hint--6cols .carousel-cell {
  width: 15%;
}

/* TABLET */
@media only screen and (max-width: 840px) {
  .carousel56--tablet--hint--1cols .carousel-cell {
    width: 90%;
  }
  .carousel56--tablet--hint--2cols .carousel-cell {
    width: 45%;
  }
  .carousel56--tablet--hint--3cols .carousel-cell {
    width: 30%;
  }
  .carousel56--tablet--hint--4cols .carousel-cell {
    width: 22.5%;
  }
}
/* MOBILE */
@media only screen and (max-width: 600px) {
  .carousel56--mobile--hint--1cols .carousel-cell {
    width: 90%;
  }
  .carousel56--mobile--hint--2cols .carousel-cell {
    width: 45%;
  }
}


/* === common.css — sub cats === */
/* SUB CATS
=============================== */
.terms56 {
  line-height: 0;
}

.terms56 ul {
  line-height: 0;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

.terms56 li {
  display: inline-block;
  margin: 0 4px 2px 0;
}

.terms56 a {
  display: block;
  color: inherit;
  background: #f0f0f0;
  padding: 0 14px;
  line-height: 24px;
  font-family: var(--font-heading);
  border: 0 solid;
  transition: all 0.15s ease-out;
}
.terms56 a:hover {
  color: inherit;
  background: #e0e0e0;
}
@media only screen and (max-width: 600px) {
  .terms56 a {
    padding: 0 10px;
  }
}


/* === common.css — author titlebar === */
/* AUTHOR
=============================== */
.titlebar56--author .titlebar56__main {
  display: flex;
  align-items: flex-start;
}

.titlebar56--author .titlebar56__title {
  font-size: 2em;
}
@media only screen and (max-width: 600px) {
  .titlebar56--author .titlebar56__title {
    font-size: 1.2em;
  }
}

.titlebar56__author__avatar {
  display: block;
  width: 150px;
  margin-top: 8px;
}
@media only screen and (max-width: 840px) {
  .titlebar56__author__avatar {
    width: 90px;
  }
}
@media only screen and (max-width: 600px) {
  .titlebar56__author__avatar {
    width: 54px;
  }
}

.titlebar56__author__text {
  padding-left: 20px;
  width: calc(100% - 80px);
}
@media only screen and (max-width: 600px) {
  .titlebar56__author__text {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .titlebar56--author .fox56-social-list a {
    font-size: 14px;
    width: 28px;
    height: 28px;
  }
}


/* === common.css — avatar styles === */
/* AVA STYLE - this is common for both title bar and single author box
================================== */
.authorbox56--avatar-acute .authorbox56__avatar {
  position: relative;
  z-index: 30;
  color: inherit;
}
.authorbox56--avatar-acute .authorbox56__avatar:hover {
  color: inherit;
}
.authorbox56--avatar-acute .authorbox56__avatar img {
  background: white;
  width: 100%;
  position: relative;
  z-index: 30;
  background: white;
  padding: 4px;
  border: 1px solid;
}
.authorbox56--avatar-acute .authorbox56__avatar:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 4;
  top: 4px;
  left: 4px;
  width: 106%;
  height: 106%;
  background: rgba(0, 0, 0, 0.2);
  transform: rotate(5deg);
}

.authorbox56--avatar-round .authorbox56__avatar img {
  border-radius: 4px;
}

.authorbox56--avatar-circle .authorbox56__avatar img {
  border-radius: 50%;
}


/* === common.css — titlebar has-background === */
/* HAS BACKGROUND
=============================== */
.titlebar56.has-cover {
  position: relative;
}
.titlebar56.has-cover .container {
  position: relative;
  z-index: 30;
  padding: 5em 0;
}
@media only screen and (max-width: 840px) {
  .titlebar56.has-cover .container {
    padding: 3em 0;
  }
}
@media only screen and (max-width: 600px) {
  .titlebar56.has-cover .container {
    padding: 1.2em 0;
  }
}
.titlebar56.has-cover .titlebar56__title {
  color: white;
}

.titlebar56__overlay,
.titlebar56__bg,
.titlebar56__bg img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.titlebar56__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.titlebar56__overlay {
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
}


/* === common.css — search form === */
/* SEARCH FORM
 this will be used many areas
=================================================================================*/
.searchform {
  position: relative;
}

.searchform .s {
  display: block;
  padding-right: 40px;
  width: 100%;
  max-width: 100%;
  padding-left: 8px;
  line-height: 40px;
  height: 40px;
}

.searchform .submit {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin: 0;
  padding: 0;
  color: #333;
  width: 40px;
  transform: translate(0, -50%);
  height: 40px;
  line-height: 40px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  font-size: 1em;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  transition: all 0.3s ease-out;
}
.searchform .submit:hover {
  opacity: 0.6;
  box-shadow: none;
  background: none;
  color: inherit;
}
.searchform .submit i {
  display: block;
  line-height: inherit;
  margin: 0;
}
.searchform .submit img {
  width: 32px;
}

/* wp block search form - since 6.0.6 */
.wp-block-search__inside-wrapper {
  position: relative;
}

.wp-block-search__button {
  position: absolute;
  top: 6px;
  right: 6px;
  bottom: 6px;
  padding: 0 10px;
}


/* === header-above.css — mega menu === */
/* ---------------------------------------------------------------------  mega */
.mainnav li.mega > .sub-menu {
  display: none;
  align-items: stretch;
  padding: 20px 0;
}
.mainnav li.mega > .sub-menu > li {
  display: block;
  position: relative;
  flex: none;
}
.mainnav li.mega > .sub-menu > li:before {
  content: "";
  top: 0px;
  bottom: 0px;
  border-left: 1px solid;
  position: absolute;
  left: 0;
  display: none;
}
.mainnav li.mega > .sub-menu > li > a {
  display: block;
  font-weight: 600;
  background: none !important;
}
.mainnav li.mega > .sub-menu > li + li {
  border-top: 0;
}
.mainnav li.mega > .sub-menu > li + li:before {
  display: block;
}
.mainnav li.mega > .sub-menu ul {
  display: block !important;
  position: static !important;
  box-shadow: none !important;
  border: 0;
  margin: 0;
  padding: 1px;
  border-radius: 0;
  background: none;
}
.mainnav li.mega > .sub-menu ul > li + li {
  border-top: 0;
}
.mainnav li.mega:hover > .sub-menu {
  display: none;
}
.mainnav li.mega.mega-loaded:hover > .sub-menu {
  display: flex;
}

/* ---------------------------------------------------------------------  column system */
.mega.column-2 > .sub-menu {
  width: 360px;
}
.mega.column-2 > .sub-menu > li {
  width: 50%;
}

.mega.column-3 > .sub-menu {
  width: 540px;
}
.mega.column-3 > .sub-menu > li {
  width: 33.33%;
}

.mega.column-4 > .sub-menu > li {
  width: 25%;
}

.mega.column-5 > .sub-menu > li {
  width: 20%;
}

.mega.mega-full {
  position: relative;
}

.mega.mega-full > .sub-menu {
  width: 100%;
}

/* ---------------------------------------------------------------------  mega post */
.mainnav li.mega > .submenu-display-items {
  padding-left: 10px;
  padding-right: 10px;
}
.mainnav li.mega > .submenu-display-items > li:before {
  border: 0;
  display: none;
}
.mainnav li.mega > .submenu-display-items li, .mainnav li.mega > .submenu-display-items a {
  background: none !important;
}
.mainnav li.mega > .submenu-display-items .thumbnail56 {
  margin: 0 0 5px;
}
.mainnav li.mega > .submenu-display-items .post-nav-item-title {
  text-transform: inherit;
  font-size: 1.1em;
  line-height: 1.1 !important;
  font-weight: inherit;
  margin: 4px 0 0;
  letter-spacing: 0;
}
.mainnav li.mega > .submenu-display-items .post-nav-item-title a {
  line-height: inherit !important;
}


/* === header-below.css — search modal, offcanvas (full) === */
/* search
======================================================================================================================== */
.search-wrapper-modal {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999999999;
  background: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.search-modal-close-btn {
  position: absolute;
  top: 6%;
  right: 6%;
  z-index: 99;
  display: block;
  font-size: 28px;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

.search-wrapper-modal .container {
  display: flex;
  height: 100%;
}

html.in-modal-search56 .search-wrapper-modal {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* ------------------------------       modal search content */
.modal-search-content {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  flex: none;
  margin-top: 15%;
}

.modal-search-content .s {
  display: block;
  width: 100%;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
}
.modal-search-content .searchform .submit {
  font-size: 20px;
  text-align: center;
}

.search-suggestion {
  margin: 40px 0 0;
}
.search-suggestion h4 {
  margin: 0 0 1em;
  font-size: 0.8em;
  color: #999;
  font-weight: 400;
  display: block;
}
.search-suggestion nav {
  display: block;
}
.search-suggestion ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.search-suggestion nav a {
  color: inherit;
  text-decoration: none;
}
.search-suggestion nav a:hover {
  text-decoration: underline;
}
.search-suggestion nav li {
  display: inline-block;
  font-size: 1.1em;
}
.search-suggestion nav li + li:before {
  content: "·";
  margin: 0 0.9em;
  opacity: 0.5;
}
.search-suggestion nav li,
.search-suggestion h4 {
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.46s;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 10px);
}
.search-suggestion h4 {
  transition-delay: 0.25s;
}
.search-suggestion nav li:first-child {
  transition-delay: 0.3s;
}
.search-suggestion nav li:nth-child(2) {
  transition-delay: 0.35s;
}
.search-suggestion nav li:nth-child(3) {
  transition-delay: 0.3s;
}
.search-suggestion nav li:nth-child(4) {
  transition-delay: 0.42s;
}
.search-suggestion nav li:nth-child(5) {
  transition-delay: 0.44s;
}

.in-modal-search56 .search-suggestion nav li,
.in-modal-search56 .search-suggestion h4 {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

/* ------------------------------       toggle search */
.header56__search__inner {
  position: relative;
}
.header56__search__inner .search-wrapper-toggle {
  position: absolute;
  top: calc(100% + 5px);
  width: 280px;
  z-index: 99;
}

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

.header56__part--right .header56__search__inner .search-wrapper-toggle {
  right: -10px;
}

.header56__part--center .header56__search__inner .search-wrapper-toggle {
  right: -130px;
}

.header56__part--left .header56__search__inner .search-wrapper-toggle {
  left: -10px;
}

/* OFF CANVAS
======================================================================================================================== */
.offcanvas56 {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99999999;
  padding: 16px;
  width: 320px;
  margin-top: 0;
  transform: translate(-102%, 0);
  transition: transform 0.2s;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media only screen and (max-width: 600px) {
  .offcanvas56 {
    top: 54px;
    width: 100%;
  }
}

.offcanvas56::-webkit-scrollbar {
  display: none;
}

.offcanvas56__overlay {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-out;
  display: block;
}

html.on-offcanvas,
html.in-offcanvas-permanent {
  /*
  // fixed when open the offcanvas menu
  .mobile-header56-outer {
      position: fixed;
  }
  */
}
html.on-offcanvas .offcanvas56,
html.in-offcanvas-permanent .offcanvas56 {
  transform: translate(0, 0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 600px) {
  html.on-offcanvas .offcanvas56,
  html.in-offcanvas-permanent .offcanvas56 {
    box-shadow: none;
    width: 100%;
  }
}
html.on-offcanvas .offcanvas56__overlay,
html.in-offcanvas-permanent .offcanvas56__overlay {
  display: block;
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 600px) {
  html.on-offcanvas .offcanvas56__overlay,
  html.in-offcanvas-permanent .offcanvas56__overlay {
    display: none;
  }
}
html.on-offcanvas .hamburger .icon-close,
html.in-offcanvas-permanent .hamburger .icon-close {
  display: block;
}
html.on-offcanvas .hamburger .icon-menu,
html.in-offcanvas-permanent .hamburger .icon-menu {
  display: none;
}

/* offcanvas nav
------------------------------------------------------------ */
.offcanvasnav56 {
  /* border top problem */
}
.offcanvasnav56 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.offcanvasnav56 a {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 46px;
  position: relative;
}
.offcanvasnav56 ul.sub-menu {
  display: none;
  margin-left: 20px;
}
.offcanvasnav56 li {
  border-top: 0 solid;
}
.offcanvasnav56 ul.sub-menu {
  border: 0;
}
.offcanvasnav56 ul ul li {
  border: 0;
}
.offcanvasnav56 li + li {
  border-top: 1px solid;
}

.offcanvas56__element + .offcanvas56__element {
  margin-top: 20px;
}

/* -----------------------      dropdown indicator */
.offcanvasnav56 .mk {
  text-decoration: none;
  font-style: normal;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 99;
  width: 32px;
  height: 32px;
  font-size: 24px;
  text-align: center;
  line-height: 32px;
  text-align: center;
  /* 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;
  line-height: 32px;
}
.offcanvasnav56 .mk:before {
  content: "\e90f";
}
.offcanvasnav56 li.menu-item-has-children > a > .mk {
  display: block;
}
.offcanvasnav56 li.active > a > .mk:before {
  content: "\e90d";
}
.offcanvasnav56 a[href]:not([href^=http]) .mk,
.offcanvasnav56 a:not([href]) .mk {
  position: absolute;
  width: 100%;
  text-align: right;
  padding-right: 12px;
}

/* -----------------------      2 columns */
.nav--cols-2 ul.menu {
  display: flex;
  flex-flow: row wrap;
}
.nav--cols-2 ul.menu > li {
  width: 50%;
}
.nav--cols-2 ul.menu > li:nth-child(2) {
  border-top: 0 !important;
}

/* offcanvas with animation
------------------------------------------------------------ */
.offcanvas56--hasanimation .offcanvasnav56 ul.menu > li,
.offcanvas56--hasanimation .offcanvas56__social,
.offcanvas56--hasanimation .offcanvas56__search,
.offcanvas56--hasanimation .offcanvas56__html1,
.offcanvas56--hasanimation .offcanvas56__html2,
.offcanvas56--hasanimation .offcanvas56__html3,
.offcanvas56--hasanimation .offcanvas56__button1,
.offcanvas56--hasanimation .offcanvas56__button2,
.offcanvas56--hasanimation .widget {
  display: block;
  transform: translate(0, 20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

html.on-offcanvas .offcanvasnav56 ul.menu > li,
html.on-offcanvas .offcanvas56__social,
html.on-offcanvas .offcanvas56__search,
html.on-offcanvas .offcanvas56__html1,
html.on-offcanvas .offcanvas56__html2,
html.on-offcanvas .offcanvas56__html3,
html.on-offcanvas .offcanvas56__button1,
html.on-offcanvas .offcanvas56__button2,
html.on-offcanvas .widget,
html.in-offcanvas-permanent .offcanvasnav56 ul.menu > li,
html.in-offcanvas-permanent .offcanvas56__social,
html.in-offcanvas-permanent .offcanvas56__search,
html.in-offcanvas-permanent .offcanvas56__html1,
html.in-offcanvas-permanent .offcanvas56__html2,
html.in-offcanvas-permanent .offcanvas56__html3,
html.in-offcanvas-permanent .offcanvas56__button1,
html.in-offcanvas-permanent .offcanvas56__button2,
html.in-offcanvas-permanent .widget {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

/* switcher
------------------------------------------------------------ */
.offcanvas56__darkmode-switcher {
  display: inline-block;
}

/* === builder/common.css — customizer preview === */
.customize-partial-edit-shortcuts-shown .nocontent {
  background: rgba(0, 0, 0, 0.04);
  border: 1px dashed rgba(0, 0, 0, 0.1);
  height: 150px;
}


/* === builder/common.css — thumbnail view/review badges === */
/* THUMBNAIL VIEW
================================*/
.thumbnail56__view {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
  background: black;
  color: white;
  font-size: 11px;
  text-align: center;
  padding: 2px 8px;
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  z-index: 40;
}

/* REVIEW
================================*/
.thumbnail56__score {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background: black;
  color: white;
  z-index: 99;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 2.4em;
}


/* === builder/common.css — more/readmore === */
/* MORE
================================*/
.readmore56 .btn56 {
  line-height: 24px;
}

a.more--plain {
  font-family: var(--font-heading);
  text-transform: uppercase;
}

a.more--minimal {
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 90%;
  display: inline-block;
  margin-top: 0.5em;
  position: relative;
}
a.more--minimal:hover {
  color: inherit;
}
a.more--minimal:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: all 0.2s ease-out;
  display: block;
  border-top: 2px solid;
  content: "";
}
a.more--minimal:hover:after {
  transform: scale(1, 1);
}


/* === builder/common.css — hover styles (fade, grayscale, sepia) === */
/* HOVER STYLES
=================================================================================*/
.hover--fade a {
  transition: all 0.2s ease-out;
}
.hover--fade a:hover {
  opacity: 0.8;
}

.hover--grayscale img {
  transition: all 0.4s ease-out;
}
.hover--grayscale img:hover {
  filter: grayscale(100%);
}

.hover--sepia img {
  transition: all 0.4s ease-out;
}
.hover--sepia img:hover {
  filter: sepia(100%);
}


/* === builder/common.css — hover styles (zoomin, letter, logo) === */

.hover--zoomin img {
  display: block;
  transition: all 0.3s ease-out;
}
.hover--zoomin a:hover img, .hover--zoomin:hover img {
  transform: scale(1.05);
}

.thumbnail56__letter {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  display: block;
  z-index: 30;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: white;
  position: absolute;
  font-size: 5em;
}

.thumbnail56__letter__main {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out;
  transform: scale(0.9);
  font-weight: 100;
}

.thumbnail56__letter__cross {
  position: absolute;
  display: block;
  border-left: 1px solid;
  height: 0;
  transition: all 0.3s ease-out;
  opacity: 0.8;
}

.thumbnail56__letter__cross--left {
  transform: rotate(45deg);
  transform-origin: 0 0;
  top: 100%;
  right: 100%;
}

.thumbnail56__letter__cross--right {
  transform: rotate(45deg);
  transform-origin: 100% 100%;
  bottom: 100%;
  left: 100%;
}

.hover--letter a:hover .thumbnail56__overlay {
  opacity: 0.7;
}
.hover--letter a:hover .thumbnail56__letter__cross {
  height: 60px;
}
.hover--letter a:hover .thumbnail56__letter__main {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.thumbnail56__hover-img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 50;
  border-radius: 0 !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  transform: translate(-50%, -45%);
  border: 0 !important;
}

.thumbnail56 .thumbnail56__hover-img {
  width: 40%;
}

.thumbnail56.hover--logo a:hover img.thumbnail56__hover-img {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}


/* === builder/common.css — format indicator === */
/* FORMAT INDICATOR
=================================================================================*/
.format-icon {
  position: absolute;
  z-index: 999;
  display: block;
  left: 10px;
  bottom: 10px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  color: white;
  width: 36px;
  height: 36px;
  text-align: center;
}
.format-icon i {
  font-size: 16px;
  line-height: 36px;
  margin: 0;
}

.format-icon--video {
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  transition: all 0.15s ease-out;
}
.format-icon--video i {
  transform: translate(3px, 0);
  font-size: 22px;
  line-height: 48px;
}

.format-icon--video--minimal {
  background: none;
}
.format-icon--video--minimal i {
  font-size: 28px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.format-icon--video--solid {
  background: #000;
}

.thumbnail56:hover .format-icon--video--solid {
  background: var(--accent-color);
}

.format-icon--video--outline {
  width: 48px;
  height: 48px;
  line-height: 42px;
  font-size: 14px;
  color: white;
  border: 4px solid rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
}
.format-icon--video--outline i {
  line-height: 40px;
  transform: translate(3px, 0);
  font-size: 22px;
}

.thumbnail56:hover .format-icon--video--outline {
  border-color: white;
  color: white;
}


/* === builder/common.css — author grid === */
/* AUTHOR
=================================================================================*/
.authors56__container {
  display: flex;
  flex-flow: row wrap;
}

.authors56--desktop--6 .author56 {
  width: 16.66%;
}

.authors56--desktop--5 .author56 {
  width: 20%;
}

.authors56--desktop--4 .author56 {
  width: 25%;
}

.authors56--desktop--3 .author56 {
  width: 33.33%;
}

.authors56--desktop--2 .author56 {
  width: 50%;
}

.authors56--desktop--1 .author56 {
  width: 100%;
}

@media only screen and (max-width: 840px) {
  .authors56--tablet--6 .author56 {
    width: 16.66%;
  }
  .authors56--tablet--5 .author56 {
    width: 20%;
  }
  .authors56--tablet--4 .author56 {
    width: 25%;
  }
  .authors56--tablet--3 .author56 {
    width: 33.33%;
  }
  .authors56--tablet--2 .author56 {
    width: 50%;
  }
  .authors56--tablet--1 .author56 {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .authors56--mobile--6 .author56 {
    width: 16.66%;
  }
  .authors56--mobile--5 .author56 {
    width: 20%;
  }
  .authors56--mobile--4 .author56 {
    width: 25%;
  }
  .authors56--mobile--3 .author56 {
    width: 33.33%;
  }
  .authors56--mobile--2 .author56 {
    width: 50%;
  }
  .authors56--mobile--1 .author56 {
    width: 100%;
  }
}
/* Layout
------------------------ */
.authors56--item--left .author56 {
  display: flex;
}

.authors56--item--left .author56__avatar {
  width: 120px;
  flex: none;
}

.authors56--item--left .author56__text {
  flex: none;
  width: calc(100% - 120px);
}

.authors56--item--top .author56__avatar {
  display: inline-block;
}

/* Sep
------------------------ */
.authors56 {
  position: relative;
}

.author56 {
  border-left: 0 solid var(--border-color);
  border-top: 0 solid var(--border-color);
}

/* Avatar
------------------------ */
.author56__avatar img {
  border-radius: 150px;
}

/* Text
------------------------ */
.author56__name {
  margin: 0;
}
.author56__name a {
  color: inherit;
}

.author56__description p,
.author56__description ul,
.author56__description ol {
  margin: 0;
}

.author56__description a {
  color: inherit;
}

/* Typo
------------------------ */
/* Color
------------------------ */

/* === widgets.css — text, calendar, social alignment === */
/* WIDGET TEXT
=================================================================================*/
.textwidget {
  font-size: 0.9em;
  line-height: 1.4;
}
.textwidget p:last-child,
.textwidget ul:last-child,
.textwidget ol:last-child {
  margin-bottom: 0;
}

/* CALENDAR
=================================================================================*/
#today {
  background: rgba(0, 0, 0, 0.04);
}

#wp-calendar td {
  text-align: center;
}

/* SOCIAL
=================================================================================*/
.fox56-social-list.align-center ul {
  justify-content: center;
}

.fox56-social-list.align-left ul {
  justify-content: flex-start;
}

.fox56-social-list.align-right ul {
  justify-content: flex-end;
}


/* === widgets.css — about widget === */
/* ABOUT
=================================================================================*/
.about-image {
  text-align: center;
  margin: 0;
  max-width: 100%;
}
.about-image.thumbnail-acute img {
  border-radius: 0;
}
.about-image.thumbnail-round img {
  border-radius: 4px;
}
.about-image.thumbnail-circle img {
  border-radius: 50%;
}
.about-image figcaption {
  font-size: 0.8em;
  color: #777;
  line-height: 1.3;
  margin: 6px 0 0;
  text-align: left;
}
.about-image figcaption a {
  color: #111;
}
.about-image + .widget-title {
  margin-top: 20px;
}

.about-image img {
  display: block;
  width: 100%;
}

.widget-about .desc {
  font-size: 0.9em;
  margin-top: 0.3em;
}

.widget-about .desc p {
  margin-bottom: 1.4em;
}

.widget-about .desc p:last-child {
  margin-bottom: 0;
}

.about-signature {
  margin: 1em 0 0;
  max-width: 100%;
}
.about-signature img {
  display: block;
}

.about-wrapper.align-center .widget-title {
  text-align: center;
}
.about-wrapper.align-center .about-image,
.about-wrapper.align-center .about-signature {
  margin-left: auto;
  margin-right: auto;
}

.about-wrapper.align-right .widget-title {
  text-align: right;
}
.about-wrapper.align-right .about-image,
.about-wrapper.align-right .about-signature {
  margin-left: auto;
}


/* === widgets.css — list widgets === */
/* LIST WIDGETS
=================================================================================*/
.widget_archive ul, .widget_nav_menu ul, .widget_meta ul, .widget_recent_entries ul, .widget_pages ul, .widget_categories ul, .widget_product_categories ul, ul.wp-block-categories-list, ul.wp-block-archives-list {
  font-family: var(--font-heading);
}

.widget_archive ul, .widget_nav_menu ul, .widget_meta ul, .widget_recent_entries ul, .widget_pages ul, .widget_categories ul, .widget_product_categories ul, ul.wp-block-categories-list, ul.wp-block-archives-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 solid var(--border-color);
  border-style: var(--list-widget-border-style);
  border-color: var(--list-widget-border-color);
}
.widget_archive ul li, .widget_nav_menu ul li, .widget_meta ul li, .widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_product_categories ul li, ul.wp-block-categories-list li, ul.wp-block-archives-list li {
  position: relative;
  border: 0 solid;
  border-style: var(--list-widget-border-style);
  border-color: var(--list-widget-border-color);
}
.widget_archive ul li + li, .widget_nav_menu ul li + li, .widget_meta ul li + li, .widget_recent_entries ul li + li, .widget_pages ul li + li, .widget_categories ul li + li, .widget_product_categories ul li + li, ul.wp-block-categories-list li + li, ul.wp-block-archives-list li + li {
  border-width: 1px 0 0;
  margin-top: var(--list-widget-spacing);
  padding-top: var(--list-widget-spacing);
}
.widget_archive ul a, .widget_nav_menu ul a, .widget_meta ul a, .widget_recent_entries ul a, .widget_pages ul a, .widget_categories ul a, .widget_product_categories ul a, ul.wp-block-categories-list a, ul.wp-block-archives-list a {
  color: var(--list-widget-link-color);
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.widget_archive ul a:hover, .widget_nav_menu ul a:hover, .widget_meta ul a:hover, .widget_recent_entries ul a:hover, .widget_pages ul a:hover, .widget_categories ul a:hover, .widget_product_categories ul a:hover, ul.wp-block-categories-list a:hover, ul.wp-block-archives-list a:hover {
  color: var(--list-widget-link-hover-color);
}
.widget_archive ul li.current-menu-item > a,
.widget_archive ul li.current_page_item > a, .widget_nav_menu ul li.current-menu-item > a,
.widget_nav_menu ul li.current_page_item > a, .widget_meta ul li.current-menu-item > a,
.widget_meta ul li.current_page_item > a, .widget_recent_entries ul li.current-menu-item > a,
.widget_recent_entries ul li.current_page_item > a, .widget_pages ul li.current-menu-item > a,
.widget_pages ul li.current_page_item > a, .widget_categories ul li.current-menu-item > a,
.widget_categories ul li.current_page_item > a, .widget_product_categories ul li.current-menu-item > a,
.widget_product_categories ul li.current_page_item > a, ul.wp-block-categories-list li.current-menu-item > a,
ul.wp-block-categories-list li.current_page_item > a, ul.wp-block-archives-list li.current-menu-item > a,
ul.wp-block-archives-list li.current_page_item > a {
  color: var(--list-widget-link-current-color);
}
.widget_archive ul ul, .widget_nav_menu ul ul, .widget_meta ul ul, .widget_recent_entries ul ul, .widget_pages ul ul, .widget_categories ul ul, .widget_product_categories ul ul, ul.wp-block-categories-list ul, ul.wp-block-archives-list ul {
  padding-left: 20px;
  margin-left: 0;
  border-width: 1px 0 0;
  margin-top: 6px;
  padding-top: 6px;
}

.fox-post-count {
  float: right;
}
.fox-post-count:before {
  content: "(";
}
.fox-post-count:after {
  content: ")";
}

.wp-block-latest-posts,
.wp-block-latest-comments {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wp-block-latest-posts li,
.wp-block-latest-comments li {
  position: relative;
  line-height: 1.3;
  border: 0 solid;
  border-style: var(--list-widget-border-style);
  border-color: var(--list-widget-border-color);
}
.wp-block-latest-posts li + li,
.wp-block-latest-comments li + li {
  border-width: 1px 0 0;
  margin-top: 6px;
  padding-top: 6px;
}
.wp-block-latest-posts a,
.wp-block-latest-comments a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover {
  color: var(--accent-color);
}
.wp-block-latest-posts ul ul,
.wp-block-latest-comments ul ul {
  padding-left: 20px;
  margin-left: 0;
  border-width: 1px 0 0;
  margin-top: 6px;
  padding-top: 6px;
}


/* === widgets.css — recent entries/comments === */
/* Recent Entries
------------------------------ */
.post-date {
  display: block;
  font-size: 0.8em;
  color: #999;
}

/* RSS
=================================================================================*/
.widget-title .rsswidget img {
  margin-top: -4px;
  margin-right: 6px;
}

.widget_rss > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget_rss > ul > li {
  border-top: 1px solid;
  padding-top: 14px;
  margin-top: 14px;
  line-height: 1.5;
  overflow: hidden;
}
.widget_rss > ul > li:first-child {
  border-top: 0;
}
.widget_rss > ul a.rsswidget {
  font-family: var(--font-heading);
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1;
}

.rss-date {
  display: block;
}

.rssSummary {
  font-size: 0.9em;
  margin-top: 20px;
}

.widget_rss > ul > li > cite {
  float: right;
  margin-top: 8px;
  font-size: 0.8em;
  font-family: var(--font-heading);
}

/* RECENT COMMENTS
 * RECENT POSTS
=================================================================================*/
.widget_recent_comments,
.widget_recent_entries {
  font-family: var(--font-heading);
}

.widget_recent_comments ul,
.widget_recent_entries ul {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: count;
}
.widget_recent_comments ul li,
.widget_recent_entries ul li {
  display: block;
  padding: 10px 0;
  position: relative;
  border: 0 solid rgba(0, 0, 0, 0.5);
  padding-left: 40px;
}
.widget_recent_comments ul li + li,
.widget_recent_entries ul li + li {
  border-width: 1px 0 0;
}
.widget_recent_comments ul li:last-child,
.widget_recent_entries ul li:last-child {
  padding-bottom: 0;
}
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before {
  content: counter(count);
  counter-increment: count;
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 32px;
  font-style: italic;
  font-family: serif;
}
.widget_recent_comments ul li a,
.widget_recent_entries ul li a {
  color: inherit;
  text-decoration: none;
}
.widget_recent_comments ul li a:last-child,
.widget_recent_entries ul li a:last-child {
  transition: all 0.3s ease-out;
  line-height: 1.3;
}
.widget_recent_comments ul li > a:last-child,
.widget_recent_entries ul li > a:last-child {
  display: block !important;
}
.widget_recent_comments ul li > a:last-child:hover,
.widget_recent_entries ul li > a:last-child:hover {
  text-decoration: underline;
}

.widget_recent_entries ul li {
  padding-left: 32px;
}

.widget_recent_entries ul li:before {
  font-size: 24px;
}


/* === widgets.css — tagcloud === */
/* TAGCLOUD
=================================================================================*/
.tagcloud {
  overflow: hidden;
  font-family: var(--font-heading);
}

.tagcloud a {
  color: inherit;
  text-decoration: none;
  transition: all 0.15s ease-out;
}
.tagcloud a:hover {
  color: var(--accent-color);
}

/**
* Tagcloud Style 2
*/
.style--tagcloud-2 .tagcloud {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}
.style--tagcloud-2 .tagcloud a {
  float: left;
  margin: 0 5px 5px 0;
  background: #f0f0f0;
  padding: 3px 5px;
  color: #777;
  font-size: 10px !important;
}
.style--tagcloud-2 .tagcloud a:hover {
  color: #333;
  background: #eaeaea;
}

/**
* Tagcloud Style 3
*/
.style--tagcloud-3 .tagcloud {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}
.style--tagcloud-3 .tagcloud a {
  float: left;
  margin: 0 5px 5px 0;
  background: none;
  border: 2px solid var(--border-color);
  padding: 3px 5px;
  color: inherit;
  font-size: 10px !important;
}
.style--tagcloud-3 .tagcloud a:hover {
  color: white;
  background: var(--accent-color);
  border-color: var(--accent-color);
}


/* === widgets.css — facebook/pinterest === */
/* FACEBOOK
=================================================================================*/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
  width: 100%;
}

/* PINTEREST
=================================================================================*/
.wi-pin-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -4px -2px 0;
  overflow: hidden;
  transition: all 0.3s ease-out;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.wi-pin-list li {
  display: block;
  padding: 4px 2px 0;
}
.wi-pin-list a {
  display: block;
  color: inherit;
  outline: 0;
  width: 100%;
  text-decoration: none;
}
.wi-pin-list a:hover {
  opacity: 0.85;
}
.wi-pin-list img {
  display: block;
  width: 100%;
}

.widget-pin__follow {
  margin: 1em 0 0;
}
.widget-pin__follow a {
  background: var(--pin);
  color: white;
}
.widget-pin__follow a:hover {
  color: white;
}


/* === widgets.css — author list/grid === */
/* AUTHOR LIST
=================================================================================*/
.widget-author-list .author-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget-author-list .author-list-item {
  display: block;
  border: 0 solid var(--border-color);
}
.widget-author-list .author-list-item:after {
  content: "";
  display: table;
  clear: both;
}
.widget-author-list .author-list-item + .author-list-item {
  margin-top: 0.7em;
}
.widget-author-list .author-list-item-avatar {
  float: left;
  width: 72px;
  height: 72px;
  margin: 0 1.2em 0 0;
}

.authors-has-sep .author-list-item + .author-list-item {
  border-width: 1px 0 0;
  padding-top: 0.7em;
}

.author-list-item-avatar {
  display: block;
}
.author-list-item-avatar a {
  display: block;
  outline: 0;
}
.author-list-item-avatar img {
  margin: 0;
  display: block;
  width: 100%;
}

/**
    * avatar color
    */
.authors-avatar--grayscale .author-list-item-avatar {
  filter: grayscale(1);
}

.authors-avatar--hover-color .author-list-item-avatar:hover {
  filter: grayscale(0);
}

.authors-avatar--hover-grayscale .author-list-item-avatar:hover {
  filter: grayscale(1);
}

/**
    * author avatar shape
    * since 4.4.2
    */
.authors-avatar--circle img {
  border-radius: 50% !important;
}

.authors-avatar--round img {
  border-radius: 4px !important;
}

.author-list-item-text {
  display: block;
  overflow: hidden;
}

.author-list-item-name {
  font-size: 0.9em;
  margin: 0 0 0.3em;
}
.author-list-item-name a {
  color: inherit;
  outline: 0;
}
.author-list-item-post-name {
  display: block;
  color: inherit;
  font-size: 0.85em;
  outline: 0;
  line-height: 1.3;
}
.author-list-item-description {
  font-size: 0.85em;
  line-height: 1.4;
}
.author-list-item-description p {
  margin: 0;
}

/* Author Grid
------------------- */
.widget-author-grid {
  padding-bottom: 10px;
}
.widget-author-grid ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: -8px -4px 0;
}
.widget-author-grid ul li {
  display: block;
  padding: 8px 4px 0;
  width: 25%;
}
.widget-author-grid a {
  transition: all 0.1s ease-out;
}
.widget-author-grid a:hover {
  transform: translate(0, -2px);
}
.widget-author-grid.column-2 ul li {
  width: 50%;
}
.widget-author-grid.column-3 ul li {
  width: 33.33%;
}


/* === widgets.css — imagebox + image text === */
/* IMAGEBOX
=================================================================================*/
.fox-imagebox {
  overflow: hidden;
  position: relative;
}

.imagebox-inner {
  position: relative;
  display: block;
  z-index: 30;
}

.imagebox-height {
  display: block;
  padding-bottom: 50%;
}

.imagebox-image,
.imagebox-content,
.imagebox-overlay,
.imagebox-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
}

.imagebox-link {
  outline: 0;
  border: 0;
  color: inherit;
  text-decoration: none;
  z-index: 40;
}

.imagebox-overlay {
  background: black;
  opacity: 0.3;
  z-index: 20;
}

.imagebox-image {
  margin: 0;
  display: block;
  z-index: 10;
}
.imagebox-image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}

/**
    * hover scale
    */
.imagebox-hover-scale .imagebox-image img {
  transition: all 0.3s ease;
}
.imagebox-hover-scale:hover .imagebox-image img {
  transform: scale(1.05);
}

.imagebox-hover-slide .imagebox-image img {
  transform: scale(1.15);
  transition: all 0.3s ease;
}
.imagebox-hover-slide:hover .imagebox-image img {
  transform: scale(1.15) translate(10px, 0);
}

.imagebox-content {
  z-index: 30;
  color: white;
  padding: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-top .imagebox-content {
  align-items: flex-start;
}

.text-bottom .imagebox-content {
  align-items: flex-end;
}

h3.imagebox-name {
  text-align: center;
  margin: 0;
  color: inherit;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1em;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 600px) {
  h3.imagebox-name {
    font-size: 1.1em;
  }
}

/* imagebox style 2 */
.imagebox-style-2 .imagebox-overlay {
  opacity: 0;
}
.imagebox-style-2 .imagebox-name {
  background: rgba(255, 255, 255, 0.9);
  color: black;
  padding: 10px;
}

.imagebox-style-3 .imagebox-overlay {
  opacity: 0;
}
.imagebox-style-3 .imagebox-content {
  padding: 0;
  display: block;
  position: absolute;
  bottom: 0;
  top: auto;
  text-align: center;
}
.imagebox-style-3 .imagebox-name {
  display: table;
  margin: 0 auto;
  background: white;
  color: black;
  padding: 10px 10px 0;
}

/* imagebox border */
.fox-imagebox.has-inner-border {
  padding: 10px;
}
.fox-imagebox.has-inner-border .imagebox-inner {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.imagebox-border-top,
.imagebox-border-bottom {
  border-top: 1px solid white;
  transform: scale(0, 1);
  left: -1px;
  right: -1px;
}

.imagebox-border-left,
.imagebox-border-right {
  border-left: 1px solid white;
  transform: scale(1, 0);
  height: 100%;
  top: -1px;
  bottom: -1px;
}

.imagebox-border-top {
  top: -1px;
}

.imagebox-border-bottom {
  bottom: -1px;
}

.imagebox-border-left {
  left: -1px;
}

.imagebox-border-right {
  right: -1px;
}

.imagebox-border {
  position: absolute;
  z-index: 30;
  transition: all 0.3s ease;
}

.fox-imagebox:hover .imagebox-border {
  transform: scale(1, 1);
}

/* IMAGE TEXT
=================================================================================*/
.fox-imagetext {
  display: block;
  overflow: hidden;
}
.fox-imagetext figure img {
  display: block;
  max-width: 100%;
}
.fox-imagetext figure a {
  display: block;
  color: inherit;
  border: 0;
  text-decoration: none;
}
.fox-imagetext figure a:focus {
  outline: 0;
}
.fox-imagetext .image-element {
  max-width: 100%;
}

.imagetext-imagetop figure {
  margin: 0 0 10px;
}
.imagetext-imagetop figure .image-element {
  display: inline-block;
}

.imagetext-imageleft .imagetext-image {
  float: left;
  margin: 0 20px 0 0;
  max-width: 80%;
}
@media only screen and (max-width: 600px) {
  .imagetext-imageleft .imagetext-image {
    max-width: 150px;
  }
}
.imagetext-imageleft .imagetext-text {
  overflow: hidden;
}

.imagetext-image picture,
.imagetext-image img {
  display: block;
}

.imagetext-heading {
  margin: 0 0 5px;
}
.imagetext-heading a {
  color: inherit;
  outline: 0;
  border: 0;
  text-decoration: none;
}
.imagetext-heading a:hover {
  color: inherit;
}

.imagetext-description {
  max-width: 300px;
  display: inline-block;
  line-height: 1.4;
  font-size: 0.9em;
}
.imagetext-description p {
  margin: 0 0 5px;
}
.imagetext-description p:last-child {
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .imagetext-description {
    max-width: none;
  }
}

/**
    * fix image shape
    */
.image-shape-circle img {
  border-radius: 50%;
}

.image-shape-round img {
  border-radius: 4px;
}


/* === widgets.css — mailchimp === */
/* MAILCHIMP - since 4.6
=================================================================================*/
/* general
================================= */
.mc4wp-form-fields p {
  margin-bottom: 10px;
}
.mc4wp-form-fields p:last-child {
  margin-bottom: 0;
}

.foxmc {
  position: relative;
  /* why?? - ok just don't touch it */
}
.foxmc-inner {
  padding: 30px;
  position: relative;
  z-index: 30;
  border: 1px solid transparent;
}

.secondary56 .foxmc {
  padding: 5px;
}
.secondary56 .foxmc-inner {
  padding: 15px;
}
.secondary56 .foxmc-title {
  font-size: 1.1em;
}
.secondary56 .foxmc-subtitle {
  font-style: normal;
}

/* background
================================= */
.foxmc-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
}
.foxmc-bg-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* heading
================================= */
.foxmc-title {
  font-size: 1.3em;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  display: inline-flex;
  align-content: center;
  align-items: center;
}
.foxmc-title i {
  display: block;
  margin: 0 6px 0 0;
  font-size: 80%;
}
@media only screen and (max-width: 600px) {
  .foxmc-title i {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .foxmc-title {
    letter-spacing: 0;
  }
}

.foxmc-subtitle {
  margin: 5px 0 0;
  font-size: 0.9em;
  line-height: 1.1;
  color: #999;
}

.foxmc-heading {
  text-align: center;
  margin-bottom: 10px;
}

/* form stack
================================= */
.foxmc-stack input[type=submit] {
  display: block;
  width: 100%;
}

/* form inline
================================= */
.foxmc-inline .mc4wp-form-fields {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1168px) {
  .foxmc-inline .mc4wp-form-fields {
    justify-content: center;
  }
}
@media only screen and (max-width: 840px) {
  .foxmc-inline .mc4wp-form-fields {
    display: block;
  }
}
.foxmc-inline .mc4wp-form-fields > p {
  margin: 0 2px;
}
@media only screen and (max-width: 840px) {
  .foxmc-inline .mc4wp-form-fields > p {
    margin: 5px 2px;
  }
}
.foxmc-inline .mc4wp-form-fields input[type=text],
.foxmc-inline .mc4wp-form-fields input[type=email] {
  width: 300px;
}
@media only screen and (max-width: 1168px) {
  .foxmc-inline .mc4wp-form-fields input[type=text],
  .foxmc-inline .mc4wp-form-fields input[type=email] {
    width: 280px;
  }
}
@media only screen and (max-width: 840px) {
  .foxmc-inline .mc4wp-form-fields input[type=text],
  .foxmc-inline .mc4wp-form-fields input[type=email] {
    width: 100%;
  }
}

/* form button style
================================= */
.foxmc-button-primary input[type=submit] {
  background: var(--accent-color);
  color: white;
  line-height: 46px;
}

.foxmc-button-black input[type=submit] {
  line-height: 46px;
}

.foxmc-button-outline input[type=submit],
.foxmc-button-fill input[type=submit] {
  border: 2px solid;
  color: inherit;
  background: none;
  line-height: 42px;
}

.foxmc-button-fill input[type=submit]:hover {
  background: black;
  color: white;
  border-color: black;
}

/**
* No padding case
* @since 4.6.2
*/
.foxmc-no-bg.foxmc {
  padding: 0;
}
.foxmc-no-bg.foxmc-no-border .foxmc-inner {
  padding: 0;
}


/* === widgets.css — author box + blog widget === */
/* AUTHOR BOX
=================================================================================*/
/* Authorbox
    * @since 4.6.2
------------------------------ */
.authorbox-widget + .authorbox-widget {
  margin-top: 2em;
}

.authorbox-widget-inline {
  overflow: hidden;
}
.authorbox-widget-inline .authorbox-widget-avatar {
  display: block;
  float: left;
  width: 90px;
  margin: 0 16px 0 0;
}
.authorbox-widget-inline .authorbox-widget-avatar img {
  display: block;
  width: 100%;
  margin: 0;
  border-radius: 50%;
}
.authorbox-widget-inline .authorbox-widget-text {
  overflow: hidden;
}
.authorbox-widget-inline .authorbox-widget-name {
  font-size: 1.1em;
}
.authorbox-widget-inline .authorbox-widget-description {
  font-size: 0.9em;
}

.authorbox-widget-name {
  margin: 0 0 0.5em;
}
.authorbox-widget-name a {
  color: inherit;
}

.authorbox-widget-description {
  display: block;
  line-height: 1.5;
}
.authorbox-widget-description p {
  margin: 0;
}

.authorbox-widget-stack .authorbox-widget-avatar {
  display: inline-block;
  margin: 0 0 10px;
  width: 120px;
}
.authorbox-widget-stack .authorbox-widget-avatar img {
  display: block;
  width: 100%;
  margin: 0;
  border-radius: 50%;
}
.authorbox-widget-stack .authorbox-widget-name {
  font-size: 1.2em;
}

/* BLOG / POST
=================================================================================*/
.blog56--widget--small.blog56--list {
  row-gap: 20px;
}
.blog56--widget--small .post56__sep__line {
  border-color: var(--border-color);
  top: -10px;
}
.blog56--widget--small .post56--list .thumbnail56 {
  padding-right: 10px;
  width: 100px;
}
.blog56--widget--small .post56--list--thumb-right .thumbnail56 {
  padding-right: 0;
  padding-left: 10px;
}
.blog56--widget--small .thumbnail56 {
  overflow: visible;
  width: 100px;
  border-radius: 0;
}
.blog56--widget--small .thumbnail56 img {
  border-radius: 0;
}
.blog56--widget--small .thumbnail56__index {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 20;
  background: var(--accent-color);
  color: #fff;
  width: 28px;
  height: 28px;
  line-height: 24px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: none;
  text-shadow: none;
  font-size: 12px;
  font-style: normal;
  font-family: sans-serif;
}
.blog56--widget--small .post56--list .thumbnail56 + .post56__text {
  width: calc(100% - 100px);
}
.blog56--widget--small .title56 {
  margin: 0;
  font-size: 1.1em;
}
.blog56--widget--small .excerpt56 {
  font-size: 0.88em;
  line-height: 1.4;
  margin: 5px 0 0;
}
.blog56--widget--small .component56 + .component56 {
  margin-top: 0px;
}
.blog56--widget--small .post56 .post56__text {
  padding: 0;
}

.blog56--widget--big .thumbnail56__index {
  display: block;
  position: absolute;
  font-size: 2.4em;
  line-height: 1;
  color: #fff;
  bottom: 6px;
  right: 10px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 30;
  font-family: serif;
  font-style: italic;
}
.blog56--widget--big .title56 {
  font-size: 1.3em;
}
.blog56--widget--big .excerpt56 {
  font-size: 0.95em;
}
.blog56--widget--big .component56 + .component56 {
  margin-top: 5px;
}
.blog56--widget--big .post56 .post56__text {
  padding: 0;
}


/* === widgets.css — instagram + dark skin widgets === */
/* INSTAGRAM - @since 4.6
=================================================================================*/
.instagram56 {
  display: block;
}

/* HEADING
================================= */
.instagram56__header {
  text-align: center;
  padding: 2% 0;
}

.instagram56__header__subtitle {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8em;
  margin: 0 0 6px;
  opacity: 0.7;
}

.instagram56__header__title {
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
}
.instagram56__header__title i {
  margin-right: 4px;
}
.instagram56__header__title a {
  color: inherit;
  text-decoration: none;
}
.instagram56__header__title a:hover {
  color: inherit;
}

/* FEED
================================= */
.sb_instagram_header a {
  color: inherit;
}

.sbi_header_img_hover {
  display: none;
}

#sb_instagram {
  padding-bottom: 0 !important;
}

#sb_instagram .sbi_follow_btn a {
  background: #3897f0;
}

/* FOLLOW TEXT
================================= */
.follow-text {
  margin: 1em 0 0;
  display: block;
  text-align: center;
}
.follow-text::after {
  clear: both;
  content: "";
  display: table;
}
.follow-text a.btn56 {
  line-height: 32px;
  padding: 0 32px;
  display: inline-block;
  margin: 0;
  max-width: 100%;
}
.follow-text a.btn56.btn56--insta {
  background: #3897f0;
  color: white;
  border-radius: 4px;
}
.follow-text a.btn56.btn56--white {
  background: white;
  color: #111;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.instagram56__main {
  position: relative;
}

.follow-text--overlap {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 50;
}
.follow-text--overlap a.btn56 {
  display: block;
}

/* HOVER FADE
================================= */
.instagram56--fade .sbi_item img {
  transition: all 0.15s ease-out;
}
.instagram56--fade .sbi_item:hover img {
  opacity: 0.7;
}

/* HOVER BORDER
================================= */
.instagram56--border .sbi_item a {
  display: block;
  position: relative;
  overflow: hidden;
}
.instagram56--border .sbi_item a:before, .instagram56--border .sbi_item a:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 20;
  transition: all 0.4s ease-out;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid white;
}
.instagram56--border .sbi_item a:before {
  border-width: 1px 0;
  transform: scale(0, 1);
}
.instagram56--border .sbi_item a:after {
  border-width: 0 1px;
  transform: scale(1, 0);
}
.instagram56--border .sbi_item:hover a:before, .instagram56--border .sbi_item:hover a:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1, 1);
}

/* DARK SKIN WIDGETS
-------------------------------------------------------------------------------------- */
.skin-dark {
  background: black;
  color: white;
}
.skin-dark .widget-title {
  background: none !important;
  color: inherit !important;
}
.skin-dark .widget_archive ul ul,
.skin-dark .widget_archive ul li, .skin-dark .widget_nav_menu ul ul,
.skin-dark .widget_nav_menu ul li, .skin-dark .widget_meta ul ul,
.skin-dark .widget_meta ul li, .skin-dark .widget_recent_entries ul ul,
.skin-dark .widget_recent_entries ul li, .skin-dark .widget_pages ul ul,
.skin-dark .widget_pages ul li, .skin-dark .widget_categories ul ul,
.skin-dark .widget_categories ul li, .skin-dark .widget_product_categories ul ul,
.skin-dark .widget_product_categories ul li, .skin-dark ul.wp-block-categories-list ul,
.skin-dark ul.wp-block-categories-list li, .skin-dark ul.wp-block-archives-list ul,
.skin-dark ul.wp-block-archives-list li {
  border: 0;
}
.skin-dark .widget_archive ul a:hover, .skin-dark .widget_nav_menu ul a:hover, .skin-dark .widget_meta ul a:hover, .skin-dark .widget_recent_entries ul a:hover, .skin-dark .widget_pages ul a:hover, .skin-dark .widget_categories ul a:hover, .skin-dark .widget_product_categories ul a:hover, .skin-dark ul.wp-block-categories-list a:hover, .skin-dark ul.wp-block-archives-list a:hover {
  color: inherit;
  text-decoration: underline;
}

/* === customizations — scroll-to-top === */
/* ==========================================================================
   Scroll-to-top button
   ========================================================================== */
.scrollup56.shown {
    bottom: 450px !important;
    right: 0px !important;
}


/* === customizations — ajax search lite === */
/* ==========================================================================
   Ajax Search Lite — font consistency
   @since ITS Fox 1.1
   ========================================================================== */
#ajaxsearchlite1 .proinput input {
    font-family: Lato !important;
    font-size: 16px !important;
}

#ajaxsearchlite1 .proinput input.autocomplete {
    opacity: .4 !important;
}

div.asl_r .results .item .asl_content * {
    font-family: Lato !important;
}


/* === customizations — page title hiding === */
/* ==========================================================================
   Page title hiding — specific content hub pages
   ========================================================================== */
body.page-id-208496 .page56__title.single56__title,
body.page-id-208534 .page56__title.single56__title,
body.page-id-208579 .page56__title.single56__title,
body.page-id-208627 .page56__title.single56__title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* === customizations — content hub tables === */
/* ==========================================================================
   Content hub tables (page templates)
   ========================================================================== */
body.page .content-hub-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

body.page .content-hub-table th {
    background: #002244;
    color: #fff;
    padding: 12px;
    text-align: left;
    border: 1px solid rgba(127,127,127,.75);
}

body.page .content-hub-table td {
    padding: 10px;
    border: 1px solid rgba(127,127,127,.5);
}

body.page .content-hub-table tr:nth-child(even) td {
    background: #f9f9f9;
}

body.page.darkmode .content-hub-table tr:nth-child(even) td {
    background: #2a2a2a;
}

/* Content hub table links.
   @since ITS Fox 1.1 */
body.page .content-hub-table a {
    color: #1F3D7C;
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-decoration-color: #ccc;
    text-underline-position: under;
    transition: all 0.15s ease;
    background-color: transparent;
}

body.page .content-hub-table a:hover,
body.page .content-hub-table a:active {
    color: #A5AAAD;
    text-decoration-color: #333;
}

body.darkmode.page .content-hub-table a {
    color: #dcdcdc;
}

body.darkmode.page .content-hub-table a:hover,
body.darkmode.page .content-hub-table a:active {
    color: #a5aaad;
}


/* === customizations — footer + pagination === */
/* ==========================================================================
   Footer
   ========================================================================== */
.footer-sidebar .menu li {
    line-height: 1 !important;
    font-size: 15px;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination56 .page-numbers {
    width: unset !important;
    min-width: 48px;
    max-width: 100px;
}


/* === customizations — dark mode TotalPoll + wpDiscuz === */
/* ==========================================================================
   Dark mode — TotalPoll
   ========================================================================== */
body.darkmode .totalpoll-widget-latest-poll .totalpoll-question-container .totalpoll-question-content {
    color: #f6f6f6 !important;
}

body.darkmode .totalpoll-widget-latest-poll .totalpoll-question-choices-item-control {
    background: #0a0a0a !important;
    color: #dcdcdc;
    border-color: #444 !important;
    border-radius: 24px !important;
}

body.darkmode .totalpoll-widget-latest-poll .totalpoll-question-choices-item-results .totalpoll-question-choices-item-label {
    background: unset !important;
    border-color: #444 !important;
    color: #f6f6f6;
    border-radius: 24px;
}

/* ==========================================================================
   Dark mode — wpDiscuz comments
   ========================================================================== */
.darkmode #wpdcom .wpd-comment-text {
    color: #a5aaad;
}

.darkmode #wpdcom .wpd-blog-guest .wpd-comment-author,
.darkmode #wpdcom .wpd-blog-guest .wpd-comment-author a {
    color: #dcdcdc;
}

.darkmode #wpdcom .wpd-blog-post_author .wpd-comment-author,
.darkmode #wpdcom .wpd-blog-post_author .wpd-comment-author a {
    color: #6787c9;
}

.darkmode #wpdcom .wpd-comment .wpd-reply-to a {
    color: #dcdcdc;
}


/* === common-below.css — full file === */
/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Less than 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
--------------------------------------------------------------------*/
[aria-label][role~=tooltip] {
  position: relative;
}

[aria-label][role~=tooltip]:before, [aria-label][role~=tooltip]:after {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 100000000;
  transform-origin: top;
}

[aria-label][role~=tooltip]:before {
  background-size: 100% auto !important;
  content: "";
}

[aria-label][role~=tooltip]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 0.5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}

[aria-label][role~=tooltip]:hover:before, [aria-label][role~=tooltip]:hover:after, [aria-label][role~=tooltip]:focus:before, [aria-label][role~=tooltip]:focus:after {
  opacity: 1;
  pointer-events: auto;
}

[role~=tooltip][data-microtip-position|=top]:before {
  background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

[role~=tooltip][data-microtip-position|=top]:after {
  margin-bottom: 11px;
}

[role~=tooltip][data-microtip-position|=top]:before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position|=top]:hover:before {
  transform: translate3d(-50%, -5px, 0);
}

[role~=tooltip][data-microtip-position|=top]:after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position=top]:hover:after {
  transform: translate3d(-50%, -5px, 0);
}

[role~=tooltip][data-microtip-position=top-left]:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

[role~=tooltip][data-microtip-position=top-left]:hover:after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

[role~=tooltip][data-microtip-position=top-right]:after {
  transform: translate3d(calc(0% - 16px), 0, 0);
  bottom: 100%;
}

[role~=tooltip][data-microtip-position=top-right]:hover:after {
  transform: translate3d(calc(0% - 16px), -5px, 0);
}

[role~=tooltip][data-microtip-position|=bottom]:before {
  background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

[role~=tooltip][data-microtip-position|=bottom]:after {
  margin-top: 11px;
}

[role~=tooltip][data-microtip-position|=bottom]:before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

[role~=tooltip][data-microtip-position|=bottom]:hover:before {
  transform: translate3d(-50%, 0, 0);
}

[role~=tooltip][data-microtip-position|=bottom]:after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position=bottom]:hover:after {
  transform: translate3d(-50%, 0, 0);
}

[role~=tooltip][data-microtip-position=bottom-left]:after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

[role~=tooltip][data-microtip-position=bottom-left]:hover:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

[role~=tooltip][data-microtip-position=bottom-right]:after {
  transform: translate3d(calc(0% - 16px), -10px, 0);
  top: 100%;
}

[role~=tooltip][data-microtip-position=bottom-right]:hover:after {
  transform: translate3d(calc(0% - 16px), 0, 0);
}

[role~=tooltip][data-microtip-position=left]:before, [role~=tooltip][data-microtip-position=left]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

[role~=tooltip][data-microtip-position=left]:before {
  background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

[role~=tooltip][data-microtip-position=left]:after {
  margin-right: 11px;
}

[role~=tooltip][data-microtip-position=left]:hover:before, [role~=tooltip][data-microtip-position=left]:hover:after {
  transform: translate3d(0, -50%, 0);
}

[role~=tooltip][data-microtip-position=right]:before, [role~=tooltip][data-microtip-position=right]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

[role~=tooltip][data-microtip-position=right]:before {
  background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[role~=tooltip][data-microtip-position=right]:after {
  margin-left: 11px;
}

[role~=tooltip][data-microtip-position=right]:hover:before, [role~=tooltip][data-microtip-position=right]:hover:after {
  transform: translate3d(0, -50%, 0);
}

[role~=tooltip][data-microtip-size=small]:after {
  white-space: initial;
  width: 80px;
}

[role~=tooltip][data-microtip-size=medium]:after {
  white-space: initial;
  width: 150px;
}

[role~=tooltip][data-microtip-size=large]:after {
  white-space: initial;
  width: 260px;
}

/* microtip - tooltip disable
=================================================================================*/
[aria-label][role~=tooltip]::after, [aria-label][role~=tooltip]::before {
  display: none !important;
}

.fox56_tooltip {
  position: fixed;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  display: inline-block;
  pointer-events: none;
  z-index: 99999999;
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #ffffff;
  padding: 0.4em 0.7em 0.3em;
  white-space: nowrap;
  box-sizing: content-box;
  font-size: 13px;
}
.fox56_tooltip::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  border: 4px solid rgba(17, 17, 17, 0.9);
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
}

.fox56_tooltip__top {
  transform: translate(0, -6px);
}
.fox56_tooltip__top::before {
  left: calc(50% - 4px);
  top: calc(100% - 5px);
  border-right-color: transparent;
  border-top-color: transparent;
}

.fox56_tooltip__left {
  transform: translate(-6px, 0);
}
.fox56_tooltip__left::before {
  left: calc(100% - 5px);
  top: calc(50% - 4px);
  border-left-color: transparent;
  border-top-color: transparent;
}

.fox56_tooltip__bottom {
  transform: translate(0, 6px);
}
.fox56_tooltip__bottom::before {
  left: calc(50% - 4px);
  top: -3px;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.fox56_tooltip__right {
  transform: translate(6px, 0);
}
.fox56_tooltip__right::before {
  left: -3px;
  top: calc(50% - 4px);
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.scrollup56,
.site-footer,
.footer_sidebar56,
.footer_bottom56,
.widget,
.fox-error,
.blog56__sep__line,
#demo-bar,
.pagination56 {
  display: block;
}

/* GENERAL
=================================================================================*/
.color-accent {
  color: var(--accent-color);
}

.bg-accent {
  background: var(--accent-color);
}

.font-body {
  font-family: var(--font-body);
}

.font-heading {
  font-family: var(--font-heading);
}

.font-nav {
  font-family: var(--font-nav);
}

.fox-error {
  display: inline-block;
  border: 1px dashed #ddd;
  color: #333;
  background: #f0f0f0;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0;
  font-family: Arial, sans-serif;
  border-radius: 4px;
  padding: 4px 8px;
}
.fox-error a {
  color: inherit;
  font-weight: bold;
  transition: all 0.2s;
  display: inline !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: inherit !important;
  text-decoration: underline;
}
.fox-error a:hover {
  text-decoration: none;
}

/* general
-------------------- */
.entry-content > p:last-child,
.entry-content > h2:last-child,
.entry-content > h3:last-child,
.entry-content > h4:last-child,
.entry-content > h5 > blockquote:last-child,
.entry-content > h5 > .wp-block-quote.is-large:last-child,
.entry-content > h5 > .wp-block-quote.is-style-large:last-child,
.entry-content > figure:last-child,
.entry-content > .wp-caption:last-child {
  margin-bottom: 0;
}

h1 {
  font-size: 42px;
  font-size: 2.625em;
}

h2 {
  font-size: 33px;
  font-size: 2.0625em;
}

h3 {
  font-size: 26px;
  font-size: 1.625em;
}

h4 {
  font-size: 20px;
  font-size: 1.25em;
}

h5 {
  font-size: 16px;
  font-size: 1em;
}

h6 {
  font-size: 0.9em;
}

/* media / video / audio
-------------------- */
.wp-block-video video {
  width: 100%;
}

iframe {
  display: block;
  max-width: 100%;
}

.wi-self-hosted-sc .wp-video {
  width: 100% !important;
}

.media-container {
  display: block;
  position: relative;
}
.media-container iframe {
  width: 100% !important;
}
.media-container .media-container iframe[src*=youtu] {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.media-container .wp-video {
  width: 100% !important;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.media-container .wp-video > * {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.media-container .wp-video > video {
  opacity: 0;
  visibility: hidden;
}

/*
.wp-block-embed-youtube iframe {
    aspect-ratio: 16 / 9; // 94% browser support
    width: 100%;
    height: 100%;
}
.wp-embed-aspect-9-16 iframe {
    aspect-ratio: 9 / 16; // 94% browser support
    height: 100%;
    width: 100%;
}
*/
html .mejs-controls .mejs-time-rail .mejs-time-current {
  background: var(--accent-color);
}

/* Table
-------------------- */
table {
  width: 100%;
  border: 1px solid var(--border-color);
  border-collapse: collapse;
}

td, th {
  border: 1px solid var(--border-color);
  padding: 0.5em;
}

/* Blockquote
-------------------- */
blockquote, .wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  font-weight: inherit;
  position: relative;
  margin: 1em auto;
  padding: 1.25em 1em 1.25em;
  font-size: 1.25em;
  text-align: left;
  line-height: 1.5;
  display: block;
  clear: both;
  -moz-column-span: all;
  column-span: all;
  border: 0 solid;
}
blockquote p, .wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
  margin: 0 0 0.7em;
}
blockquote p:last-child, .wp-block-quote.is-large p:last-child,
.wp-block-quote.is-style-large p:last-child {
  margin-bottom: 0;
}
blockquote:before, .wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:before {
  content: "";
  display: none;
  z-index: 20;
  text-align: center;
  z-index: 20;
  line-height: 1;
  background: url(../images/quote.webp) center center no-repeat;
  background-size: 100%;
  width: 90px;
  height: 60px;
  margin: 0 0 20px;
  width: 50px;
  height: 40px;
}
@media only screen and (max-width: 840px) {
  blockquote:before, .wp-block-quote.is-large:before,
  .wp-block-quote.is-style-large:before {
    width: 40px;
    height: 32px;
  }
}
@media only screen and (max-width: 600px) {
  blockquote:before, .wp-block-quote.is-large:before,
  .wp-block-quote.is-style-large:before {
    width: 30px;
    height: 24px;
  }
}
blockquote cite, .wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
  text-align: inherit;
  font-weight: normal;
  margin-top: 1.5em;
}
blockquote cite:before, .wp-block-quote.is-large cite:before,
.wp-block-quote.is-style-large cite:before {
  content: "—";
  margin-right: 0.5em;
}
blockquote.align-left, .align-left.wp-block-quote.is-large,
.align-left.wp-block-quote.is-style-large {
  text-align: left;
  float: left;
  margin: 0 2.5em 1.25em 0;
  max-width: 50%;
  padding-right: 0;
  padding-left: 0;
}
blockquote.align-left:before, .align-left.wp-block-quote.is-large:before,
.align-left.wp-block-quote.is-style-large:before {
  left: 0;
  margin-left: 0;
}
blockquote.align-right, .align-right.wp-block-quote.is-large,
.align-right.wp-block-quote.is-style-large {
  text-align: right;
  float: right;
  margin: 0 0 2.5em 1.25em;
  max-width: 50%;
  padding-right: 0;
  padding-left: 0;
}
blockquote.align-right:before, .align-right.wp-block-quote.is-large:before,
.align-right.wp-block-quote.is-style-large:before {
  left: auto;
  right: 0;
  margin-left: 0;
}

.style--blockquote--icon-2 blockquote:before, .style--blockquote--icon-2 .wp-block-quote.is-large:before,
.style--blockquote--icon-2 .wp-block-quote.is-style-large:before {
  background-image: url(../images/quote2.webp);
}

.style--blockquote--icon-3 blockquote:before, .style--blockquote--icon-3 .wp-block-quote.is-large:before,
.style--blockquote--icon-3 .wp-block-quote.is-style-large:before {
  background-image: url(../images/quote3.webp);
}

.style--blockquote--icon-4 blockquote:before, .style--blockquote--icon-4 .wp-block-quote.is-large:before,
.style--blockquote--icon-4 .wp-block-quote.is-style-large:before {
  background-image: url(../images/quote4.webp);
}

/**
 * no webp
 */
.no-webp blockquote:before, .no-webp .wp-block-quote.is-large:before,
.no-webp .wp-block-quote.is-style-large:before {
  background-image: url(../images/quote.png);
}
.no-webp .style--blockquote--icon-2 blockquote:before, .no-webp .style--blockquote--icon-2 .wp-block-quote.is-large:before,
.no-webp .style--blockquote--icon-2 .wp-block-quote.is-style-large:before {
  background-image: url(../images/quote2.png);
}
.no-webp .style--blockquote--icon-3 blockquote:before, .no-webp .style--blockquote--icon-3 .wp-block-quote.is-large:before,
.no-webp .style--blockquote--icon-3 .wp-block-quote.is-style-large:before {
  background-image: url(../images/quote3.png);
}
.no-webp .style--blockquote--icon-4 blockquote:before, .no-webp .style--blockquote--icon-4 .wp-block-quote.is-large:before,
.no-webp .style--blockquote--icon-4 .wp-block-quote.is-style-large:before {
  background-image: url(../images/quote4.png);
}

.style--blockquote-above blockquote, .style--blockquote-above .wp-block-quote.is-large,
.style--blockquote-above .wp-block-quote.is-style-large {
  padding-top: 0;
  padding-bottom: 0;
}
.style--blockquote-above blockquote:before, .style--blockquote-above .wp-block-quote.is-large:before,
.style--blockquote-above .wp-block-quote.is-style-large:before {
  display: inline-block;
}

.style--blockquote-overlay blockquote, .style--blockquote-overlay .wp-block-quote.is-large,
.style--blockquote-overlay .wp-block-quote.is-style-large {
  position: relative;
}
.style--blockquote-overlay blockquote:before, .style--blockquote-overlay .wp-block-quote.is-large:before,
.style--blockquote-overlay .wp-block-quote.is-style-large:before {
  display: block;
  position: absolute;
  opacity: 0.1;
  top: 0;
  left: -30px;
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 600px) {
  blockquote, .wp-block-quote.is-large,
  .wp-block-quote.is-style-large {
    font-size: 1.1em;
  }
  blockquote.align-left, .align-left.wp-block-quote.is-large,
  .align-left.wp-block-quote.is-style-large, blockquote.align-right, .align-right.wp-block-quote.is-large,
  .align-right.wp-block-quote.is-style-large {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
    padding-right: 1em;
    padding-left: 1em;
  }
  blockquote.align-left:before, .align-left.wp-block-quote.is-large:before,
  .align-left.wp-block-quote.is-style-large:before, blockquote.align-right:before, .align-right.wp-block-quote.is-large:before,
  .align-right.wp-block-quote.is-style-large:before {
    left: 50%;
    right: auto;
    margin-left: -24px;
  }
}
/* CONTENT IMAGE
=================================================================================*/
/* Image General
 * size, wp-block-image, caption etc
---------------------------------------- */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.wp-block-image,
.wp-block-gallery {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}
.wp-block-image:first-child,
.wp-block-gallery:first-child {
  margin-top: 0 !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  margin: 0 !important;
}

.wp-block-gallery .blocks-gallery-caption {
  text-align: center;
}

.wp-block-image .alignleft {
  margin-right: 2em !important;
  text-align: left;
}
.wp-block-image .alignright {
  margin-left: 2em !important;
  text-align: right;
}

/* Align Left
---------------------------------------- */
.alignleft,
a img.alignleft {
  margin: 0.3em 2.25em 1.8em 0;
  float: left;
}

.alignleft figcaption,
.align-left figcaption {
  text-align: left !important;
}

/* Align Right
---------------------------------------- */
.alignright,
a img.alignright {
  margin: 0.3em 0 2.25em 1.8em;
  float: right;
}

.alignright figcaption,
.align-right figcaption {
  text-align: right !important;
}

/* Align Center
---------------------------------------- */
.aligncenter {
  clear: both;
  text-align: center;
}
.aligncenter::after {
  clear: both;
  content: "";
  display: table;
}

.aligncenter,
a img.aligncenter {
  display: block;
  margin: 1em auto 1.25em;
}

/* Align None
---------------------------------------- */
.alignnone {
  margin: 2em 0;
}

.wp-caption {
  border: none;
  max-width: 100%; /* Image does not overflow the content area */
}

.wp-caption.alignnone {
  margin: 1.5em 0;
}

.wp-caption.alignleft {
  margin: 0.3em 3em 1.6em 0;
}

.wp-caption.alignright {
  margin: 0.3em 0 1.6em 3em;
}

@media only screen and (max-width: 600px) {
  .wp-caption.alignleft {
    margin-right: 1em;
    margin-bottom: 1em;
  }
  .wp-caption.alignright {
    margin-left: 1em;
    margin-bottom: 1em;
  }
}
.wp-caption.aligncenter {
  margin: 0 auto 28px;
  text-align: center;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.gallery-caption {
  margin: 0;
  font-size: 0.88em;
  padding-top: 1em;
  line-height: 1.5;
}
.gallery-caption a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: all 0.15s;
}
.gallery-caption a:hover {
  text-decoration: none;
  border-bottom-color: transparent;
}

/* fix: align problem in Safari/Firefox since 4.9.2
---------------------------------------- */
.entry-content p a[href$=".jpg"], .entry-content p a[href$=".png"], .entry-content p a[href$=".jpeg"], .entry-content p a[href$=".webp"], .entry-content p a[href$=".gif"], .entry-content p a[href$=".JPG"], .entry-content p a[href$=".PNG"], .entry-content p a[href$=".JPEG"], .entry-content p a[href$=".WEBP"], .entry-content p a[href$=".GIF"] {
  display: inline;
}

/* Image Media Block
---------------------------------------- */
.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content {
  padding-left: 0;
}

.has-media-on-the-left.wp-block-media-text .wp-block-media-text__content {
  padding-right: 0;
}

.wp-block-media-text__content h2, .wp-block-media-text__content h3, .wp-block-media-text__content h4 {
  margin-bottom: 0.3em;
}
.wp-block-media-text__content > *:last-child {
  margin-bottom: 0;
}

/* WP Gallery
---------------------------------------- */
.gallery {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -8px 24px;
}

.gallery-item {
  display: block;
  text-align: center;
  padding: 8px;
  margin: 0;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.11%;
}

.gallery-columns-10 .gallery-item {
  width: 10%;
}

.gallery-icon {
  transition: all 0.1s ease;
}
.gallery-icon:hover {
  transform: translate(0, -2px);
}

.widget .gallery {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 840px) {
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item,
  .gallery-columns-10 .gallery-item {
    width: 20%;
  }
}
@media only screen and (max-width: 600px) {
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item {
    width: 33.33%;
  }
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item,
  .gallery-columns-10 .gallery-item {
    width: 25%;
  }
}
/* MISC
=================================================================================*/
address {
  font-style: italic;
  margin: 0 0 1.6em;
}

hr {
  border-top: 1px solid;
  border-bottom: 0;
  margin: 1em 0;
}

code,
kbd,
tt,
var,
samp,
pre {
  font-family: Inconsolata, monospace;
  -webkit-hyphens: none;
  hyphens: none;
}

pre {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.07);
  border: 0;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.2em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

mark {
  background: #ffd;
  padding: 0 5px;
}

.wp-block-separator {
  display: block;
  clear: both;
  margin: 2em 0;
}
.wp-block-separator::after {
  clear: both;
  content: "";
  display: table;
}

.wp-block-column > *:last-child {
  margin-bottom: 0;
}

/* GUTENBERG SUPPORT @since 3.0
 * @improved in 4.0
------------------------------------------ */
.wp-block-cover,
.wp-block-cover-image {
  margin-bottom: 1em;
}

/* Image Block
--------------------- */
.wp-block-embed {
  overflow: hidden;
}
.wp-block-embed figcaption {
  text-align: center;
}

.wp-block-embed__wrapper blockquote, .wp-block-embed__wrapper .wp-block-quote.is-large,
.wp-block-embed__wrapper .wp-block-quote.is-style-large {
  border: 0 !important;
}
.wp-block-embed__wrapper blockquote:before, .wp-block-embed__wrapper .wp-block-quote.is-large:before,
.wp-block-embed__wrapper .wp-block-quote.is-style-large:before {
  display: none !important;
}

.wp-block-embed-twitter .twitter-tweet-rendered {
  margin-left: auto !important;
  margin-right: auto !important;
}

.wp-block-embed-instagram iframe {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Tiktok Embed
 * @since 4.4.1
--------------------- */
.tiktok-embed {
  border: 0 !important;
}
.tiktok-embed:before {
  display: none !important;
}

/* PDF embed
since 6.2.4
--------------------- */
body .fluid-width-video-wrapper object.wp-block-file__embed {
  position: static;
}

/* Spotify
 * @since 4.4.1
--------------------- */
.wp-block-embed-spotify iframe {
  width: 100%;
}

/* Gallery
--------------------- */
.blocks-gallery-item a {
  border: 0 !important;
}

.blocks-gallery-item figure {
  position: relative;
  overflow: hidden;
}
.blocks-gallery-item figcaption {
  transition: all 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
}
.blocks-gallery-item figure:hover figcaption {
  opacity: 1;
  visibility: visible;
}

/* Quote
--------------------- */
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  font-size: 1.5em;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
  font-style: normal;
  font-size: 1em;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
  text-align: center;
  font-size: 0.85em;
}

/* Button
--------------------- */
.wp-block-button__link.is-style-default, .wp-block-button__link.is-style-squared {
  border-bottom: 0 !important;
}

/* Block Cover Text
--------------------- */
.wp-block-cover-text {
  font-family: var(--font-heading);
}

.wp-block-cover__inner-container {
  font-weight: 300;
}
.wp-block-cover__inner-container > *:last-child {
  margin-bottom: 0;
}

/* PAGINATION
=================================================================================*/
.pagination56 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  margin: 30px 0 0;
  font-family: var(--font-heading);
}
@media only screen and (max-width: 600px) {
  .pagination56 {
    margin-top: 10px;
  }
}
.pagination56 .page-numbers {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: inherit;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  border: 0 solid;
  transition: all 0.2s ease-out;
}
.pagination56 .page-numbers + .page-numbers {
  margin-left: 5px;
}
.pagination56 .page-numbers.current {
  color: #999;
}
.pagination56 .page-numbers.next, .pagination56 .page-numbers.prev {
  width: auto;
  padding: 0 15px;
  background: none;
  color: inherit;
  border: 0;
}
.pagination56 .page-numbers.next:hover, .pagination56 .page-numbers.prev:hover {
  color: inherit;
  background: none;
}

/* microtip - tooltip disable
=================================================================================*/
[aria-label][role~=tooltip]::after, [aria-label][role~=tooltip]::before {
  display: none !important;
}

.fox56_tooltip {
  position: fixed;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  display: inline-block;
  pointer-events: none;
  z-index: 99999999;
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #ffffff;
  padding: 0.4em 0.7em 0.3em;
  white-space: nowrap;
  box-sizing: content-box;
  font-size: 13px;
}
.fox56_tooltip::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  border: 4px solid rgba(17, 17, 17, 0.9);
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
}

.fox56_tooltip__top {
  transform: translate(0, -6px);
}
.fox56_tooltip__top::before {
  left: calc(50% - 4px);
  top: calc(100% - 5px);
  border-right-color: transparent;
  border-top-color: transparent;
}

.fox56_tooltip__left {
  transform: translate(-6px, 0);
}
.fox56_tooltip__left::before {
  left: calc(100% - 5px);
  top: calc(50% - 4px);
  border-left-color: transparent;
  border-top-color: transparent;
}

.fox56_tooltip__bottom {
  transform: translate(0, 6px);
}
.fox56_tooltip__bottom::before {
  left: calc(50% - 4px);
  top: -3px;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.fox56_tooltip__right {
  transform: translate(6px, 0);
}
.fox56_tooltip__right::before {
  left: -3px;
  top: calc(50% - 4px);
  border-right-color: transparent;
  border-bottom-color: transparent;
}

/* === footer.css — full file === */
.site-footer {
  overflow: hidden;
  display: block;
}

#footer-instagram {
  overflow: hidden;
}

/* FOOTER SIDEBAR
=================================================================================*/
.footer_sidebar56 {
  display: block;
  border: 0 solid var(--border-color);
  border-width: 1px 0 0;
}
.footer_sidebar56 .container {
  border: 0 solid var(--border-color);
  padding: 30px 0;
}
@media only screen and (max-width: 840px) {
  .footer_sidebar56 .container {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 600px) {
  .footer_sidebar56 .container {
    padding: 10px 0;
  }
}

/* --------------------------       widgets */
.footer_sidebar56 .widget + .widget {
  margin-top: 12px;
  padding-top: 12px;
}
@media only screen and (max-width: 840px) {
  .footer_sidebar56 .widget + .widget {
    margin-top: 6px;
    padding-top: 6px;
  }
}
@media only screen and (max-width: 600px) {
  .footer_sidebar56 .widget + .widget .widget-title {
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
  }
}

/* --------------------------       col layout */
.footer56__row {
  align-items: stretch;
  margin: 0 -20px;
}
.footer56__row .footer56__col {
  padding: 0 20px;
}
@media only screen and (max-width: 840px) {
  .footer56__row .footer56__col {
    width: 100%;
  }
}
@media only screen and (max-width: 840px) {
  .footer56__row {
    display: block;
  }
}

.footer56__col {
  min-height: 1px;
  position: relative;
  padding: 0 20px;
}
@media only screen and (max-width: 840px) {
  .footer56__col + .footer56__col {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .footer56__col {
    width: 100% !important;
  }
}

.footer56__col__sep {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
  border: 0px solid var(--border-color);
  border-width: 0 1px 0 0;
}
@media only screen and (max-width: 600px) {
  .footer56__col__sep {
    display: none;
  }
}

.footer56__col + .footer56__col .footer56__col__sep {
  display: block;
}
@media only screen and (max-width: 600px) {
  .footer56__col + .footer56__col .footer56__col__sep {
    display: none;
  }
}

/* --------------------------       align - since 4.4 */
.footer__col--left .widget {
  width: auto;
  display: table;
  margin-right: auto;
  text-align: left;
}

.footer__col--center .widget {
  width: auto;
  margin: 0 auto;
  text-align: center;
}

.footer__col--right .widget {
  width: auto;
  display: table;
  margin-left: auto;
  text-align: right;
}

/* --------------------------       valign */
.valign--stretch .footer56__row {
  align-items: stretch;
}

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

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

.valign--top .footer56__row {
  align-items: flex-start;
}

/* FOOTER BOTTOM
=================================================================================*/
.footer_bottom56 {
  display: block;
  border: 0 solid var(--border-color);
  border-width: 1px 0 0;
}
.footer_bottom56 .container {
  border: 0 solid var(--border-color);
  padding: 60px 0;
}
@media only screen and (max-width: 840px) {
  .footer_bottom56 .container {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 600px) {
  .footer_bottom56 .container {
    padding: 20px 0;
  }
}

/* -----------------------      stack */
.footer_bottom--stack {
  text-align: center;
}
.footer_bottom--stack .footer56__element + .footer56__element {
  margin-top: 26px;
}
@media only screen and (max-width: 840px) {
  .footer_bottom--stack .footer56__element + .footer56__element {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .footer_bottom--stack .footer56__element + .footer56__element {
    margin-top: 12px;
  }
}
.footer_bottom--stack .footer56__social ul {
  justify-content: center;
}

/* -----------------------      inline */
@media only screen and (max-width: 600px) {
  .footer_bottom__row {
    display: block;
  }
  .footer_bottom__row .footer_bottom__col {
    width: 100%;
  }
  .footer_bottom__row .footer_bottom__col + .footer_bottom__col {
    margin-top: 20px;
  }
}

.footer_bottom__col .footer56__element {
  margin-bottom: 4px;
}

.footer_bottom__col .footer56__element {
  display: inline-block;
}

.footer_bottom__col--left {
  text-align: left;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.footer_bottom__col--left .footer56__element {
  margin-right: 10px;
}
.footer_bottom__col--left .footer56__element:last-child {
  margin-right: 0;
}

.footer_bottom__col--right {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row wrap;
}
.footer_bottom__col--right .footer56__element + .footer56__element {
  margin-left: 10px;
}
@media only screen and (max-width: 600px) {
  .footer_bottom__col--right .footer56__element + .footer56__element {
    margin-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .footer_bottom__col--right {
    text-align: inherit;
    justify-content: flex-start;
  }
  .footer_bottom__col--right .footer56__element {
    margin-right: 10px;
  }
}

/* LOGO
=================================================================================*/
.footer56__logo {
  line-height: 0;
}
.footer56__logo a {
  display: inline-block;
}
.footer56__logo img {
  display: block;
  width: 200px;
}

/* NAV
=================================================================================*/
.footer56__nav {
  font-family: var(--font-nav);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
}
.footer56__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer56__nav li {
  display: inline-block;
}
.footer56__nav li + li {
  margin-left: 10px;
}
.footer56__nav a {
  color: inherit;
  display: block;
  transition: all 0.2s ease-out;
}
.footer56__nav a:hover {
  color: #888;
}
@media only screen and (max-width: 600px) {
  .footer56__nav a {
    letter-spacing: 0;
  }
}
.footer56__nav .current-menu-item a {
  color: #888;
}

/* SOCIAL
=================================================================================*/
/* SEARCH
=================================================================================*/
.footer56__search {
  position: relative;
}
.footer56__search .searchform {
  display: inline-block;
  width: 240px;
  max-width: 100%;
  position: relative;
}
.footer56__search .searchform .s {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 8px;
  padding-right: 40px;
  background: white;
  color: black;
}
.footer56__search .searchform .submit {
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  transition: all 0.15s ease-out;
  cursor: pointer;
}
.footer56__search .searchform .submit i {
  display: block;
  margin: 0;
  line-height: inherit;
}
.footer56__search .searchform .submit:hover {
  background: var(--accent-color);
}

/* COPYRIGHT
=================================================================================*/
.footer56__copyright {
  position: relative;
}
.footer56__copyright p {
  display: inline-block;
  margin: 0;
  width: 440px;
  max-width: 100%;
}
@media only screen and (max-width: 840px) {
  .footer56__copyright p {
    width: auto;
    display: block;
  }
}
.footer56__copyright a {
  color: inherit;
}
.footer56__copyright a:hover {
  color: inherit;
}
.footer56__copyright i {
  margin: 0 4px;
  font-size: 12px;
}
.footer56__copyright i.fa-heart {
  color: #D82E2E;
}

/* Scroll Top
---------------------------------------------------------------------------------------------------------------------- */
.scrollup56 {
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 30px;
  right: 30px;
  background-color: white;
  cursor: pointer;
}

/* ICON
----------------------------------------------------- */
.scrollup56--icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color);
  transition: all 0.15s ease-out;
  /* animation */
  opacity: 0;
  visibility: hidden;
}
.scrollup56--icon i {
  display: block;
}
.scrollup56--icon.scrollup56--round {
  border-radius: 4px;
}
.scrollup56--icon.scrollup56--circle {
  border-radius: 50%;
}
.scrollup56--icon.shown {
  opacity: 1;
  visibility: visible;
}

/* IMAGE
----------------------------------------------------- */
.scrollup56--image {
  background: none;
  /* animation */
  opacity: 0;
  visibility: hidden;
}
.scrollup56--image img {
  width: 32px;
}
.scrollup56--image.shown {
  opacity: 1;
  visibility: visible;
}

/* TEXT
----------------------------------------------------- */
.scrollup56--text {
  border: 1px solid var(--border-color);
  padding: 6px 12px;
  text-align: center;
  font-family: var(--font-heading);
  /* animation */
  transition: all 0.35s ease-out;
  transform: translateY(105%);
}
.scrollup56--text.scrollup56--square {
  bottom: 0;
  bottom: -3px;
}
.scrollup56--text.scrollup56--round {
  border-radius: 4px 4px 0 0;
  bottom: -3px;
}
.scrollup56--text span {
  display: block;
  line-height: 1.1;
  text-transform: uppercase;
  transition: transform 0.15s ease-out;
}
.scrollup56--text:hover span {
  transform: translate(0, -3px);
}
.scrollup56--text .go {
  font-size: 12px;
}
.scrollup56--text .top {
  font-size: 20px;
  font-weight: bold;
}
.scrollup56--text.scrollup56--circle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
}
.scrollup56--text.scrollup56--circle .go {
  display: none;
}
.scrollup56--text.scrollup56--circle .top {
  font-weight: normal;
  font-size: 0.7em;
  letter-spacing: 0.5px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}
.scrollup56--text.scrollup56--circle:hover .top {
  transform: translate(0, -52%);
}
.scrollup56--text.scrollup56--circle, .scrollup56--text.shown {
  transform: translate(0, 0);
}

/* === misc.css — full file === */
#wpstats {
  width: 0 !important;
  height: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
}

.wi-button {
  display: table;
  margin: 0 auto;
  width: 50%;
}
.wi-button .wi-btn {
  text-align: center;
}

/* SVG comments
=================================================================================*/
.fox56__css__icon__comment {
  width: 16px;
}

/* MISC
=================================================================================*/
.single-fox_block .site-content {
  min-height: 100vh;
}

.demonstration {
  display: block;
  background: #000;
  color: #fc0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 10px;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.demonstration p {
  margin: 0;
}

.fox-library-modal-btn {
  margin-left: 5px;
  background: #000;
  color: white;
  vertical-align: top;
}

.fox-library-modal-btn:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../images/foxhead.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.elementor-add-new-section .elementor-add-section-area-button.fox-library-modal-btn {
  width: auto;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  background: #006ba1;
  color: white;
  border-radius: 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

/* TEMPLATE BUILDER PROBLEM
---------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
  .archive-builder .container,
  .single-builder .container {
    max-width: 100%;
  }
}
/* IMAGEBOX
-------------------------------------------------------------------------------------- */
.elementor-image-box-title {
  margin-top: 0;
}

/**
 *
 */
.widget56__edit {
  position: absolute;
  background: #2271b1;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  color: white;
  z-index: 999;
  line-height: 28px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
  text-align: center;
  padding: 0 8px;
  cursor: pointer;
  top: 0px;
  left: 90%;
  transform: translate(-50%, 0);
  opacity: 0;
  visibility: hidden;
  display: none;
}
.widget56__edit:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.widget56__edit i {
  margin-left: 1px;
  font-size: 14px;
  display: inline-block;
  line-height: inherit;
}

.heading56:hover > .widget56__edit,
.section56:hover > .widget56__edit,
.widget56:hover > .widget56__edit {
  opacity: 1;
  visibility: visible;
  display: block;
}

.section56 > .widget56__edit,
[data-widget=section] > .widget56__edit {
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0);
}

[data-widget=row] > .widget56__edit {
  top: -20px;
  left: 10px;
  transform: none;
}

[data-widget=column] > .widget56__edit {
  top: 10px;
  left: 20px;
  transform: none;
}

.customize-partial-edit-shortcuts-shown .focused {
  outline: 1px solid #2271b1;
  box-shadow: 2px 3px 10px #2271b1;
}
.customize-partial-edit-shortcuts-shown .section56,
.customize-partial-edit-shortcuts-shown .widget56 {
  position: relative;
  overflow: visible;
  min-height: 20px;
}
.customize-partial-edit-shortcuts-shown .section56.heading56,
.customize-partial-edit-shortcuts-shown .widget56.heading56 {
  overflow: hidden;
}
.customize-partial-edit-shortcuts-shown .section56:hover,
.customize-partial-edit-shortcuts-shown .widget56:hover {
  outline: 1px solid #2271b1;
  box-shadow: 2px 3px 10px #2271b1;
}
.customize-partial-edit-shortcuts-shown .section56 .customize-partial-edit-shortcut,
.customize-partial-edit-shortcuts-shown .widget56 .customize-partial-edit-shortcut {
  display: none !important;
}
.customize-partial-edit-shortcuts-shown .section56,
.customize-partial-edit-shortcuts-shown .row56 {
  min-height: 20px;
}

/* MOBILE STRETCH
-------------------------------------------------------------------------------------- */
.mobile-stretch .blog56--grid--mobile--1cols .thumbnail56 {
  margin-left: -10px;
  margin-right: -10px;
}
.mobile-stretch .blog56--group {
  overflow: visible;
}

.edit_with_fox_page_builder {
  position: fixed;
  background: white;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  padding: 12px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 1px 0 0;
}
.edit_with_fox_page_builder a {
  text-decoration: none;
  color: #006ba1;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
.edit_with_fox_page_builder a:hover {
  text-decoration: underline;
}

.edit_with_builder_close {
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0;
  margin: 0;
  line-height: 14px;
  font-family: sans-serif;
  font-weight: 400;
  font-size: 14px;
  background: white;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

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

/* === customizations — single prev/next nav === */
/* ==========================================================================
   Single post prev/next navigation
   ========================================================================== */

/* Responsive aspect-ratio control for nav thumbnails.
   Default is too tall on mobile; scales down as viewport grows. */

/* Mobile Portrait (default) */
.singlenav56__post .singlenav56__post__bg {
    padding-bottom: 64%;
}

@media screen and (min-width: 481px) and (orientation: landscape) {
    .singlenav56__post .singlenav56__post__bg {
        padding-bottom: 60%;
    }
}

@media screen and (min-width: 668px) and (orientation: portrait) {
    .singlenav56__post .singlenav56__post__bg {
        padding-bottom: 56%;
    }
}

@media screen and (min-width: 769px) and (orientation: landscape) {
    .singlenav56__post .singlenav56__post__bg {
        padding-bottom: 40%;
    }
}

@media screen and (min-width: 1025px) {
    .singlenav56__post .singlenav56__post__bg {
        padding-bottom: 24%;
    }
}

/* Category label text. */
.singlenav56.single56__element.singlenav56--advanced.singlenav56--2cols span,
.singlenav56.single56__element.singlenav56--advanced.singlenav56--advanced.singlenav56--1cols span {
    text-shadow: 0px 0px 12px rgba(0,0,0,.99);
    margin-bottom: 4px !important;
    font-weight: bold !important;
    color: #ddd !important;
}

/* Post title text. */
.singlenav56.single56__element.singlenav56--advanced.singlenav56--2cols h4,
.singlenav56.single56__element.singlenav56--advanced.singlenav56--advanced.singlenav56--1cols h4 {
    text-shadow: 0px 3px 8px rgba(0,0,0,.8);
    line-height: 1.05 !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
}