/*
 * Theme Name:  Authentic Child
 * Theme URI:   https://codesupply.co/themes/authentic/
 * Description: Authentic Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    authentic
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.3;
}

.overlay h1.entry-title,
.pagination-content .overlay h4 {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

body,
.entry-content {
  line-height: 1.5;
}

.post-archive article .post-more:not(:first-child) {
  margin-top: 0.8rem;
}

.post-masonry .post-inner + .post-inner, .post-grid .post-inner + .post-inner {
  margin-top: 1rem;
}

.cs-block-carousel .post-thumbnail {
  margin-bottom: 1rem;
}

@media (max-width: 500px) {
  h1{
    font-size: 2rem !important;
  }
  h2{
    font-size: 1.5rem !important;
  }
  .post-outer:not(.overlay) h2{
    font-size: 1.2rem !important;
  }
  .entry-content blockquote,
  .wp-block-quote, .wp-block-pullquote p{
    font-size: 1.1rem !important;
  }
}

.wpml-ls-statics-footer,
.wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link {
  color: #fff !important;
  background-color: #757575 !important;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  margin-bottom: 0;
}

.overlay-media::before{
   background-color: rgba(44, 47, 48, .4) !important;
}

/* From Customizer 2025-08-07 */

.topbar .col-right {
  color: #ffffff !important;
  font-size: 0.875rem !important;
}

.cnvs-block-section-heading, .cnvs-block-section-heading .cnvs-section-title, .cnvs-block-section-heading::before, .cnvs-block-section-heading::after, .cnvs-block-section-heading .cnvs-section-title::before, .cnvs-block-section-heading .cnvs-section-title::after, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default .cnvs-section-title, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default::before, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default::after, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default .cnvs-section-title::before, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default .cnvs-section-title::after, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.haligncenter, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.haligncenter::before, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.haligncenter::after, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title::before, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title::after, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.halignright, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.halignright::before, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.halignright::after, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title::before, .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title::after {
  border-color: #004487 !important;
}

.navbar-footer a {
  font-size: 0.75rem !important;
}

.blog-description {
  display: none;
}

html:lang(de-DE) .blog-description-de {
  display: inline;
}

html:lang(en-US) .blog-description-en {
  display: inline;
}

html:lang(es-ES) .blog-description-es {
  display: inline;
}

html:lang(fr-FR) .blog-description-fr {
  display: inline;
}

html:lang(it-IT) .blog-description-it {
  display: inline;
}

.meta-category .post-categories li:not(:last-child)::after {
  content: "";
}
/*.meta-category .post-categories li + li::before,
.post-meta li + li::before {
    margin-right: 0.25rem;
    content: "\007C";
}*/

.meta-category .post-categories li + li {
  margin-left: 0.1rem;
}

.archive-standard .post-standard .entry-header {
  max-width: none;
}

.section-related-posts article .entry-title {
  line-height: 0.95rem;
}

.wp-block-quote cite {
  line-height: 0.75 !important;
}

.wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) {
  line-height: 0.75;
}

.post-more .button-link span {
  display: none;
}
.block-align-enabled .layout-narrow-enabled.layout-fullwidth .entry-content .alignwide .wm-fix-min-width-reset img {
  min-width: inherit;
}

.post-outer.overlay .overlay-link {
  /*	background: rgba(0,0,0,0);
      background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 66%);*/
}

.navbar-brand.site-description {
  color: #00A6E2;
  text-transform: uppercase;
  max-width: 240px;
  font-size: .875rem;
  line-height: 1.3;

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

.navbar-toggle {
  margin-right: 0;
  position: relative;
  padding: 1.5rem;
}

.navbar-toggle-inner {
  position: absolute;
  right: 0.5rem;
  top: 49%;
  transform: translate(0, -50%);
  height: 26px;
  width: 29px;
}
.navbar-toggle-inner, .navbar-toggle-inner:hover {
  color: #000;
}

.navbar-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: black;
  transition: all 0.3s ease;
}
.navbar-toggle-bar.navbar-toggle-bar--top {
  background-color: #F7A600;
  transform: translate(0, -8px);
}
.navbar-toggle-bar.navbar-toggle-bar--middle {
  background-color: #DF342E;
}
.navbar-toggle-bar.navbar-toggle-bar--bottom {
  background-color: #00A6E2;
  transform: translate(0, 8px);
}
.nav-open .navbar-toggle-bar.navbar-toggle-bar--top {
  transform: translate(0, 0) rotate(45deg);
}
.nav-open .navbar-toggle-bar.navbar-toggle-bar--middle {
  opacity: 0;
}
.nav-open .navbar-toggle-bar.navbar-toggle-bar--bottom {
  transform: translate(0, 0) rotate(-45deg);
}

.meta-category .post-categories li + li::before, .post-meta li + li::before {
  content: "";
  margin-right: 0;
}

.post-categories a, .cs-block-archive-posts article:not(.post-featured) .entry-header .post-categories a, .cs-block-narrow .layout-variation-simple .entry-header .post-categories a, .cs-block-wide .layout-variation-simple .entry-header .post-categories a, .cs-block-carousel .post-categories a, .cnvs-block-posts-sidebar:not(.cnvs-block-posts-sidebar-slider) .post-categories a, .pk-widget-posts .post-categories a,
.overlay-inner .post-categories a, .overlay-inner .meta-category .post-categories a, .site-submenu .overlay-inner .post-categories a, .site-submenu .overlay-inner .meta-category .post-categories a, .site-footer .overlay-inner .post-categories a, .site-footer .overlay-inner .meta-category .post-categories a, .entry-content .overlay-inner .post-categories a, .entry-content .overlay-inner .meta-category .post-categories a {
  position: relative;
  margin-left: 20px;
  font-size: .625rem;
  text-transform: uppercase;
}

.post-categories a:before, .cs-block-archive-posts article:not(.post-featured) .entry-header .post-categories a:before, .cs-block-narrow .layout-variation-simple .entry-header .post-categories a:before, .cs-block-wide .layout-variation-simple .entry-header .post-categories a:before, .cs-block-carousel .post-categories a:before, .cnvs-block-posts-sidebar:not(.cnvs-block-posts-sidebar-slider) .post-categories a:before, .pk-widget-posts .post-categories a:before,
.overlay-inner .post-categories a:before, .overlay-inner .meta-category .post-categories a:before, .site-submenu .overlay-inner .post-categories a:before, .site-submenu .overlay-inner .meta-category .post-categories a:before, .site-footer .overlay-inner .post-categories a:before, .site-footer .overlay-inner .meta-category .post-categories a:before, .entry-content .overlay-inner .post-categories a:before, .entry-content .overlay-inner .meta-category .post-categories a:before {
  position: absolute;
  left: -16px;
  top: 2px;
  content: "";
  height:10px;
  width:10px;
  margin-bottom:15px;
  background-color: grey;
  border:1px solid grey;
  border-radius: 2px;
}

a.parent-places::before,
a.parent-local::before,
a.parent-locations::before,
a.parent-lokal::before,
a.parent-orte::before,
a.parent-lieux::before,
a.parent-mistni::before,
a.parent-kohalik::before,
a.parent-locale::before,
a.parent-helyi::before,
a.parent-luoghi::before,
a.parent-lokalny::before,
a.parent-lugares::before,
a.parent-yerel::before {
  background-color: #00A6E2 !important;
  border:1px solid #00A6E2 !important;
}

a.parent-rubriky::before,
a.parent-categories::before,
a.parent-rubrics::before,
a.parent-rubriigid::before,
a.parent-rubriques::before,
a.parent-rubriky::before,
a.parent-rubrikak::before,
a.parent-rubriche::before,
a.parent-rubryki::before,
a.parent-rubricas::before,
a.parent-degerlendirme-listeleri::before,
a.parent-rubriken::before {
  background-color: #F7A600 !important;
  border:1px solid #F7A600 !important;
}

a.parent-temata::before,
a.parent-topics::before,
a.parent-teemad::before,
a.parent-sujets::before,
a.parent-temak::before,
a.parent-argomenti::before,
a.parent-tematy::before,
a.parent-temas::before,
a.parent-konular::before,
a.parent-themen::before {
  background-color: #DF342E !important;
  border:1px solid #DF342E !important;
}

.cnvs-block-section-heading {
  background-color: rgba(204, 217, 231, .3);
  padding: 5px;
}
.cnvs-block-section-heading .cnvs-section-title > span {
  position: relative;
  margin-left: 28px;
}
.cnvs-block-section-heading .cnvs-section-title > span::before {
  position: absolute;
  left: -26px;
  top: 0;
  content: "";
  height:18px;
  width:18px;
  margin-bottom:15px;
  background-color: grey;
  border:1px solid grey;
  border-radius: 3px;
}
.cnvs-block-section-heading.section-heading-topics .cnvs-section-title > span:before {
  background-color: #DF342E;
  border:1px solid #DF342E;
}
.cnvs-block-section-heading.section-heading-magazin .cnvs-section-title > span:before {
  background-color: #F7A600;
  border:1px solid #F7A600;
}
.cnvs-block-section-layout-full.cnvs-block-section-fullwidth.cnvs-block-section-layout-align-full .cnvs-block-section-heading {
  padding: .5rem;
  margin-bottom: 1px !important;
}

.cs-block-carousel {
  text-align:left;
}

@media (min-width: 760px) {
  .post-list:nth-child(even) .post-list-half {
    flex-direction: row-reverse;
  }
}

@media (max-width: 760px) {
  .mobile-reverse {
    flex-direction: column-reverse;
  }

  .page-header-wide {
    min-height: 200px;
  }

  .page-header-wide .overlay-outer {
    height: auto;
    min-height: 200px;
  }

  .overlay-inner {
    padding: 1rem;
  }
}

.archive .overlay-media::after,
.single-post .page-header .overlay-media::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  transition: all .2s ease;
  background: url('https://sw.fst.com/magazine/wp-content/uploads/2025/02/fst-sw-arch.svg') no-repeat bottom;
  background-size: cover;
}

.entry-content > .wp-block-pullquote,
.entry-content > blockquote {
  background-color: #CCD9E7;
  left: calc(-1rem - 15px);
  position: relative;
  max-width: 100vw;
  width: 100vw;

  @media only screen and (min-width: 768px) {
    left: calc(-1.25 * (10% + 15px));
  }

  @media only screen and (min-width: 1500px) {
    left: calc(-50vw + 50%);
  }
}
.style-align-left .entry-content > blockquote {
  padding-right: 4rem;
}
.style-align-left .wp-block-quote {
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.entry-content blockquote, .entry-content blockquote p {
  color: #004388 !important;
}
.entry-content blockquote p {
  max-width: 800px;
  margin: 0 auto;
}
.wp-block-pullquote blockquote:not(.has-text-color) cite, .wp-block-pullquote blockquote:not(.has-text-color) footer, .wp-block-pullquote blockquote:not(.has-text-color) .wp-block-pullquote__citation {
  text-transform: inherit;
  font-style: normal;
  font-size: 0.875rem;
}
.section-related-posts article .entry-title {
  line-height: 1.25;
}

.meta-category .post-categories li {
  padding: 0 5px 0 0;
  margin-right: 5px;
}
.overlay .meta-category .post-categories li {
  background-color: #00000050;
  border-radius: 3px;
}

.fst-bg-blue-grey-30, .home #canvas-content > .cs-block-archive-posts {
  background-color: rgba(204, 217, 231, .3);
}
.home #canvas-content > .cs-block-archive-posts .post-inner.post-list-content {
  max-width: 800px;
  padding-right: 3rem;
}

.post-archive .post:not(.post-standard) .post-excerpt {
  font-size: 1em;
}
.overlay-media::before {
  background-color: rgba(0,0,0,0) !important;
  background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 66%);
}
.overlay:hover .overlay-media::before {
  background-color: rgba(44,47,48,0.5) !important;
}

.post-outer {
  align-items: center;
}

.cs-block-horizontal-tiles article .post-meta:not(:first-child) {
  margin-top: 0.25rem;
}

/* Default: mobile first */
.navbar-footer .navbar-nav {
  flex-direction: column;
  align-items: flex-start; /* optional: aligns text left */
}

.navbar-footer .navbar-nav li {
  display: block;
  margin-bottom: 0.5rem;
}

.navbar-footer .navbar-nav > li + li {
  margin-left: 0;
}

/* Desktop breakpoint: keep horizontal */
@media (min-width: 768px) {
  .navbar-footer .navbar-nav {
    flex-direction: row;
    align-items: center;
  }

  .navbar-footer .navbar-nav li {
    display: inline-block;
    margin-bottom: 0; /* remove spacing */
    margin-right: 1rem; /* spacing between links */
  }

  .navbar-footer .navbar-nav li:last-child {
    margin-right: 0;
  }

  .navbar-footer .navbar-nav > li + li {
    margin-left: 2rem;
  }
}

/* Nav */

/* Override the original offcanvas behavior */
body.offcanvas-active .offcanvas {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}

.offcanvas-active .site-inner, .offcanvas-active .offcanvas-push {
  transform: none !important;
}

.offcanvas {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 80vh;
  max-height: 80vh;
  background: #fff;
  z-index: 9999;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.offcanvas-inner {
  padding: 0;
  flex-grow: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* Fix height and spacing inside */
.offcanvas-header {
  height: auto;
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
}

.offcanvas-sidebar {
  padding: 1rem;
  flex-grow: 1;
  overflow: hidden; /* Important: contain scroll */
  display: flex;
  flex-direction: column;
}

.offcanvas .navbar-offcanvas {
  height: auto !important;
}

/* Nav New Mobile First */

.mobile-category-nav {
  padding: 0;
  width: 100%;
}

.mobile-nav-close .nav-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.mobile-nav-close .offcanvas-toggle {
  text-align: right;
}

.mobile-nav-close .navbar-toggle {
  padding: 0 .35rem 1rem .35rem !important;
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}

.accordion-link {
  font-size: 1.1rem;
  text-decoration: none;
  text-transform: uppercase;
  flex-grow: 0;
  color: inherit;
}

.accordion-toggle {
  background: none;
  border: none;
  cursor: pointer;
  flex-grow: 1;
  font-size: 1.2rem;
  padding: 0 0.5rem;
  text-align: right;
}

.accordion-toggle .cs-icon {
  display: inline-block;
  transform-origin: center;
  transition: transform 0.2s ease;
}

.category-group.open .accordion-toggle .cs-icon {
  transform: rotate(180deg);
}

[class^="cs-icon-"], [class*="cs-icon-"] {
  font-weight: bold !important;
}

.category-group:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.submenu {
  display: none;
  padding-left: 0;
  padding-bottom: 1rem;
  list-style: none;
  margin: 0.5rem 0;
}

.category-group.open .submenu {
  display: block;
}

.category-color-block {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

/* Color blocks for parent groups */
.category-group.red .category-color-block {
  background-color: #d22f27;
}
.category-group.orange .category-color-block {
  background-color: #f6a800;
}
.category-group.blue .category-color-block {
  background-color: #00a3e0;
}

.submenu-item {
  position: relative;
  padding-left: 14px;
  margin-bottom: 0.25rem;
}

.submenu-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 1px;
}

/* Color per group */
.mobile-category-nav .red .accordion-toggle { color: #d22f27; }
.mobile-category-nav .orange .accordion-toggle { color: #f6a800; }
.mobile-category-nav .blue .accordion-toggle { color: #00a3e0; }

.category-group.red .category-color-block,
.category-group.red .submenu-item::before {
  background-color: #d22f27;
}
.category-group.orange .category-color-block,
.category-group.orange .submenu-item::before {
  background-color: #f6a800;
}
.category-group.blue .category-color-block,
.category-group.blue .submenu-item::before {
  background-color: #00a3e0;
}

@media (min-width: 768px) {
  .offcanvas-sidebar {
    padding: 2rem;
  }
  .submenu {
    columns: 3;
    column-gap: 2rem;
  }
}

@media (max-width: 1119.98px) {
  .navbar-primary .navbar-brand {
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    transform: none !important;
    margin-right: 0 !important;
  }
}