body {
  background-color: #f7f7f7;
}

body.logged-in .logged-out {
  display: none;
}

body:not(.logged-in) .logged-in {
  display: none;
}


:where(.wp-site-blocks) > * {
  margin-block-start: 0px;
  margin-block-end: 0px;
}

.wp-block-search__button {
  border-radius: 24px;
}

.display-contents {
  display: contents;
}

.lineclamp-3 > *,
.lineclamp-2 > * {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lineclamp-2 > * {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.lineclamp-3 > * {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}



#site-body {
  margin: 0px;
}



.fi-medium .wp-block-post-featured-image {
  max-height: 180px;
}
.fi-small .wp-block-post-featured-image {
  max-height: 78px;
}


:root :where(.is-style-navigation-megamenu .wp-block-navigation-item.is-style-menu-heading a) {
  font-weight: 700 !important;
  color: var(--wp--preset--color--custom-branding-red) !important;
}

:root :where(#site-footer .wp-block-navigation-item.is-style-menu-heading a) {
  font-weight: 700 !important;
}

div[id^="google_ads_iframe"] {
  text-align: center;
}

.gad {
  margin-block-start: 0px;
  overflow-x: hidden;
}


#site-legals > * {
  margin: 0px;
}

#site-legals a {
  text-decoration: none;
}

[class*="background-darken"] {
  background-blend-mode: darken;
}

.background-darken-30 { background-color: rgba(0, 0, 0, 0.3); }
.background-darken-50 { background-color: rgba(0, 0, 0, 0.5); }
.background-darken-60 { background-color: rgba(0, 0, 0, 0.6); }
.background-darken-80 { background-color: rgba(0, 0, 0, 0.8); }

body[class*="cover-darken"] .darken {
  color: white;

  & > .wp-block-cover__background {
    background-color: black !important;
  }
  
}

body[class*="cover-lighten"] .lighten {
  color: black;

  & > .wp-block-cover__background {
    background-color: white !important;
  }
}

body.cover-darken-30   .darken > .wp-block-cover__image-background { opacity: 0.3; }
body.cover-darken-50   .darken > .wp-block-cover__image-background { opacity: 0.5; }
body.cover-darken-60   .darken > .wp-block-cover__image-background { opacity: 0.6; }
body.cover-darken-80   .darken > .wp-block-cover__image-background { opacity: 0.8; }
body.cover-darken-100  .darken > .wp-block-cover__image-background { opacity: 1; }

body.cover-darken-30   .lighten > .wp-block-cover__image-background { opacity: 0.3; }
body.cover-darken-50   .lighten > .wp-block-cover__image-background { opacity: 0.5; }
body.cover-darken-60   .lighten > .wp-block-cover__image-background { opacity: 0.6; }
body.cover-darken-80   .lighten > .wp-block-cover__image-background { opacity: 0.8; }
body.cover-darken-100  .lighten > .wp-block-cover__image-background { opacity: 1; }

.grid-article .wp-block-post {
  margin: 0px;
}



#site-row-navigation nav .wp-block-mag-button p:after {
  content: '▼';
}

#site-row-navigation nav .wp-block-mag-button p {
  display: inline-flex;
  align-items: center;
}

.header-logo img {
    height: 100px;
}

body.wp-singular.mag-hide-title .wp-block-post-title {
  display: none;
}


.site-section-adspace:not(:has(div[id^="google_ads_iframe"])) {
  display: none;
}


@container bodyrow (width >= 900px) {
  #site-row-navigation nav {
    font-size: 18px;
    column-gap: 18px;
  }

  #site-row-navigation nav .wp-block-mag-button p:after {
    font-size: 10px;
    padding-left:4px;
  }

}

@container bodyrow (width < 900px) {
  #site-row-navigation nav {
    font-size: 15px;
    column-gap: 12px;
  }

  #site-row-navigation nav .wp-block-mag-button p:after {
    font-size: 9px;
    padding-left:2px;
  }

  .header-logo img {
    height: 80px;
  }


  .custom-logo {
    width: 300px
  }
}



@container bodyrow (width < 800px) {
  /*
  #site-row-navigation nav {
    font-size: 14px;
    gap: 14px;
  }

  #site-row-navigation nav .wp-block-mag-button p:after {
    font-size: 8px;
    padding-left: 2px;
  }
*/
}


.site-grid-2-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (width < 768px) {
  .mega-frame .site-section {
    padding-top: 8px !important;
    padding-bottom: 24px !important;
  }

  #site-header-top {
    align-items: center;
  }

  .header-logo img {
    height: 60px;
  }  

  .site-grid-2-columns {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

#site-row-navigation nav .wp-block-mag-button p {
  display: inline-flex;
  align-items: center;
}





#menu-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

#menu-grid > nav {
  display: contents;
}

#menu-grid > nav ul {
  display: contents;
}

#menu-grid > nav ul a {
  width: 100%;
  text-align: center;
}

#menu-grid .wp-block-mag-button p {
  margin: 0px;
}

#site-top .wp-block-post-date {
  color: #707070 !important;
}

#menu-grid > nav ul a,
#menu-grid .wp-block-mag-button p {
    background-color: #EFEFEF;
    padding: 12px 4px;
    border-radius: 4px;
}

.mobile-menu-account {
    width: 32px;
    height: 32px;
    background-image: var(--svg-person) !important;
    background-size: contain !important;
}

.mobile-menu-search  {
    width: 32px;
    height: 32px;
    background-image: var(--svg-search) !important;
    background-size: contain !important;
}

.mobile-menu-main  {
    width: 32px;
    height: 32px;
    background-image: var(--svg-burger) !important;
    background-size: contain !important;
}



@media (width < 768px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (width >= 768px) {
  .hide-desktop {
    display: none !important;
  }
}

@container bodyrow (width < 1200px) {
  .grid-megamenu {
    grid-template-columns: 150px auto !important;
    row-gap: 0px !important;
  }

  .grid-megamenu .article-card {
    grid-template-columns: 120px auto !important;
  }

  .grid-megamenu > *:nth-child(1) {
    grid-row: 1 / 3;
  }

  .grid-megamenu .wp-block-heading,
  .grid-megamenu h2 a,
  .grid-megamenu nav a {
    font-size: 16px;
    font-weight: normal !important;
  }

  .grid-megamenu > *:nth-child(2) .article-card {
    --card-columns: 2;
  }  

  .grid-megamenu .wp-block-post-featured-image {
    max-height: 100px !important;
  }
}

@container bodyrow (width < 700px) {
  .grid-megamenu .article-card {
    grid-template-columns: auto !important;
    background-color: #EFEFEF;
    padding: 4px;
    border-radius: 4px;
  }  
  .grid-megamenu .wp-block-post-featured-image {
    display: none;
  }
}