:root {

  --yellow: #ffcc33;

  --brown: #976828;

  --main: #000000;

  --light-beige: #e5e0d0;

  --light-grey: #f6f5f3;

  --x-light-grey: #fcfbf9;

  --light-pink: #f9b0a4;

  --rose: #f36c42;

  --orange: #ff553e;

  --sp-large: 110px;

  --sp-medium: 40px;

  --sp-small: 30px;

  --sp-main: 25px;

  --sp-xs: 20px;

  --header-top-row-height: 42px;

  --header-menu-row-height: 90px;

}

/* Basics and resets - possibly above the fold

---------------------------------------------*/

html, button, input, option, select, textarea {

  font-family: "Geologica", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;

  font-variation-settings:

    "slnt"0, "CRSV"0, "SHRP"0;

}

.clearfloat, .maximum {

  clear: both

}

a:active, a:focus, a:hover, button, input:focus {

  outline: 0

}

.uppercase {

  text-transform: uppercase;

}

.lowercase {

  text-transform: lowercase;

}

html {

  font-size: 16px;

  line-height: 1.15;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  scroll-behavior: smooth;

  overflow-x: hidden !important;

}

html, body {

  height: 100%;

}

body {

  min-width: 320px;

  color: var(--main);

  scrollbar-gutter: stable both-edges;

}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure, select {

  border: 0;

  margin: 0;

  padding: 0;

  outline: 0;

}

/*ol, ul {

    list-style: none

}*/

p {

  margin-bottom: 0.875em

}

img {

  -moz-user-select: none;

  -webkit-user-select: none;

  -webkit-user-drag: none

}

.left, .row {

  float: left

}

.half {

  width: 50%;

}

#wrapper, .row {

  width: 100%

}

#wrapper {

  margin: 0 auto;

  max-width: 1520px;

  padding: 158px 25px 0;

}

.center-both {

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.center-x {

  left: 50.1%;

  transform: translate3d(-50.1%, 0, 0);

}

.center-y {

  top: 50.1%;

  transform: translate3d(0, -50.1%, 0);

}

.absolute, .center-both, .center-x, .center-y {

  position: absolute

}

.relative {

  position: relative

}

.scroll-h {

  -ms-overflow-style: none;

  scrollbar-width: none;

}

.scroll-h::-webkit-scrollbar {

  display: none;

}

/* Basics - Secondary - may load later

------------------------------------------------------*/

button, input.button {

  cursor: pointer;

  outline: 0;

  border: none

}

button, input, option, select, textarea {

  color: var(--main);

  border-radius: 0;

  font-family: "Geologica", sans-serif;

  font-weight: 200;

  font-size: 100%;

}

::placeholder {

  color: var(--main);

  opacity: 1;

}

:-ms-input-placeholder {

  color: var(--main);

}

::-ms-input-placeholder {

  color: var(--main);

}

option {

  margin: 5px 0

}

img::selection {

  background: 0 0

}

img::-moz-selection {

  background: 0 0

}

sub, sup {

  height: 0;

  vertical-align: baseline;

  position: relative;

  line-height: 1;

}

sup {

  bottom: .5ex

}

sub {

  top: .5ex

}

a:active, a:hover, a:link, a:visited {

  text-decoration: none;

  color: var(--main);

}

a:hover {

  color: var(--orange);

  color: var(--main);

}

img {

  max-width: 100%;

  height: auto;

}

.border-box, .btn, .maximum, .minimum {

  box-sizing: border-box;

}

.right {

  float: right;

}

.absolute.left {

  left: 0;

}

.absolute.right {

  right: 0;

}

.absolute.top {

  top: 0;

}

.absolute.bottom {

  bottom: 0;

}

.text-indent {

  text-indent: -9999px;

  display: inline-block;

  text-align: left;

}

.flex {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.flex.nowrap {

  flex-wrap: nowrap;

  text-wrap: auto;

}

.flex.center {

  justify-content: center;

  height: 100%;

  align-items: center;

}

.v-flex {

  align-items: center;

}

.reverse {

  flex-direction: row-reverse;

}

.maximum {

  max-width: 1470px;

  margin: 0 auto;

  float: none;

  width: 100%;

}

/* Margins - Paddings

------------------------------------------------------*/

.mb-0 {

  margin-bottom: 0px !important;

}

.mt-0 {

  margin-top: 0px !important;

}

.mt-medium {

  margin-top: var(--sp-medium);

}

.mb-medium {

  margin-bottom: var(--sp-medium);

}

.mb-large {

  margin-bottom: var(--sp-large);

}

.mt-large {

  margin-top: var(--sp-large);

}

.mb-small {

  margin-bottom: var(--sp-small);

}

.mt-small {

  margin-top: var(--sp-small);

}

.ml-small {

  margin-left: var(--sp-small);

}

.ml-main {

  margin-left: var(--sp-main);

}

.mr-main {

  margin-right: var(--sp-main);

}

.mb-main {

  margin-bottom: var(--sp-main);

}

.mb-xs {

  margin-bottom: var(--sp-xs);

}

.mt-xs {

  margin-top: var(--sp-xs);

}

.p-0 {

  padding: 0 !important;

}

.align-center {

  text-align: center

}

.align-right {

  text-align: right;

}

.align-left {

  text-align: left;

}

.clearfloat {

  height: 0;

  font-size: 1px;

  line-height: 0

}

a.btn, .curvy {

  display: inline-block;

  text-align: center;

  background: var(--yellow);

  line-height: 40px;

  height: 40px;

  padding: 0 25px;

  transition: background 0.3s, color 0.3s;

  border-radius: 20px;

  font-size: 13px;

  font-weight: 600;

}

a.btn:hover, a.curvy:hover {

  background: #000;

  color: #fff;

}

/* =Image Effects

------------------------------------------------------------------*/

@media (hover: hover) and (pointer: fine) {

  .zoom img {

    transition: transform .4s ease;

  }

  .zoom img:hover {

    transform: scale(1.06);

    opacity: 1;

  }

}

.greyscale {

  filter: grayscale(100%);

  transition: filter 500ms ease;

}

.greyscale:hover {

  filter: none;

}

/* =Headings

------------------------------------------------------------------*/

h1, h2, h3, h4, h5 {

  font-weight: 600;

  line-height: 1.15;

}

h1 {

  font-size: 36px;

  line-height: 1.1;

}

h1.medium, h2.medium {

  font-size: 32px;

}

h1.small {

  font-size: 28px;

}

h2 {

  font-size: 22px;

  font-weight: 600;

  line-height: 1.2;

  margin-bottom: 0;

}

h2 a:hover {

  color: var(--orange);

}

h2.large {

  font-size: 36px;

}

h2.bold {

  font-weight: 700;

}

h3 {

  font-size: 21px;

}

h4 {

  font-size: 19px;

}

strong {

  font-weight: 600;

}

.heading {

  font-weight: 500;

  font-size: 29px;

  line-height: 1.2;

  transition: color 0.4s ease;

}

.heading strong {

  font-weight: 800;

}

a.heading:hover {

  color: var(--orange)

}

/* =Header [Above the fold]

--------------------------------------------------------------*/

header#main-header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  background: #fff;

  z-index: 100000;

}

body.user-logged-in header#main-header {

  top: 80px;

}

body.user-logged-in .mega-menu-wrapper, body.user-logged-in #nav > ul.menu > li.has-children > ul.submenu {

  top: calc(var(--header-top-row-height) + var(--header-menu-row-height) + 80px);

}

.top-row {

  height: var(--header-top-row-height);

  display: flex;

  align-items: center;

  background: var(--yellow);

  transition: height 0.1s;

}

.top-row .maximum {

  justify-content: flex-end;

}

span.menu-btn {

  display: none;

  position: absolute;

  left: 0;

}

header a#english {

  margin-right: 5px;

  display: inline-block;

  width: 50px;

  text-indent: -9999px;

  text-align: left;

  height: 42px;

  background: url("../images/en-flag.png") center center no-repeat rgba(255, 255, 255, 0.2);

  background-size: 20px 15px;

  transition: all 0.3s ease;

}

header a#english:hover {

  background-color: rgba(255, 255, 255, 1);

}

ul.social-media li {

  display: inline-block;

}

ul.social-media li a {

  display: block;

  background-repeat: no-repeat;

  background-image: url("../images/social/fb.svg");

  background-position: center center;

  background-size: 9px auto;

  width: 26px;

  height: 28px;

  text-indent: -9999px;

  text-align: left;

  transition: opacity 0.4s;

}

ul.social-media li.twitter a {

  background-image: url("../images/social/x.svg");

  background-size: 17px auto;

}

ul.social-media li.instagram a {

  background-image: url("../images/social/instagram.svg");

  background-size: 19px auto;

}

ul.social-media li.pinterest a {

  background-image: url("../images/social/pinterest.svg");

  background-size: 13px auto;

}

ul.social-media li.tiktok a {

  background-image: url("../images/social/tiktok.svg");

  background-size: 15px auto;

}

ul.social-media li.youtube a {

  background-image: url("../images/social/youtube.svg");

  background-size: 23px auto;

  width: 30px;

}

/*ul.social-media li.linkedin a {

    background-image: url("../images/linkedin.svg");

    background-size: 14px auto;

}

ul.social-media li.googlenews a {

    background-image: url("../images/google-news.svg");

    background-size: 16px auto;

}

ul.social-media li.rss a {

    background-image: url("../images/rss.svg");

    background-size: 14px auto;

}

*/

@media (hover: hover) and (pointer: fine) {

  ul.social-media li a:hover {

    opacity: 0.5;

  }

}

.icon.search {

  background: url(../images/search.svg) center center no-repeat #fff;

  background-size: 18px auto;

  width: 50px;

  height: 42px;

  text-indent: -9999px;

  margin-left: 10px;

  cursor: pointer;

}

header .menu-row {

  height: var(--header-menu-row-height);

  box-shadow: 0 1px 5px 0 rgb(227 223 207 / 90%);

  background: #fff;

}

.logo {

  margin-left: 0;

  margin-right: auto;

  position: absolute;

  left: 0;

}

.logo svg, footer .left svg {

  width: 150px;

  height: auto;

}

.logo h1 {

  line-height: 0;

}

.logo a {

  display: inline-flex;

}

/* =Menu [Above the fold]

------------------------------------------------*/

nav > ul.menu {

  white-space: nowrap;

}

#mobile-nav {

  display: none;

}

nav > ul.menu > li {

  display: block;

  float: left;

  padding: 0;

  position: relative;

  margin-right: 40px;

}

nav > ul.menu > li:last-child {

  margin-right: 0;

}

nav > ul.menu > li > a {

  display: block;

  float: left;

  text-align: center;

  color: var(--main);

}

#nav > ul.menu > li > a {

  display: flex;

  align-items: center;

  height: var(--header-menu-row-height);

}

.nav-main-link {

  line-height: 1.4;

  font-weight: 500;

  font-size: 18px;

  text-wrap: balance;

}

.nav-main-link:before, ul.tabs-menu > li:before {

  position: absolute;

  bottom: 0;

  left: 0;

  content: "";

  width: 0;

  height: 3px;

  transition: width 0.4s, background 0.2s;

  background: var(--main);

}

.nav-main-link.is-active:before, nav > ul.menu li.has-children.enabled > a:before, nav > ul.menu li.has-mega-menu.enabled > a:before, ul.tabs-menu .tab.active:before {

  background: var(--yellow);

}

ul.submenu {

  display: none;

}

#nav > ul.menu > li.has-children > ul.submenu {

  display: block;

  background: #fff;

  list-style-type: none;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transform: translateY(-10px);

  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;

  position: fixed;

  z-index: -1;

  box-shadow: 0 3px 5px 0 rgb(227 223 207 / 25%);

  top: calc(var(--header-top-row-height) + var(--header-menu-row-height));

  margin-left: -15px;

  min-width: 200px;

}

#nav > ul.menu > li.has-children > ul.submenu > li > a {

  padding: 5px 15px;

  position: relative;

  width: 100%;

  display: block;

  font-size: 16px;

  line-height: 40px;

  box-sizing: border-box;

  border-top: 1px solid #d8d8d870;

}

#nav > ul.menu > li.has-children > ul.submenu > li > a:before {

  bottom: -1px;

}

#nav > ul.menu > li.has-children.enabled > ul.submenu {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  pointer-events: unset;

}

ul.tabs-menu > li:before {

  bottom: -1px;

}

.nav-main-link:hover:before, .nav-main-link.is-active:before, nav > ul.menu li.has-children.enabled > a:before, nav > ul.menu li.has-mega-menu.enabled > a:before, ul.tabs-menu > li:hover:before, ul.tabs-menu .tab.active:before {

  width: 100%;

}

nav > ul.menu li.has-children > a:after, nav > ul.menu li.has-mega-menu > a:after {

  content: "";

  margin-left: 10px;

  background: url("../images/icons/arrow-down.svg") no-repeat center/contain;

  width: 10px;

  height: 10px;

  display: inline-block;

  transition: transform 0.4s ease;

}

#nav > ul.menu li.has-children > a:after, #nav > ul.menu li.has-mega-menu > a:after {

  margin-top: 1px;

}

nav > ul.menu li.has-children.enabled > a:after, nav > ul.menu li.has-mega-menu.enabled > a:after {

  transform: rotate(180deg);

}

.mega-menu-wrapper {

  opacity: 0;

  visibility: hidden;

  position: fixed;

  transform: translateY(-10px);

  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;

  background-color: #fff;

  padding: 40px 0;

  top: calc(var(--header-top-row-height) + var(--header-menu-row-height));

  left: 0;

  right: 0;

  width: 100%;

  border-top: 1px solid #d8d8d850;

  box-shadow: 0 3px 5px 0 rgb(227 223 207 / 25%);

  z-index: -1;

  pointer-events: none;

}

nav > ul.menu li.has-mega-menu.enabled > .mega-menu-wrapper {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  pointer-events: unset;

}

.tabs-menu-wrapper {

  display: flex;

}

.tabs-container {

  width: 100%;

  position: relative;

}

ul.tabs-menu {

  display: flex;

  flex-direction: column;

  min-width: 300px;

  margin-right: 100px;

}

ul.tabs-menu > li {

  display: flex;

  align-items: center;

  cursor: pointer;

  margin: 0;

  font-size: 16px;

  padding: 15px 0;

  border-bottom: 1px solid #d8d8d870;

  position: relative;

  transition: font-weight .25s ease-out;

}

ul.tabs-menu > li:not(.tab) > a {

  display: block;

  width: 100%;

  padding: 15px 0;

  margin: -15px 0;

}

ul.tabs-menu .tab.active, ul.tabs-menu > li:hover {

  font-weight: 600;

}

ul.tabs-menu .tab:after {

  content: "";

  background: url("../images/icons/arrow-down.svg") no-repeat center/contain;

  width: 10px;

  height: 10px;

  transform: rotate(-90deg);

  display: block;

  margin-left: auto;

  opacity: .5;

  transition: opacity .25s ease-out;

}

ul.tabs-menu .tab.active:after, ul.tabs-menu .tab:hover:after {

  opacity: 1;

}

ul.tabs-menu > li:first-child {

  border-top: 1px solid #d8d8d870;

}

body:after {

  content: "";

  background-color: #000000b0;

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 0;

  opacity: 0;

  visibility: hidden;

  transition: opacity .25s ease-out, visibility .25s ease-out;

}

@media screen and (min-width:1025px) {

  :root.mega-menu-opened {

    overflow: hidden;

  }

  :root.mega-menu-opened body:after {

    opacity: 1;

    visibility: visible;

  }

}

.tab-menu-content {

  height: 0;

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 0;

  display: flex;

  width: 100%;

  gap: 100px;

  transition: opacity .25s ease-out, visibility .25s ease-out;

}

.tab-menu-content.active {

  height: 100%;

  visibility: visible;

  opacity: 1;

  position: relative;

}

ul.tab-column {

  list-style-type: none;

  width: fit-content;

  padding: 9px 0;

}

ul.tab-column > li {

  width: 100%;

  margin: 0;

  padding: 0;

  display: flex;

  text-wrap: auto;

  max-width: 180px;

}

.nav-secondary-link {

  font-size: 14px;

  font-weight: 300;

  margin: 5px 0;

  padding: 2px 0;

  display: flex;

  width: fit-content;

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

  transition: border 0.3s ease;

}

.nav-secondary-link:hover {

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

}

.mega-menu-close {

  --close-btn-width: 16px;

  --close-btn-height: 16px;

  width: var(--close-btn-width);

  height: var(--close-btn-height);

  min-width: var(--close-btn-width);

  min-height: var(--close-btn-height);

  margin-left: 50px;

  cursor: pointer;

  transition: opacity .25s ease;

  background: url("../images/close.svg") center center no-repeat;

}

.mega-menu-close:hover {

  opacity: .5;

}

/* =Main Article Styles [Above the fold]

-----------------------------------------------------*/

article {

  float: left;

  width: 100%;

}

article a img {

  display: block;

  width: 100%;

}

article .img-container {

  margin-bottom: 15px;

}

article .img-container img {

  width: 100%;

  display: block;

}

article a img {

  transition: opacity 0.3s;

}

article h2 a {

  display: inline-block;

  transition: color 0.3s;

}

article .img-container a, article a.img-container {

  display: block;

  overflow: hidden;

  position: relative;

}

.row.metadata {

  border-bottom: 1px solid #e2dcdc;

  padding-bottom: 15px;

  margin-bottom: 10px;

}

.row.metadata.no-line {

  border: none;

  padding-bottom: 0;

}

.row.metadata .cat {

  font-weight: 700;

  font-size: 14px;

  color: var(--brown);

  float: left;

  text-transform: lowercase;

}

.time {

  font-size: 12px;

  font-weight: 300;

  float: right;

  line-height: 16px;

  padding-left: 20px;

  background: url("../images/icons/time.svg") left center no-repeat;

  background-size: 16px auto;

}

/* =Various Article Styles

-----------------------------------------------------*/

article .img-container.video:after {

  position: absolute;

  right: 14px;

  bottom: 10px;

  content: "";

  width: 60px;

  height: 58px;

  background: url('../images/play_af873787c9.jpg') center center no-repeat;

  background-size: 100% auto;

}

article.full-size {

  max-width: 940px;

  margin-left: auto;

  margin-right: auto;

  float: none;

}

article p, .main-texts {

  font-size: 16px;

  line-height: 1.6;

  margin-top: 5px;

}

.post-hero .left a {

  text-decoration: underline;

  font-weight: 500;

}

.post-hero .left a:hover {

  text-decoration: none;

}

.main-texts a {

  font-weight: 600;

  /*border-bottom: 1px solid rgba(243,108,66, 1);

    transition: text-decoration 0.4s ease;*/

  color: var(--rose);

  text-decoration: underline;

}

.main-texts a:hover {

  /*border-color:rgba(243,108,66, 0);*/

  text-decoration: none;

}

.large-featured p, .lead, .post-hero .main-intro p {

  font-size: 17px;

  line-height: 1.4;

}

article.full-size .img-container {

  margin-bottom: 30px;

}

article.full-size p {

  max-width: 800px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 15px;

}

article.full-size p:last-child, .promo article.half p:last-child {

  margin-bottom: 0;

}

article a.img-container.sponsored {

  outline: 5px solid var(--yellow);

  outline-offset: -5px;

}

/* =Section headings

-----------------------------------------------------*/

.cat-heading {

  position: relative;

}

.cat-heading h2, .cat-heading h1, .lined-heading {

  position: relative;

  margin-bottom: 25px;

  display: inline-block;

}

@media screen and (min-width:780px) {

  .cat-heading h1, .cat-heading h2 {

    white-space: nowrap;

  }

  .column-left .cat-heading h2 {

    white-space: normal;

  }

}

.cat-heading h2 span, .cat-heading h1 span, .lined-heading span {

  display: inline;

  position: relative;

}

@-moz-document url-prefix() {

  .cat-heading h2 span, .cat-heading h1 span, .lined-heading span {

    display: inline-block;

  }

}

.cat-heading h2 span:after, .cat-heading h1 span:after, .lined-heading span:after {

  position: absolute;

  width: 100%;

  height: 4px;

  background: var(--yellow);

  left: 0;

  bottom: -10px;

  content: "";

}

.cat-heading h2.no-line span:after {

  display: none;

}

.cat-heading .moto {

  font-weight: 400;

  display: block;

  font-size: 22px;

  letter-spacing: -0.5px;

}

.cat-heading.top-cat .moto{

  max-width: 800px;

  margin-left: auto;

  margin-right: auto;

}

.cat-heading .moto a{

  text-decoration: underline;

}

.cat-heading .moto a:hover{

  color: var(--orange);

}

.cat-heading.align-left h2 {

  max-width: 250px;

  line-height: 1.1;

}

.cat-heading.align-left h2:last-child {

  margin-bottom: 45px;

}

.cat-heading.align-left h2:after, .lined-heading.align-left:after {

  left: 0;

  margin-left: 0;

}

.cat-heading.align-left .moto {

  max-width: 205px;

  display: block;

  margin-bottom: 25px;

}

a.more {

  font-size: 13px;

  padding-right: 45px;

  font-weight: 700;

  background: url(../images/icons/arrow-fish.svg) right center no-repeat;

  background-size: 36px auto;

  display: block;

  line-height: 25px;

  transition: all 0.1s;

  color: var(--main);

  margin: 10px 0 25px;

  width: fit-content;

}

a.more.last {

  margin-bottom: 0;

  margin-left: auto;

  margin-right: auto;

  display: inline-block;

}

a.more.absolute {

  top: 35px;

}

/* =Resposinve Video Container

-----------------------------------------------------*/

.responsive-container {

  position: relative;

  overflow: hidden;

  width: 100%;

  padding-top: 56.25%;

  margin-bottom: 20px;

}

.responsive-container iframe, .responsive-container video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%

}

/* =Separator

-----------------------------------------------------*/

.separator {

  border-bottom: 1px solid #999;

}

.separator h2 {

  position: relative;

  width: auto;

  display: inline-block;

  padding-bottom: 10px;

}

.separator h2:after {

  position: absolute;

  width: 100%;

  height: 4px;

  background: var(--yellow);

  left: 0;

  bottom: -3px;

  content: "";

}

/* =Three Articles

-----------------------------------------------------*/

.three-articles {

  gap: 25px;

  justify-content: flex-start;

}

.three-articles > article {

  width: calc((100% - 50px) / 3);

  position: relative;

  overflow: hidden;

}

/* =Four Articles

-----------------------------------------------------*/

.four-articles {

  gap: 25px;

  justify-content: flex-start;

}

.four-articles > article {

  width: calc((100% - 75px) / 4);

  position: relative;

  overflow: hidden;

}

/* =Instagram

-----------------------------------------------------*/

#insta-images {

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  max-height: 550px;

  max-width: 1375px;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  height: auto;

}

#insta-images div.insta-item {

  width: 20%;

  box-sizing: border-box;

}

#insta-images div.insta-item.first {

  background: url("../images/social/instagram.svg") center 45% no-repeat var(--light-pink);

  background-size: 25px auto;

  transition: background-color 0.3s ease;

  position: relative;

}

#insta-images div.insta-item.first:hover {

  background-color: var(--yellow);

}

#insta-images div.insta-item.first a span {

  display: block;

  padding-top: 27%;

  max-width: 150px;

  text-align: center;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.45;

  position: absolute;

}

#insta-images div.insta-item.first a span strong {

  font-size: 18px;

  font-weight: 700;

}

#insta-images div.insta-item.large {

  width: 40%;

  height: 100%;

}

#insta-images div.insta-item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}

/* =Footer

-----------------------------------------------------*/

#footer {

  padding: 45px 0 0;

  background: var(--yellow);

  font-size: 14px;

}

#footer .maximum {

  justify-content: space-between;

}

ul.footer-menu {

  column-count: 2;

}

ul.footer-menu li {

  display: block;

  padding-right: 20px;

  position: relative;

  margin-bottom: 10px;

}

ul.footer-menu li a {

  font-weight: 500;

}

ul.footer-menu li a:hover {

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

}

.mini-footer {

  height: 76px;

  border-top: 1px solid #fff;

  align-items: center;

  margin-top: 18px;

}

ul.mini-menu li {

  display: inline-block;

  margin-right: 4px;

  padding-right: 10px;

  position: relative;

}

ul.mini-menu li:last-child {

  margin-right: 0;

  padding-right: 0;

}

#footer ul:not(.social-media) li a {

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

  transition: border 0.3s ease;

}

#footer ul:not(.social-media) li a:hover {

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

}

ul.mini-menu li:after {

  display: inline-block;

  content: "|";

  position: absolute;

  right: 0;

  top: 1px;

}

ul.mini-menu li:last-child:after {

  display: none;

}

#footer .left, #footer .right {

  width: 27%;

}

#footer .title {

  font-size: 16px;

  display: inline-block;

  margin-bottom: 15px;

  padding-left: 38px;

  width: auto;

  background: url("../images/icons/arrow-fish.svg") left center no-repeat;

  background-size: 32px auto;

}

#footer .bold {

  font-weight: 500;

}

/* =Post-Article CSS

-------------------------------------------------------------------------*/

/* =Main Left

-----------------------------------------------------*/

.main-left {

  width: calc(100% - 310px - 40px);

}

#narrow {

  justify-content: flex-end;

  gap: 40px;

  flex-wrap: nowrap;

}

#narrow .main-left {

  max-width: 800px;

}

#narrow.page .main-left {

  max-width: 950px;

}

.main-texts {

  margin-top: 0;

}

.main-texts h2, .main-texts h3, .main-texts h4, .main-texts h5 {

  margin-bottom: 15px;

}

.main-texts p:last-child {

  margin-bottom: 0;

}

.main-texts ul, .main-texts ol {

  margin-bottom: 0.5em;

  float: left;

  width: 100%;

}

.main-texts ul:last-child, .main-texts ol:last-child, .main-texts ul:last-child li:last-child, .main-texts ol:last-child li:last-child {

  margin-bottom: 0;

}

.main-texts ul li, .main-texts ol li {

  margin-left: 25px;

  margin-bottom: 5px;

}

.main-texts figure {

  margin-top: 5px;

  float: left;

  display: block;

  width: 100%;

}

figcaption {

  font-size: 13px;

  padding: 5px 5px 15px;

  text-align: center;

  font-weight: 300;

  line-height: 1.4;

}

.main-texts figure p {

  margin-bottom: 0;

}

.main-texts figure a {

  display: block;

  position: relative;

  transition: ease 0.3s;

}

.main-texts figure a:before {

  background: url("../images/icons/link.svg") right 20px bottom 20px no-repeat rgba(0, 0, 0, 0.03);

  background-size: 25px auto;

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  content: "";

  transition: ease 0.3s;

}

.inline-image-container {

  flex-wrap: nowrap;

  display: flex;

  gap: 25px;

  margin-bottom: 20px;

  margin-top: 6px;

  width: 100%;

  float: left;

  align-items: flex-start;

}

.inline-image-container figcaption, .full-top figcaption, .post-hero figcaption {

  padding-bottom: 0;

}

.inline-image-container.double .img-item, .inline-image-container.double .image-item {

  width: 50%;

}

.inline-image-container.triple .img-item, .inline-image-container.triple .image-item {

  width: 33.3333%;

}

.inline-image-container.quad .img-item, .inline-image-container.quad .image-item {

  width: 25%;

}

.main-texts img {

  display: block;

  width: 100%;

}

.post-share ul {

  position: sticky;

  top: 150px;

  display: flex;

  margin-top: 4px;

  flex-direction: column;

}

.post-share ul li {

  margin-bottom: 10px;

}

.post-share ul li a {

  border-radius: 100%;

  border: 1px solid #777;

  width: 32px;

  height: 32px;

  background-color: #fff;

  transition: border 0.3s ease;

  box-shadow: 0 15px 10px #fff;

}

.post-share ul li a:hover {

  border-color: var(--main);

  opacity: 1;

}

.post-share ul.social-media li.google-add a {

  background: url("../images/social/google-icon.svg") center center no-repeat;

  background-size: 19px auto;

}

.post-share ul.social-media li.facebook a {

  background-size: 8px auto;

}

.post-share ul.social-media li.pinterest a {

  background-size: 12px auto;

}

.post-share ul.social-media li.twitter a {

  background-size: 15px auto;

}

ul.social-media li.print a {

  background-image: url("../images/icons/print.svg");

  background-size: 16px auto;

}

.post-hero .post-share {

  position: absolute;

  right: -72px;

  top: 50%;

  transform: translateY(-50%);

  background: #fff;

  padding: 6px 0 6px 10px;

}

.post-hero .post-share ul li a {

  box-shadow: none;

}

.video-row figcaption {

  position: absolute;

  bottom: 0;

  padding-bottom: 8px;

  color: #fff;

  width: 100%;

  box-sizing: border-box;

}

.post-hero figcaption span, .video-row figcaption span {

  position: relative;

}

.video-row figcaption:before {

  opacity: 0.45;

  left: 0;

  bottom: 0;

  position: absolute;

  color: #fff;

  z-index: 0;

  height: 240%;

  content: "";

  width: 100%;

}

.video-row figcaption:before {

  background: linear-gradient(to top, hsla(0, 0%, 0%, 0.57) 0%, hsla(0, 0%, 0%, 0.563) 8.1%, hsla(0, 0%, 0%, 0.542) 15.5%, hsla(0, 0%, 0%, 0.511) 22.5%, hsla(0, 0%, 0%, 0.47) 29%, hsla(0, 0%, 0%, 0.422) 35.3%, hsla(0, 0%, 0%, 0.369) 41.2%, hsla(0, 0%, 0%, 0.313) 47.1%, hsla(0, 0%, 0%, 0.257) 52.9%, hsla(0, 0%, 0%, 0.201) 58.8%, hsla(0, 0%, 0%, 0.148) 64.7%, hsla(0, 0%, 0%, 0.1) 71%, hsla(0, 0%, 0%, 0.059) 77.5%, hsla(0, 0%, 0%, 0.028) 84.5%, hsla(0, 0%, 0%, 0.007) 91.9%, hsla(0, 0%, 0%, 0) 100%);

}

#breadcrumbs a, #breadcrumbs span {

  font-weight: 200;

  font-size: 14px;

  color: var(--main);

  text-decoration: none;

}

#breadcrumbs a:hover {

  text-decoration: underline;

}

#breadcrumbs .active {

  font-weight: 700;

  color: var(--brown);

  border: none;

}

.author {

  display: inline-flex;

  align-items: center;

  padding-left: 55px;

  font-size: 14px;

  font-weight: 400;

  background: url("../images/icons/co.svg") left top no-repeat;

  min-height: 50px;

  background-size: 45px auto;

  float: left;

}

.author {

  margin-right: 10px;

}

.author.with-img {

  background: none;

  padding-left: 0;

  margin-top: -3px;

}

.author {

  font-weight: 500;

}

.author.with-img a {

  display: inline-flex;

  align-items: center;

  text-decoration: none;

}

.author:not(.with-img) a {

  border-bottom: 2px solid rgba(255, 204, 51, 0);

  transition: border 0.4s ease;

  text-decoration: none;

}

.author:not(.with-img) a:hover {

  border-bottom: 2px solid rgba(255, 204, 51, 1);

}

.author.with-img a:hover img {

  border: 3px solid rgba(255, 204, 51, 1);

}

.author.with-img img {

  border-radius: 100%;

  margin-right: 6px;

  transition: all 0.4s ease;

  width: 45px;

  border: 3px solid rgba(255, 204, 51, 0);

  position: relative;

  left: -3px;

}

a.pinit {

  background: url("../images/social/pinterest-white.svg") #ca2021 center center no-repeat;

  background-size: 12px auto;

  text-indent: -9999px;

  width: 40px;

  height: 40px;

  display: block;

  border: none;

}

.credits {

  font-size: 14px;

  color: #777777;

  line-height: 1.3;

  position: absolute;

  bottom: 0;

  width: calc(100% - 50px);

}

.credits p {

  margin-bottom: 0;

  font-size: 14px;

  margin-top: 0;

}

.credits a {

  color: #777777;

  text-decoration: underline;

}

.credits a:hover {

  text-decoration: none;

}

/* =Extra Recipe/Out

-----------------------------------------------------*/

span.title {

  font-size: 24px;

  font-weight: 600;

}

.extra-post {

  padding: 18px;

  box-sizing: border-box;

  margin-left: 0;

  margin-right: 20px;

  width: 44%;

  background: var(--light-grey);

  margin-bottom: 5px;

}

.extra-post span.title {

  font-size: 16px;

  margin-bottom: 5px;

  line-height: 1.375;

  position: relative;

  top: -8px;

  display: inline-block;

}

.extra-post .rec-wrapper {

  display: flex;

  gap: 15px;

  flex-wrap: wrap;

  align-items: center;

}

.extra-post img {

  display: block;

}

.extra-post .img-link {

  width: 36%;

  border: none;

}

.extra-post a.link {

  font-size: 15px;

  width: calc(100% - 36% - 15px);

  font-weight: 500;

  border: none;

  line-height: 1.35;

  transition: color 0.4s ease;

  color: var(--main);

  text-decoration: none;

}

.extra-post a.link:hover {

  color: var(--orange);

}

#narrow .main-left .extra-post {

  margin-top: 7px;

  width: 48.5%;

}

#recipe-right-column .extra-recipes .title {

  font-size: 16px;

  text-transform: uppercase;

  margin-bottom: 15px;

}

#recipe-right-column .extra-recipes {

  gap: 20px;

}

#recipe-right-column .extra-recipes .extra-post {

  width: calc((100% - 20px) / 2);

  margin-right: 0;

  height: fit-content;

  margin-bottom: 0;

}

.raw-html-embed {

  text-align: center;

}

.raw-html-embed iframe {

  margin: 0 auto 25px !important;

}

/* =Tips

-----------------------------------------------------*/

.tips-wrapper {

  position: relative;

  padding: 5px 10px 0 90px;

  box-sizing: border-box;

  margin-bottom: 20px;

  float: left;

  width: 100%;

  display: flex;

}

.tips-wrapper:last-child {

  margin-bottom: 0;

}

.tips-wrapper:before {

  content: "TIPS |";

  font-size: 18px;

  font-weight: 600;

  padding-right: 10px;

  position: absolute;

  left: 35px;

  top: 4px;

}

.tips-wrapper img {

  width: auto;

  margin-left: 10px;

}

/* =Tags

-----------------------------------------------------*/

p + .tags {

  margin-top: 15px;

}

.tags {

  padding: 18px 14px 6px;

  box-sizing: border-box;

  border-top: 1px solid #ededed;

  border-bottom: 1px solid #ededed;

  margin-top: 35px;

}

.tags a {

  display: inline-block;

  font-size: 13px;

  margin-right: 8px;

  margin-bottom: 12px;

  height: 28px;

  line-height: 28px;

  padding: 0 20px;

  transition: background 0.3s, color 0.3s;

  font-weight: 700;

  text-decoration: none;

  background: #fff;

  color: var(--rose);

  border: 1px solid;

}

.tags a:hover {

  background: var(--rose);

  color: #fff;

}

/* =Sidebar

-----------------------------------------------------*/

.sidebar.right {

  width: 310px;

}

.sidebar.padded {

  padding-top: 182px;

}

/* =Banners

-----------------------------------------------------*/

.sidebar .banner {

  float: left;

  width: 100%;

  text-align: center;

}

.banner {

  display: flex;

  flex-flow: column wrap;

  align-items: center;

  justify-content: flex-start;

}

.sticky, .sticky-inner > div, .wide-banner > div iframe {

  position: sticky;

  top: 135px;

}

.wide-banner {

  display: flex;

  justify-content: center;

}

/*.sidebar .banner > div, #mini-sidebar .banner > div {

    display: flex;

    flex-flow: column wrap;

    align-items: center;

    justify-content: flex-start;

    padding: 5px;

    background: var(--x-light-grey);

}*/

.bg-grey {

  background: var(--x-light-grey);

}

#back-to-top {

  opacity: 0;

  position: fixed;

  bottom: 35px;

  right: 15px;

  z-index: 10000;

  width: 40px;

  height: 40px;

  text-indent: -9999px;

  border-radius: 100%;

  transition: opacity 0.4s, background 0.5s;

  background: url("../images/icons/arrows.svg") center center no-repeat #fff;

  box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);

  background-size: 15px auto;

  transform: rotate(-90deg)

}

@media (hover: hover) and (pointer: fine) {

  #back-to-top:hover {

    background-color: var(--yellow);

  }

}

/* =Responsive

-----------------------------------------------------*/

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

  .maximum {

    padding-left: 25px;

    padding-right: 25px;

  }

  header .logo {

    margin-left: 25px;

  }

  .tab-menu-content {

    gap: 8%;

  }

  ul.tabs-menu {

    margin-right: 6%;

  }

}

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

  :root {

    --sp-large: 90px;

  }

  .extra-post a.link {

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    overflow: hidden;

    line-height: 1.25;

  }

}

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

  #insta-images {

    max-height: 540px;

  }

}

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

  .main-left {

    width: calc(100% - 310px - 30px);

  }

  #nav {

    margin-left: 10%;

  }

  nav > ul.menu > li {

    margin-right: 30px;

  }

}

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

  :root {

    --sp-large: 70px;

  }

  h1, h2.large {

    font-size: 32px;

  }

  h1.medium, h2.medium {

    font-size: 28px;

  }

  h1.small {

    font-size: 26px;

  }

  h2 {

    font-size: 20px;

  }

  h3 {

    font-size: 19px;

  }

  h4 {

    font-size: 18px;

  }

  .heading {

    font-size: 26px;

  }

  .cat-heading .moto {

    font-size: 20px;

  }

  article h2 {

    word-break: break-word;

    hyphens: auto;

  }

  #insta-images div.insta-item.first {

    background-position: center 42%;

  }

  .mini-footer {

    height: auto;

    padding-top: 15px;

    padding-bottom: 30px;

  }

  .mini-footer > div {

    width: 100% !important;

    text-align: center;

    padding: 5px 0;

    margin-top: 0 !important;

  }

}

@media screen and (min-width:1141px) and (max-width:1280px) {

  #recipe-right-column .extra-recipes .extra-post {

    width: 100%;

  }

  #recipe-right-column .extra-recipes .extra-post + .extra-post {

    margin-top: 18px;

  }

  #recipe-right-column .extra-recipes .nowrap {

    flex-wrap: wrap;

  }

  .extra-post a.link {

    word-wrap: break-word;

    font-size: 16px;

  }

}

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

  h1.medium, h2.medium {

    font-size: 27px;

  }

  .main-left, .sidebar.right {

    width: 100%;

  }

  .page .sidebar.right {

    width: 310px;

  }

  #narrow.page {

    gap: 25px;

  }

  .main-left {

    margin-bottom: var(--sp-large);

  }

  #insta-images div.insta-item.first {

    background-position: center 38%;

  }

  .scrolling.breakpoint-1140 > div {

    position: sticky;

    top: 135px;

  }

  .scrolling.breakpoint-1140 {

    background: var(--x-light-grey);

  }

  .breakpoint-1140.mob-600 {

    height: 750px;

  }

}

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

  :root {

    --header-menu-row-height: 78px;

  }

  :root.mobile-menu-opened {

    overflow: hidden;

  }

  :root.mobile-menu-opened body:after {

    opacity: 1;

    visibility: visible;

  }

  #wrapper {

    padding-top: 103px;

  }

  header .top-row {

    height: var(--header-menu-row-height);

    background: #fff;

  }

  header .top-row .icon.search {

    z-index: 10;

  }

  .logo svg, footer .left svg {

    width: 130px;

  }

  header .menu-row {

    margin-top: -78px;

  }

  header .logo {

    margin-left: auto;

    position: static;

  }

  header .social-media {

    display: none;

  }

  span.menu-btn {

    display: block;

    width: 24px;

    height: 24px;

    text-indent: -9999px;

    text-align: center;

    background-size: 100% auto;

    left: 25px;

    cursor: pointer;

    z-index: 1;

  }

  span.menu-btn span {

    display: block;

    position: absolute;

    height: 2px;

    width: 100%;

    background: var(--main);

    opacity: 1;

    left: 0;

    transform: rotate(0);

    transition: .25s ease-in-out;

  }

  span.menu-btn span:first-child {

    top: 4px;

  }

  span.menu-btn span:nth-child(2) {

    top: 0;

    bottom: 0;

    margin: auto 0;

  }

  span.menu-btn span:last-child {

    bottom: 4px;

  }

  :root.mobile-menu-opened span.menu-btn span:first-child {

    top: 11px;

    transform: rotate(135deg);

  }

  :root.mobile-menu-opened span.menu-btn span:nth-child(2) {

    opacity: 0;

    left: -20px;

    pointer-events: none;

  }

  :root.mobile-menu-opened span.menu-btn span:last-child {

    bottom: 11px;

    transform: rotate(-135deg);

  }

  #nav {

    display: none;

  }

  #mobile-nav {

    display: block;

    position: fixed;

    top: var(--header-menu-row-height);

    background: #fff;

    margin: 0;

    visibility: hidden;

    pointer-events: none;

    left: 0;

    height: calc(100% - var(--header-menu-row-height));

    width: calc(100% - 50%);

    box-sizing: border-box;

    transform: translateX(-100%);

    transition: transform .4s ease, visibility .4s ease, height .4s ease-out;

    box-shadow: 0 3px 5px 0 rgb(227 223 207 / 25%);

    z-index: -1;

  }

  #mobile-nav > ul.menu {

    display: flex;

    flex-direction: column;

    overflow-y: auto;

    position: absolute;

    width: 100%;

    height: 100%;

    white-space: normal;

  }

  #mobile-nav > ul.menu > li, #mobile-nav ul.main-submenu > li {

    margin: 0;

    padding: 0;

    border-bottom: 1px solid #d8d8d870;

    display: flex;

    flex-direction: column;

  }

  #mobile-nav .nav-main-link {

    width: 100%;

    text-align: left;

    padding: 15px 40px 15px 20px;

    box-sizing: border-box;

    display: flex;

    position: relative;

  }

  #mobile-nav .nav-main-link:before {

    bottom: -1px;

  }

  #mobile-nav .nav-secondary-link {

    margin: 15px 20px;

    font-size: 16px;

  }

  #mobile-nav > ul.menu li.has-children > a:after {

    margin-top: auto;

    margin-bottom: auto;

    transform: rotate(-90deg);

    position: absolute;

    right: 20px;

    top: 0;

    bottom: 0;

  }

  #mobile-nav > ul.menu li.has-children.enabled > a:after {

    transform: rotate(0deg);

  }

  .mobile-menu-opened #mobile-nav {

    visibility: visible;

    pointer-events: unset;

    transform: translateX(0);

  }

  ul.submenu {

    margin-bottom: -1px;

    list-style-type: none;

    transition: height .4s ease;

    background: #fff;

  }

  #mobile-nav > ul.menu li.enabled > ul.submenu {

    display: block;

  }

  #mobile-nav > ul.menu > li > ul.submenu {

    display: block;

    height: 0;

    overflow: hidden;

  }

  #mobile-nav > ul.menu > li.enabled > ul.submenu {

    height: var(--height, 100%);

  }

  #mobile-nav > ul.menu > li > ul.submenu > li:not(.enabled) > a {

    font-weight: 300;

    font-size: 16px;

  }

  #mobile-nav > ul.menu li.enabled {

    top: 0;

    background: #fff;

    width: 100%;

  }

  #mobile-nav ul.submenu > li.enabled > a {

    justify-content: center;

    padding-left: 40px;

    padding-right: 20px;

  }

  #mobile-nav ul.submenu > li.has-children.enabled > a:after {

    right: unset;

    left: 10px;

    transform: rotate(90deg);

  }

  #mobile-nav ul.submenu > li.enabled {

    position: fixed;

    height: calc(100dvh - 1px - var(--header-menu-row-height));

    z-index: 1;

    overflow-y: auto;

  }

  .sidebar.right .sticky {

    top: 90px;

  }

  .sticky, .sticky-inner > div, .wide-banner > div iframe, .scrolling.breakpoint-1140 > div {

    top: 80px;

  }

}

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

  #narrow.page {

    flex-wrap: wrap;

    gap: 0;

  }

  #narrow.page .main-left, .page .sidebar.right {

    width: 100%;

  }

  #insta-images {

    max-height: 460px;

  }

  .scrolling.breakpoint-1140 > div {

    top: 80px;

  }

  .scrolling.breakpoint-980 > div {

    position: sticky;

    top: 80px;

  }

  .scrolling.breakpoint-980 {

    background: var(--x-light-grey);

  }

  .breakpoint-980.mob-600 {

    height: 750px;

  }

  .out-info + .banner.row {

    margin-top: 25px;

  }

}

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

  #instagram {

    margin-bottom: 25px;

  }

  #insta-images div.insta-item.first {

    background-position: center 42%;

  }

  #insta-images {

    max-height: 535px;

  }

  #insta-images div.insta-item, #insta-images div.insta-item.large {

    width: 33.3333%;

    height: auto;

  }

  #insta-images div.insta-item:nth-child(n+7) {

    display: none;

  }

}

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

  h1, h2.large {

    font-size: 30px;

  }

  h1.medium, h2.medium {

    font-size: 26px;

  }

  h1.small {

    font-size: 24px;

  }

  h2 {

    font-size: 19px;

  }

  h3 {

    font-size: 18px;

  }

  h4 {

    font-size: 17px;

  }

  .heading {

    font-size: 24px;

  }

  .cat-heading .moto {

    font-size: 18px;

  }

  article .img-container.video:after {

    width: 55px;

    height: 50px;

    right: 10px;

    bottom: 8px;

  }

  .four-articles > article {

    width: calc((100% - 25px) / 2);

  }

  #footer {

    padding-top: 25px;

  }

  #footer .left, #footer .center, #footer .right {

    width: 100%;

    text-align: center;

  }

  #footer .center ul.footer-menu {

    max-width: 280px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 25px;

    column-count: 1;

  }

  #footer .center ul.footer-menu li {

    margin-right: 0;

    padding-right: 0;

  }

  .cat-heading h1 span, .cat-heading h2.large span {

    display: inline-block;

  }

  .cat-heading h1 span:after, .cat-heading h2.large span:after {

    width: var(--last-line-width, 100%);

    left: 50%;

    transform: translateX(-50%);

  }

  .cat-heading.align-left h2.large span:after {

    left: 0;

    transform: none;

  }

}

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

  #mobile-nav {

    width: calc(100% - 20%);

  }

}

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

  :root {

    --sp-large: 40px;

    --sp-medium: 30px;

    --sp-small: 25px;

  }

  h1, h2.large {

    font-size: 25px;

  }

  h1.medium, h2.medium {

    font-size: 24px;

  }

  h1.small {

    font-size: 22px;

  }

  h2 {

    font-size: 18px;

  }

  .heading {

    font-size: 22px;

  }

  .cat-heading.top-cat {

    margin-top: 0;

  }

  .tags {

    padding: 16px 8px 6px;

  }

  .tags a {

    margin-right: 5px;

    margin-bottom: 9px;

    padding: 0 14px;

  }

  .inline-image-container {

    gap: 20px;

  }

  #back-to-top {

    right: 15px;

  }

  .inline-image-container.quad .image-item {

    width: 50%;

  }

  .three-articles > article {

    width: calc((100% - 25px) / 2);

  }

  .wide-banner {

    max-width: 100%;

    width: 300px !important;

    height: 750px;

  }

  .scrolling > div, .wide-banner > div {

    position: sticky;

    top: 80px;

  }

  .scrolling {

    background: var(--x-light-grey);

  }

  .mob-600 {

    height: 750px;

  }

  .mob-250 {

    height: 600px;

  }

}

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

  #insta-images {

    max-height: 470px;

  }

}

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

  :root {

    --header-menu-row-height: 74px;

  }

  #wrapper, .maximum {

    padding-left: 20px;

    padding-right: 20px;

  }

  #wrapper {

    padding-top: 95px;

  }

  .logo svg, footer .left svg {

    width: 125px;

  }

  .logo svg {

    margin-top: -2px;

  }

  header .menu-row {

    margin-top: -74px;

  }

  article .img-container {

    margin-bottom: 10px;

  }

  .row.metadata {

    margin-bottom: 7px;

  }

  .tabs-slider-section {

    width: calc(100% + 40px);

    margin-left: -20px;

  }

  .slider.swiper {

    margin: 0 20px;

  }

  .slider .arrow {

    width: 38px;

    height: 38px;

  }

  .extra-post a.link {

    font-size: 16px;

  }

  .video-row article {

    padding: 20px;

  }

  .inline-image-container.double, .inline-image-container.triple, .inline-image-container.quad {

    flex-wrap: wrap;

  }

  .inline-image-container.double .img-item, .inline-image-container.triple .img-item, .inline-image-container.quad .img-item, .inline-image-container.double .image-item, .inline-image-container.triple .image-item, .inline-image-container.quad .image-item {

    width: 100%;

  }

  .four-articles {

    gap: 20px;

  }

  .four-articles > article {

    width: calc((100% - 20px) / 2);

  }

  .tips-wrapper {

    padding-left: 60px;

  }

  .tips-wrapper:before {

    left: 5px;

  }

  .three-articles {

    gap: 20px;

  }

  .three-articles > article {

    width: calc((100% - 20px) / 2);

  }

  #footer {

    font-size: 15px;

  }

  footer .mini-menu {

    padding-top: 10px;

    margin-bottom: 15px;

  }

  footer .mini-menu li {

    display: block;

    padding: 0;

  }

  footer .mini-menu li a {

    padding: 6px 4px;

    display: inline-block;

  }

  footer .mini-menu li:after {

    display: none;

  }

  #instagram {

    margin-bottom: 20px;

  }

  #insta-images div.insta-item, #insta-images div.insta-item.large {

    width: 50%;

  }

  #insta-images {

    max-height: 480px;

  }

  #insta-images div.insta-item:nth-child(n+5) {

    display: none;

  }

}

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

  #insta-images div.insta-item.first a span {

    padding-top: 36%;

    line-height: 1.25;

  }

  #insta-images div.insta-item.first a span strong {

    font-size: 16px;

  }

}

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

  #insta-images {

    max-height: 360px;

  }

}

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

  #wrapper, .maximum {

    padding-left: 15px;

    padding-right: 15px;

  }

  #wrapper {

    padding-top: 90px;

  }

  .tabs-slider-section {

    width: calc(100% + 30px);

    margin-left: -15px;

  }

  .slider.swiper {

    margin: 0 15px;

  }

  .four-articles {

    gap: 15px;

  }

  .four-articles > article {

    width: calc((100% - 15px) / 2);

  }

}

nav#toolbar-bar {

  z-index: 999999;

}

#consent-box {

  position: fixed;

  left: 0;

  bottom: 0px;

  background-color: var(--yellow);

  color: #000;

  padding: 6px 10px;

  font-size: 14px;

  cursor: pointer;

  z-index: 1000;

  display: block;

  font-weight: 400;

  transition: all ease 0.3s;

}

#consent-box:hover {

  background: #000;

  color: #fff;

}





#toolbar-link-custom_dashboard-admin_dashboard:before {

  background-image: url('../images/move-arrows_2add00b003.jpg');

}