/* 1. Theme meta */

/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
*/

/* ===== WP RESET ===== */

/* Ukloni default block gap */
.wp-site-blocks {
  gap: 0;
}

/* Ukloni default margins */
.wp-block-group,
.wp-block-heading,
.wp-block-paragraph,
.wp-block-post-title,
.wp-block-post-excerpt {
  margin-top: 0;
  margin-bottom: 0;
}

/* Reset za sve unutar site-a (oprezno ali korisno) */
.wp-site-blocks * {
  box-sizing: border-box;
}

/* OPTIONAL: jači reset ako WP i dalje zeza */
.wp-site-blocks * {
  margin-top: 0;
  margin-bottom: 0;
}

html {
  scroll-behavior: smooth;
}

/* 2. Fonts */

/* inter-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('./assets/fonts/inter-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('./assets/fonts/inter-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('./assets/fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('./assets/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('./assets/fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('./assets/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('./assets/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('./assets/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('./assets/fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: 'Clash Display';
  src: url('./assets/fonts/ClashDisplay-Variable.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

/* 3. Base styles */

body {
  font-family: 'Inter', sans-serif;
}

/* Links style */
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: inherit;
}

a {
  cursor: pointer;
}


/* 4. Utilities (.font-clash) */

.font-clash {
  font-family: 'Clash Display', sans-serif;
}

.gradient-text {
  font-family: 'Clash Display', sans-serif;
  font-weight: 500;

  background: linear-gradient(90deg, #DEF080, #A8F4FE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.header-360 {
  background: linear-gradient(90deg, #072729 0%, #092F32 100%);
}

.blog-section-bg {
  background: linear-gradient(90deg, #072729 0%, #092F32 100%);
  margin-top: 0 !important;

}

.cstm-pad-b {
    padding-bottom: 90px !Important;
}

.divider-line {
  height: 1px;
  background-color: #3A595B;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 60px;
}

.divider-line-footer {
  height: 1px;
  background-color: #3A595B;
  width: 100%;
  margin: 30px 0;
}

.blog-card {
  padding-top: 0 !important;
  background: #F1F1F1;
  border-radius: 20px;
  overflow: hidden; 
  padding: 0; 
  display: flex;
  flex-direction: column;
}

.card-image img {
  max-width: 100% !important;
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.card-image {
     margin-left: 0 !important;
  margin-right: 0 !important;
}

.card-content {
  padding: 20px;
}

.blog-card h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.blog-card p {
  font-size: 14px;
  color: #555;
  margin-bottom: 16px;
}

.blog-card {
  transition: transform 0.2s ease;
}

.blog-card:hover {
  transform: translateY(-4px);
}

.blog-card{
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.blog-section-bg {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 120px !important;
}

/*.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
     margin-left: 0 !important;
  margin-right: 0 !important;
}*/
.card-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.card-tags a {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #6B8284; 
  border-radius: 8px 0 8px 0;
  font-size: 18px;
  color: #6B8284;
  text-decoration: none;
  background: transparent;
}

/* uklanja zareze */
.card-tags {
  font-size: 0;
}

.card-tags a {
  font-size: 13px;
}

.card-tags a:hover {
  background: #EAF3F3;
  border-color: #9FB2B2;
}

.explore-section {
    display: flex;
    flex-direction: row; 
}

.cta-button-green {
  transition: all 0.2s ease;
}

.cta-button-green:hover {
  background: #d4e76f; /* malo tamnija */
  transform: translateY(-1px);
  border-radius: 999px; /* pill shape */
  cursor: pointer;
}

.cta-section {
 background: #092F32;
  position: relative;
  overflow: hidden; /* bitno da ne izlazi van */
}

.cta-section::after {
  content: "";
  position: absolute;
  right: 60px;
  bottom: 20px;
  width: 500px;   
  height: 400px;  
  background-image: url('/wp-content/uploads/2026/05/Default-Image.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* Responsive cta-section image positioning */
@media (max-width: 1055px) {
  .cta-section::after {
  content: "";
  position: absolute;
  right: 60px;
  bottom: 20px;

  width: clamp(220px, 32vw, 400px); /* clamp(min, preferred, max) */
  aspect-ratio: 5 / 4; 

  background-image: url('/wp-content/uploads/2026/05/Default-Image.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  }
}

@media (max-width: 540px) {
    .cta-section::after {
          background-image: none;

      display: none !important;
}
}

.cta-title {
  max-width: 600px; 
  line-height: 1.2;
}

/* Footer */

/*.footer-width {
    max-width: 1440px !Important;
}*/

.footer-360 {
    background-color: #092F32;
}

.footer-list-style {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-list-style li {
  margin-bottom: 10px;
}

.footer-list-style a {
  text-decoration: none;
  color: #AFC1C1; /* svijetlo siva kao u dizajnu */
  font-size: 14px;
  transition: color 0.2s ease;
}

/* hover efekat */
.footer-list-style a:hover {
  color: #DEF080; /* accent boja */
  cursor: pointer;
}

.footer-list-style-under ul {
    display: flex;
    flex-direction: row;
}


.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr 2fr;
  gap: 24px;
}

.subtitle-text {
  max-width: 400px; /* igraj se 550–700px */
  line-height: 1.4;
}

.custom-margin {
  margin-left: auto !important;
  margin-right: auto !important;
}

/*
.login-btn {
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
*/


/*
.login-btn:hover {
  background: #FFFFFF;
  color: #0B3D3D; 
} 
*/

@media (max-width: 767px) {
  .site-footer-custom {
    text-align: center;
    padding: 40px 24px;
  }

  .site-footer-custom .footer-grid {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }

  .site-footer-custom .footer-list-style {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 22px;
  }

  .site-footer-custom .footer-list-style li {
    margin: 0;
  }

  .site-footer-custom .footer-list-style a {
    font-size: 14px;
  }

  .site-footer-custom .footer-list-style-title {
    text-align: center;
    margin-bottom: 14px;
  }

  .site-footer-custom .social-icons,
  .site-footer-custom .footer-badges,
  .site-footer-custom .footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }

  .site-footer-custom .footer-bottom {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }

  .site-footer-custom .divider-line-footer {
    width: 100%;
    margin: 36px 0;
  }
}

.site-footer-mobile {
   display: none !important;
}

@media (max-width: 767px) {
  .footer-360 .site-footer-desktop {
    display: none !important;
  }

  .footer-360 .site-footer-mobile {
    display: block !important;
  }
}

/* Single Blog Post */

.featured-image-single {
  border-radius: 20px 0 20px 0;
}

.single-blog-title {
  font-family: 'Clash Display', sans-serif;
  font-weight: 500;
  color: #FDFDFD;
}

.single-post-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.single-post-list li {
    margin-bottom: 15px;
}

.single-post-list a {
  text-decoration: none;
}

.body-single-text {
    font-size: 20px;
}

.body-single-text p {
    margin-bottom: 20px;
    color: #1E1919;
}

.body-single-text h2 {
    margin-bottom: 20px;
}

.single-post-list-content {
    margin-bottom: 20px;
}

.single-post-list-content li a {
  text-decoration: underline !important;
  color: #0D6367 !important;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

/* Single Blog FAQs Styles */

.wp-block-accordion-heading__toggle {
    display: flex;
    align-items: center;
    gap: 16px;

    width: 100%;
    padding: 28px 0;

    background: transparent;
    border: none;

    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;

    text-align: left;
    cursor: pointer;
}

.wp-block-accordion-heading {
    margin: 0;
    border-top: 1px solid #d9d9d9;
}

.wp-block-accordion-heading:last-child {
    border-bottom: 1px solid #d9d9d9;
}

.wp-block-accordion-heading__toggle-title {
    flex: 1;
}

.wp-block-accordion-heading__toggle-icon {
    order: -1;

    font-size: 24px;
    font-weight: 300;
    line-height: 1;

    width: 32px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none !important;
}

/* skloni border iznad prvog itema */
.wp-block-accordion-item:first-child .wp-block-accordion-heading {
    border-top: none;
}

/* plus ikonica */
.wp-block-accordion-heading__toggle-icon {
    color: #9a9a9a;
    font-size: 30px;
}


.other-posts-style {
    font-family: 'Clash Display', sans-serif;
}

.footer-heading-font {
    font-family: 'Clash Display', sans-serif;
}


/* =========================
   PRODUCTS MEGA MENU
========================= */

/* dropdown container */
.mega-products .wp-block-navigation__submenu-container {

    min-width: 520px;

    padding: 28px;

    background: #f3f3f3;

    border: none !important;
    border-radius: 20px;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.08);

    display: flex;
    flex-direction: column;

    gap: 8px;

    top: calc(100% + 14px);
}

/* each dropdown item */
.mega-products 
.wp-block-navigation__submenu-container 
.wp-block-navigation-item {

    width: 100%;
    margin: 0;
}

/* ONLY dropdown links */
.mega-products 
.wp-block-navigation__submenu-container 
.wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 14px 0;
    color: #1f1f1f !important;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
    word-break: keep-all;
    border: none !important;
}

/* hover */
.mega-products 
.wp-block-navigation__submenu-container 
.wp-block-navigation-item__content:hover {
    opacity: 0.75;
    text-decoration: none !important;
}

/* descriptions */
.mega-products small {
    display: block;
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: #555;
}

/* remove default WP submenu borders */
.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {

    border: none !important;
}

/* remove WP default arrow */
.mega-products .wp-block-navigation-submenu__toggle,
.mega-resources .wp-block-navigation-submenu__toggle {

    display: none;
}

/* custom arrow */
.mega-products > .wp-block-navigation-item__content::after,
.mega-resources > .wp-block-navigation-item__content::after {

    content: "";

    display: inline-block;

    width: 10px;
    height: 10px;

    margin-left: 10px;

    border-right: 2px solid #d7ef8a;
    border-bottom: 2px solid #d7ef8a;

    transform: rotate(45deg) translateY(-2px);

    transition: transform 0.3s ease;
}

/* rotate arrow */
.mega-products:hover > .wp-block-navigation-item__content::after,
.mega-resources:hover > .wp-block-navigation-item__content::after  {

    transform: rotate(225deg) translateY(2px);
}



/* remove underline everywhere */
.mega-products a,
.mega-products a:hover,
.mega-products a:focus {

    text-decoration: none !important;
}


.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    min-width: 250px !important;
}

.mega-products:hover 
.wp-block-navigation-submenu__toggle svg {

    transform: rotate(180deg);
}


.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    left: -110px;
}


/* Resources */

.resources-mega-menu {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    min-width: 720px;
    background: #f3f3f3;
    border-radius: 24px;
    overflow: hidden;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.08);
}

/* left */
.resources-feature {
    padding: 28px;
    border-right: 1px solid #ddd;
}

/* right */
.resources-links {
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.resources-links a {
    text-decoration: none;
    color: #1f1f1f;
}

.resources-links strong {
    display: block;
    font-size: 18px;
    margin-bottom: 6px;
}

.resources-links span {
    color: #555;
}

/* resources dropdown wrapper */
.mega-resources .wp-block-navigation__submenu-container {
    width: 760px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    display: block !important;
}

/* custom mega menu */
.resources-mega-menu {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    width: 100%;
    background: #f3f3f3;
    border-radius: 24px;
    overflow: hidden;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.08);
}

/* left column */
.resources-feature {
    padding: 32px;
    border-right: 1px solid #d9d9d9;
}

/* right column */
.resources-links {
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* links */
.resources-links a {
    display: block;
    text-decoration: none !important;
    color: #1f1f1f;
}

/* title */
.resources-links strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

/* description */
.resources-links span {
    color: #555;
    font-size: 15px;
    line-height: 1.4;
}

/* image */
.resources-feature img {
    width: 100%;
    border-radius: 14px;
    margin: 18px 0 24px;
}

/* label */
.resources-label {
    font-size: 14px;
    letter-spacing: 0.08em;
    color: #999;
    font-weight: 700;
}

/* heading */
.resources-feature h3 {
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 20px;
}

/* CTA */
.resources-feature a {
    text-decoration: none;
    font-weight: 500;
    color: #143437;
}

/* Footer Responsive */

/* =========================
   FOOTER RESPONSIVE
========================= */

@media (max-width: 991px) {

    /* main footer padding */
    .footer-360 {

        padding-left: 24px;
        padding-right: 24px;
    }

    /* top columns */
    .footer-360 .alignfull:first-child {

        display: flex !important;
        flex-direction: column !important;

        gap: 48px;
    }

    /* footer groups */
    .footer-360 .wp-block-group {

        width: 100%;
    }

    /* headings */
    .footer-heading-font {

        font-size: 32px !important;

        text-align: center;
    }

    /* lists */
    .footer-list-style {

        text-align: center;

        padding-left: 0;
    }

    .footer-list-style li {

        list-style: none;

        margin-bottom: 14px;
    }

    /* logo + socials */
    .footer-360 .wp-block-site-logo {

        justify-content: center;
    }

    .footer-360 .wp-block-site-logo img {

        margin: 0 auto;
    }

    /* socials wrapper */
    .footer-360 .wp-block-group:has(.wp-image-61) {

        justify-content: center;
    }

    /* divider */
    .divider-line-footer {

        margin: 48px 0;
    }

    /* bottom section */
    .footer-grid {

        display: flex !important;

        flex-direction: column !important;

        gap: 48px;
    }

    /* copyright */
    .custom-width {

        align-items: center !important;

        text-align: center;
    }

    /* badges */
    .footer-grid img {

        max-width: 90px;
        height: auto;
    }

    /* badges wrapper */
    .footer-grid .wp-block-group:has(img) {

        justify-content: center;
        flex-wrap: wrap;
    }

    /* legal links */
    .footer-grid .wp-block-read-more {

        text-align: center;
    }

    .footer-grid > .wp-block-group:last-child {

        flex-wrap: wrap !important;

        justify-content: center;

        gap: 18px;
    }
}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 640px) {

    .footer-360 {

        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .footer-heading-font {

        font-size: 26px !important;
    }

    .footer-list-style li {

        font-size: 15px !important;
    }

    .footer-grid img {

        max-width: 72px;
    }

    .footer-360 p,
    .footer-360 a {

        font-size: 15px !important;
    }
}

@media (max-width: 767px) {
    .site-footer-custom {
        padding: 0 !Important;
    }}
    
    
@media (max-width: 991px) {

/* ========================================
   HIDE EVERYTHING EXCEPT
   LOGO + HAMBURGER
======================================== */

header .wp-block-buttons,
header .language-switcher,
header .desktop-only {

    display: none !important;
}


/* ========================================
   HEADER LAYOUT
======================================== */

header .wp-block-columns {

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    flex-wrap: nowrap !important;
}


/* ========================================
   LOGO
======================================== */

.wp-block-site-logo img {

    max-width: 220px !important;

    height: auto;
}


/* ========================================
   HAMBURGER
======================================== */

.wp-block-navigation__responsive-container-open {

    width: 46px;
    height: 46px;

    position: relative;

    background: transparent !important;
    border: none !important;

    padding: 0 !important;
}


/* hide default icon */
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {

    display: none;
}


/* custom hamburger */
.wp-block-navigation__responsive-container-open::before {

    content: "";

    display: block;

    width: 34px;
    height: 22px;

    background:
        linear-gradient(
            to bottom,

            #d7ef8a 0,
            #d7ef8a 4px,

            transparent 4px,
            transparent 9px,

            #d7ef8a 9px,
            #d7ef8a 13px,

            transparent 13px,
            transparent 18px,

            #d7ef8a 18px,
            #d7ef8a 22px
        );
}


/* ========================================
   OVERLAY
======================================== */

.wp-block-navigation__responsive-container {

    background: #032f33 !important;

    padding: 22px !important;

    inset: 0 !important;

    border: none !important;
}


/* ========================================
   CLOSE BUTTON
======================================== */

.wp-block-navigation__responsive-container-close {

    position: absolute;

    top: 22px;
    right: 22px;

    width: 42px;
    height: 42px;

    background: transparent !important;
    border: none !important;

    color: transparent !important;
}


/* custom X */
.wp-block-navigation__responsive-container-close::before {

    content: "✕";

    font-size: 34px;

    line-height: 1;

    color: #d7ef8a;
}


/* ========================================
   OVERLAY CONTENT
======================================== */

.wp-block-navigation__responsive-container-content {

    display: flex !important;

    flex-direction: column !important;

    justify-content: space-between !important;

    align-items: flex-start !important;

    min-height: 100%;

    padding-top: 90px;
}


/* ========================================
   NAV LIST
======================================== */

.wp-block-navigation__responsive-container-content 
.wp-block-navigation__container {

    width: 100%;

    gap: 28px !important;
}


/* ========================================
   MAIN LINKS
======================================== */

.wp-block-navigation__responsive-container-content 
.wp-block-navigation-item__content {

    color: #f5f5f5 !important;

    text-decoration: none !important;

    font-size: 22px !important;

    font-weight: 700 !important;

    line-height: 1.3;
}


/* ========================================
   SUBMENU LINKS
======================================== */

.wp-block-navigation__submenu-container {

    background: transparent !important;

    border: none !important;

    padding-top: 16px !important;

    padding-left: 20px !important;

    gap: 16px !important;

    position: static !important;

    box-shadow: none !important;
}


.wp-block-navigation__submenu-container 
.wp-block-navigation-item__content {

    font-size: 17px !important;

    font-weight: 500 !important;
}


/* ========================================
   REMOVE DESKTOP STYLES
======================================== */

.mega-products .wp-block-navigation__submenu-container,
.mega-resources .wp-block-navigation__submenu-container {

    min-width: unset !important;

    width: 100% !important;

    border-radius: 0 !important;

    background: transparent !important;

    padding: 16px 0 0 20px !important;

    box-shadow: none !important;
}


/* remove descriptions */
.mega-products small,
.resources-links span,
.resources-feature {

    display: none !important;
}


/* remove resources grid */
.resources-mega-menu {

    display: block !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* ========================================
   TOGGLES
======================================== */

.wp-block-navigation-submenu__toggle {

    color: #d7ef8a !important;

    background: transparent !important;

    border: none !important;
}


/* ========================================
   LOGIN BUTTON
======================================== */

/* IMPORTANT:
   login button MUST be INSIDE overlay
*/

.mobile-login-button {

    width: 100%;
}


.mobile-login-button .wp-block-button__link {

    width: 100%;

    text-align: center;

    border-radius: 999px;

    padding: 16px 24px;

    font-size: 18px;

    font-weight: 700;
}


/* ========================================
   REMOVE UNDERLINES
======================================== */

.wp-block-navigation a {

    text-decoration: none !important;
}

}

@media (max-width: 991px) {

/* ========================================
   HAMBURGER FAR RIGHT
======================================== */

.wp-block-navigation__responsive-container-open {

    margin-left: auto !important;

    display: flex !important;
}


/* ========================================
   REMOVE ALL MOBILE ARROWS
======================================== */

.wp-block-navigation-submenu__toggle,
.wp-block-navigation-submenu__toggle svg {

    display: none !important;
}


/* ========================================
   FORCE SUBMENU TEXT WHITE
======================================== */

.wp-block-navigation__submenu-container 
.wp-block-navigation-item__content,

.wp-block-navigation__submenu-container 
.wp-block-navigation-item__content:link,

.wp-block-navigation__submenu-container 
.wp-block-navigation-item__content:visited {

    color: #ffffff !important;

    opacity: 1 !important;
}


/* ========================================
   FORCE SUBMENU ITEMS VISIBLE
======================================== */

.wp-block-navigation__submenu-container 
.wp-block-navigation-item {

    opacity: 1 !important;
}


/* ========================================
   REMOVE DARK TEXT
======================================== */

.wp-block-navigation__submenu-container * {

    color: #ffffff !important;
}

}

/* Third part */

@media (max-width: 991px) {

/* ========================================
   REMOVE MOBILE OVERFLOW
======================================== */

html,
body {

    overflow-x: hidden;
}


/* overlay */
.wp-block-navigation__responsive-container {

    width: 100vw !important;

    max-width: 100vw !important;

    overflow-x: hidden !important;
}


/* all submenu containers */
.wp-block-navigation__submenu-container,

.mega-products .wp-block-navigation__submenu-container,

.mega-resources .wp-block-navigation__submenu-container {

    min-width: unset !important;

    width: 100% !important;

    max-width: 100% !important;

    left: 0 !important;

    right: 0 !important;
}


/* resources layout */
.resources-mega-menu {

    width: 100% !important;

    max-width: 100% !important;

    overflow: hidden !important;
}


/* all nav items */
.wp-block-navigation-item {

    max-width: 100%;
}


/* prevent weird text overflow */
.wp-block-navigation-item__content {

    word-break: break-word;
}

}

/* ========================================
   FORCE WP MOBILE NAV BREAKPOINT
======================================== */

@media (min-width: 992px) {

    /* hide hamburger */
    .wp-block-navigation__responsive-container-open {

        display: none !important;
    }

    /* show desktop nav */
    .wp-block-navigation__responsive-container {

        display: block !important;

        position: static !important;

        width: auto !important;

        background: transparent !important;
    }
}


@media (max-width: 991px) {

    /* hide desktop nav container */
    .wp-block-navigation:not(.has-modal-open) 
    .wp-block-navigation__container {

        display: none;
    }

    /* show hamburger */
    .wp-block-navigation__responsive-container-open {

        display: flex !important;
    }
}

@media (max-width: 991px) {

/* ========================================
   FIX HEADER LAYOUT
======================================== */

header .wp-block-columns {

    display: flex !important;

    flex-wrap: nowrap !important;

    align-items: center !important;

    justify-content: space-between !important;
}


/* logo column */
header .wp-block-column:first-child {

    flex: 1 1 auto;
}


/* navigation column */
header .wp-block-column:last-child {

    flex: 0 0 auto;

    display: flex !important;

    justify-content: flex-end !important;

    align-items: center !important;
}


/* ========================================
   FIX HAMBURGER POSITION
======================================== */

.wp-block-navigation__responsive-container-open {

    margin-left: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}


/* ========================================
   REMOVE DESKTOP CUSTOM ARROWS
======================================== */

.mega-products > .wp-block-navigation-item__content::after,
.mega-resources > .wp-block-navigation-item__content::after {

    display: none !important;

    content: none !important;
}


/* ========================================
   REMOVE ALL SUBMENU ARROWS
======================================== */

.wp-block-navigation-submenu__toggle,
.wp-block-navigation-submenu__toggle svg {

    display: none !important;
}

}

@media (max-width: 991px) {

/* ========================================
   HEADER WRAPPER
======================================== */

header .wp-block-columns {

    display: grid !important;

    grid-template-columns: 1fr auto !important;

    align-items: center !important;

    width: 100% !important;
}


/* ========================================
   RESET WP COLUMN BEHAVIOR
======================================== */

header .wp-block-column {

    width: auto !important;

    flex-basis: auto !important;

    margin: 0 !important;
}


/* ========================================
   LOGO
======================================== */

.wp-block-site-logo {

    display: block !important;
}

.wp-block-site-logo img {

    display: block !important;

    max-width: 220px !important;

    height: auto !important;
}


/* ========================================
   NAVIGATION WRAPPER
======================================== */

.wp-block-navigation {

    width: auto !important;

    min-width: unset !important;

    margin-left: auto !important;

    justify-self: end !important;
}


/* ========================================
   HAMBURGER BUTTON
======================================== */

.wp-block-navigation__responsive-container-open {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 48px !important;

    height: 48px !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* ========================================
   PREVENT WRAPPING
======================================== */

header {

    overflow: hidden;
}

}

@media (max-width: 991px) {

/* ========================================
   HIDE BUTTON COLUMN
======================================== */

header .wp-block-column:nth-child(3) {

    display: none !important;
}


/* ========================================
   FIX COLUMNS LAYOUT
======================================== */

header .wp-block-columns {

    display: grid !important;

    grid-template-columns: 1fr auto !important;

    align-items: center !important;

    width: 100% !important;

    gap: 0 !important;
}


/* ========================================
   RESET COLUMN STYLES
======================================== */

header .wp-block-column {

    width: auto !important;

    flex-basis: auto !important;

    margin: 0 !important;
}


/* ========================================
   LOGO COLUMN
======================================== */

header .wp-block-column:first-child {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;
}


/* ========================================
   NAV COLUMN
======================================== */

header .wp-block-column:nth-child(2) {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;
}


/* ========================================
   FORCE LOGO
======================================== */

.wp-block-image {

    margin: 0 !important;
}


.wp-block-image img {

    display: block !important;

    max-width: 220px !important;

    height: auto !important;
}


/* ========================================
   NAVIGATION
======================================== */

.wp-block-navigation {

    width: auto !important;

    margin-left: auto !important;
}


/* ========================================
   HAMBURGER
======================================== */

.wp-block-navigation__responsive-container-open {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 0 !important;
}

}

/* newest fix */
/* ========================================
   DESKTOP FIX WHEN USING ALWAYS
======================================== */

@media (min-width: 992px) {

/* hide mobile open button */
.wp-block-navigation__responsive-container-open {

    display: none !important;
}

/* remove overlay mode */
.wp-block-navigation__responsive-container {

    position: static !important;

    inset: auto !important;

    background: transparent !important;

    width: auto !important;

    height: auto !important;

    padding: 0 !important;

    overflow: visible !important;

    display: block !important;
}


/* normal desktop nav layout */
.wp-block-navigation__responsive-container-content {

    display: block !important;

    padding: 0 !important;

    min-height: auto !important;
}


/* desktop nav visible */
.wp-block-navigation__container {

    display: flex !important;
}


/* hide close button */
.wp-block-navigation__responsive-container-close {

    display: none !important;
}

}

/* Final Fix */

/* ========================================
   SMALL DESKTOP NAV FIX
======================================== */

@media (max-width: 1297px) and (min-width: 992px) {

/* navigation wrapper */
header .wp-block-navigation__container {

    gap: 16px !important;

    flex-wrap: nowrap !important;
}


/* nav links */
header .wp-block-navigation-item__content {

    font-size: 17px !important;

    white-space: nowrap !important;
}


/* arrows */
header .mega-products > .wp-block-navigation-item__content::after,
header .mega-resources > .wp-block-navigation-item__content::after {

    width: 7px !important;
    height: 7px !important;

    margin-left: 6px !important;
}

}


.simpletoc-list {
  list-style: none;
  padding-left: 0;
  margin-left: -92px;
}
.simpletoc-list li {
    margin-bottom: 15px;
}

.simpletoc-list a {
  text-decoration: none;
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);
font-style: normal;
font-weight: 400;
line-height: 1.5;
color:#6b8284
}

.simpletoc-list ul ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.simpletoc-list ul ul li {
  list-style: none;
}

.simpletoc-list ul ul li::marker {
  content: "";
}

.simpletoc-list li:has(ul) {
  list-style: none;
}

/* quick indentation reset */
.simpletoc-list ul ul {
  padding-left: 0;
  margin-left: 0;
}

.simpletoc-list ul {
    padding-inline-start: 0px !Important;
}

/* Hero Single Blog */

@media (min-width: 1024px) {

.hero-row {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}

.hero-row .wp-block-post-featured-image {
  flex: 0 0 500px;
}

.hero-row .wp-block-post-title {
  max-width: 550px;
}

}

/* HERO SECTION */

.hero-section {
  background: #002f33;
  padding: 6rem 2rem;
}

/* HERO ROW */

.hero-row {
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 540px 560px;

  align-items: center;
  justify-content: center;

  gap: 5rem;
}

/* IMAGE */

.hero-row .wp-block-post-featured-image {
  margin: 0;
}

.hero-row .wp-block-post-featured-image img {
  width: 100%;
  display: block;

  border-radius: 40px;
}

/* TITLE */

.hero-row .wp-block-post-title {
  margin: 0;

  color: #fff;

  font-size: clamp(42px, 5vw, 72px);
  line-height: 1.05;
  font-weight: 500;

  max-width: 560px;
}

.hero-control {
    max-width: 1440px;
}

/* HERO IMAGE WRAPPER */

.hero-row .wp-block-post-featured-image {
  margin: 0;
  overflow: hidden;
  border-radius: 40px;
}

/* IMAGE */

.hero-row .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  aspect-ratio: 16 / 9;
}

/* =========================
   DYNAMIC BLOG CONTENT
   DESKTOP
========================= */

/* MAIN CONTENT */

.single-post .wp-block-post-content {
  color: #1E1919;

  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

/* PARAGRAPHS */

.single-post .wp-block-post-content p {
  margin-bottom: 1.5rem;
}

/* H2 */

.single-post .wp-block-post-content h2 {
  color: #092F32;

  font-size: 28.4px;
  line-height: 36px;
  font-weight: 700;

  margin-top: 4rem;
  margin-bottom: 1.5rem;
}

/* H3 */

.single-post .wp-block-post-content h3 {
  color: #092F32;

  font-size: 24px;
  line-height: 33.6px;
  font-weight: 700;

  margin-top: 3rem;
  margin-bottom: 1.25rem;
}

/* H4 */

.single-post .wp-block-post-content h4 {
  color: #092F32;

  font-size: 22px;
  line-height: 30px;
  font-weight: 700;

  margin-top: 3rem;
  margin-bottom: 1.25rem;
}

/* REGULAR LINKS */

.single-post .wp-block-post-content a {
  color: #0D6367;

  font-size: 20px;
  font-weight: 400;

  text-decoration-line: underline;
  text-decoration-color: #0D6367;
  text-underline-offset: 2px;
}

/* REGULAR LINKS HOVER */

.single-post .wp-block-post-content a:hover {
  cursor: pointer;
}

/* SPECIAL LINKS */

.single-post .wp-block-post-content .special-link {
  color: #0D6367;

  font-size: 20px;
  font-weight: 700;

  text-decoration: none;
}

/* SPECIAL LINKS HOVER */

.single-post .wp-block-post-content .special-link:hover {
  cursor: pointer;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 390px) {

  /* MAIN CONTENT */

  .single-post .wp-block-post-content {
    font-size: 16px;
    line-height: 24px;
  }

  /* H2 */

  .single-post .wp-block-post-content h2 {
    font-size: 23px;
    line-height: 30px;
  }

  /* H3 */

  .single-post .wp-block-post-content h3 {
    font-size: 12px;
    line-height: 18px;
  }
  
  /* H4 */

  .single-post .wp-block-post-content h4 {
    font-size: 10px;
    line-height: 18px;
  }

  /* REGULAR LINKS */

  .single-post .wp-block-post-content a {
    font-size: 16px;
  }

  /* SPECIAL LINKS */

  .single-post .wp-block-post-content .special-link {
    font-size: 16px;
  }

}

/* STICKY TOC COLUMN */

.sticky-toc {
  position: sticky;
  top: 120px;

  align-self: flex-start;
}

/* TOC LINKS */

.simpletoc a {
  position: relative;

  display: inline-block;

  padding-left: 18px;

  transition: all 0.2s ease;
}

/* ACTIVE LINK */

.simpletoc a.active::before {

  content: "";

  position: absolute;

  left: 0;
  top: 0;

  width: 3px;
  height: 100%;

  background: #092F32;

  border-radius: 999px;
}