/*
Theme Name:   Avada Child — Downer Safe Over Summer
Template:     Avada
Version:      1.0.0
*/

/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */
:root {
    --dss-green:        #005642;
    --dss-mint:         #9ADFD7;
    --dss-black:        #000000;
    --dss-white:        #FFFFFF;
    --dss-border:       #D4D4D4;
    --dss-field-border: #DFDFDF;
    --dss-placeholder:  #818487;
    --dss-counter:      #5A5A5A;
    --dss-icon:         #161616;
    --dss-pill-border:  #6E6E6E;
    --dss-gold:         #FDB913;

    --dss-container: 1360px;
    --dss-pad: 40px;
    --dss-ease: cubic-bezier(0, 0, 0.2, 1); /* 300ms ease-out */
    --h1-topic: 64px;
}

/* ============================================================
   2. FONTS
   ============================================================ */
/*@font-face {
    font-family: 'Biennale';
    src: url('fonts/Biennale-Regular.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Biennale';
    src: url('fonts/BiennaleBold.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
}*/

/* ============================================================
   3. BASE / TYPOGRAPHY
   ============================================================ */


.dss-container {
    max-width: var(--dss-container);
    margin-inline: auto;
    padding-inline: var(--dss-pad);
}

.dss-caps, h1.dss-caps, h2.dss-caps, h3.dss-caps {
    font-variant-caps: all-small-caps;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--dss-green);
}
.dss-h-section {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    margin: 0 !important;
}
.dss-h-block   { font-size: 24px; line-height: 120%; }
.dss-body      { font-size: 16px; line-height: 150%; color: var(--dss-black); }

.dss-icon { stroke: var(--dss-icon); flex: 0 0 auto; }

/* ============================================================
   4. BUTTONS  (mint, h48, radius 100, Bold 16)
   ============================================================ */
.dss-btn,
.fusion-button.dss-btn {
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--dss-mint); color: var(--dss-black) !important;
    border: 0; border-radius: 100px;
    min-height: 48px; padding: 10px 24px;


    font-size: 16px;
    line-height: 130%; text-decoration: none; cursor: pointer;
    transition: all .3s var(--dss-ease);
}
.dss-btn:hover { background-color:var(--dss-black)!important;  color: #fff!important; }
.dss-btn:hover span{color: #fff!important; }

.dss-btn--icon { padding: 4px 4px 4px 24px; gap: 16px; font-weight: 700; }
.dss-btn--icon .dss-btn__circle {
    width: 40px; height: 40px; border-radius: 50%;
    background: var(--dss-white);
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 40px;
    transition: transform .3s var(--dss-ease);
}
.dss-btn--icon .dss-btn__circle .dss-icon { stroke: var(--dss-icon); }
.dss-btn--icon:hover .dss-btn__circle { transform: translateX(3px); }

/* ============================================================
   5. HEADER — Utility bar (black, h48)
   ============================================================ */
.dss-mainnav,
.dss-mainnav.fusion-is-sticky {
    border-bottom: 1px solid #D4D4D4 !important;
}
.dss-utility {
    background: var(--dss-black);
    min-height: 48px;
}
.dss-utility .dss-container {
    display: flex; align-items: center; justify-content: space-between;
}

.dss-weekbar__list {
    display: flex; align-items: center; gap: 12px;
    list-style: none; margin: 0; padding: 0;
}
.dss-weekbar__list li + li:not(.vis_mob) {
    border-left: 1px solid var(--dss-white);
    padding-left: 12px;
}
.dss-weekbar__label {
    color: var(--dss-white); font-size: 14px; line-height: 150%;
}
.dss-weekbar__item a {
    color: var(--dss-white); font-size: 14px; line-height: 150%;
    text-decoration: none; transition: opacity .3s var(--dss-ease);
}
.dss-weekbar__item a:hover { opacity: .8; }
.dss-weekbar__item.is-current a {
    font-weight: 700; text-decoration: underline; text-underline-offset: 3px;
}

/* Language pill */
.dss-lang {
    display: inline-flex; align-items: center; gap: 8px;
    border: 1px solid var(--dss-pill-border); border-radius: 999px;
    padding: 8px 12px; min-height: 36px;
    background: none; cursor: pointer;
    color: var(--dss-white); font-family: 'Figtree', sans-serif; font-size: 14px;
    text-decoration: none; transition: border-color .3s var(--dss-ease);
}
.dss-lang:hover { border-color: var(--dss-white); }
.dss-lang .dss-icon { stroke: var(--dss-white); }

/* ============================================================
   6. HEADER — Main nav (white, h80 + border)
   ============================================================ */
.dss-mainnav {
    background: var(--dss-white);
    border-bottom: 1px solid var(--dss-border);
    min-height: 80px;
}
.dss-mainnav .dss-container {
    display: flex; align-items: center; justify-content: space-between;
}
.dss-mainnav__menu { display: flex; align-items: center; gap: 36px; list-style: none; margin: 0; }
.dss-mainnav__menu a {
    color: var(--dss-black); font-size: 16px; text-decoration: none;
    display: inline-flex; align-items: center; gap: 4px;
    transition: opacity .3s var(--dss-ease);
}
.dss-mainnav__menu a:hover { opacity: .7; }
.dss-mainnav__menu .has-caret a::after {
    content: ''; width: 16px; height: 16px; margin-left: 4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center/contain;
}
.row_logo_menu{
    column-gap: 50px;
}
.row_logo_menu #menu-header-menu-dss{

    column-gap: 30px;
}
/* ============================================================
   7. HERO  (Section - Campaign banner, 670px)
   ============================================================ */
.dss-hero { position: relative; }

.dss-hero__title {
    font-size: clamp(64px, 12vw, 173px)!important;
    line-height: 110%!important;
    white-space: pre;
    color: var(--dss-white)!important;
    text-align: center;
}


.dss-hero__brand {
    font-family: inherit!important;
    font-size: inherit!important;
    line-height: inherit!important;
    font-weight: inherit!important;
    color: inherit!important;
    margin: 0!important;
 

}
.dss-hero__lead {
    font-size: 16px; line-height: 150%; color: var(--dss-black);
    margin: 0 0 32px;
}

.mobile_bg span, .mobile_bg img{
    width: 100%;
}

.dss-btnbanner i.fas{
    width: 40px!important;
    flex: 0 0 40px;
    height: 40px!important;
    background-image: url("images/Icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.dss-btnbanner i.fas:before{
    display: none;
}
.sign-in-deagen .fusion-button-text {
    font-weight: 400 !important;
}
.dss-btnbanner--green { background: var(--dss-green); color: var(--dss-white); }
.dss-btnbanner--green.quiz .fusion-button-text { color: var(--dss-icon); }
.dss-btnbanner--green.quiz:hover .fusion-button-text { color: var(--dss-icon); }
.dss-btnbanner--gold  { background: #FEC03C;          color: var(--dss-black); }
.dss-btnbanner:hover  { filter: brightness(.95); text-decoration: none; }


.dss-btnbanner__circle svg { width: 24px; height: 24px; stroke: var(--dss-icon); }
.dss-btnbanner:hover {
    background-color: #000000!important;
    color: #fff!important;
}
.dss-btnbanner:hover span{
    color: #fff!important;
}

.dss-btnbanner {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    width: fit-content;
    max-width: 100%;
    min-height: 48px;
    border-radius: 100px !important;
    padding: 4px 4px 4px 20px !important;
    gap: 0px;
    text-decoration: none;
    transition: filter .3s var(--dss-ease);
}
.dss-btnbanner.whidth_100{
    width: 100%;
    max-width: 400px;
}
.dss-btnbanner  span{
    display: block;
    width: max-content;
}
.dss-btnbanner:hover { filter: brightness(.95); }

.dss-btnbanner .fusion-button-icon-circle {
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: var(--dss-white);
    margin: 0;
}
.dss-btnbanner .fusion-button-icon-circle .fusion-button-icon-divider,
.dss-btnbanner .fusion-button-icon-circle i {
    line-height: 1; margin: 0; border: 0; background: none;
}


@media (max-width: 768px) {
    .dss-hero-card-col { margin-left: 0; }
    .dss-hero { min-height: 480px; }

    .dss-hero-card { margin-left: 0; }
}

/* ============================================================
   8. RESOURCES (mint section)
   ============================================================ */
.dss-resources { background: var(--dss-mint); padding: 80px 0; }
.dss-resources__row { display: flex; gap: 20px; }
.dss-resources__intro { flex: 0 0 423px; }
.dss-resources__grid {
    flex: 1;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.dss-rescard {


    display: flex; flex-direction: column;
    text-decoration: none; transition: transform .3s var(--dss-ease);
}
.dss-rescard .dss-rescard__title{
    margin-bottom: 9px;
}
.dss-rescard:hover { transform: translateY(-3px); }
.dss-rescard__icon {
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--dss-mint);
    display: flex; align-items: center; justify-content: center;
}
.dss-rescard__icon .dss-icon { width: 20px; height: 20px; }
.dss-rescard__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;

    color: var(--dss-black);
}

/* ============================================================
   8b. LAUNCH & SUPPORT MATERIALS (v2 — inner rows)
   ============================================================ */

/* Сітка карток: 3×2 з gap 20 — керуємо через grid */
.dss-launch .fusion-builder-row-inner {
    display: grid!important;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.dss-launch .fusion-builder-row-inner>div{
    width: auto!important;
}
.dss-launch .fusion-builder-row-inner + .fusion-builder-row-inner { margin-top: 20px; }

/* Відео-прев'ю: оверлей 40% + play-коло 59px */
.dss-video-thumb { position: relative; display: block;
    width: 100%;
    cursor: pointer; }
.dss-launchvideo .dss-videocard {
    cursor: pointer;
}
.dss-launchvideo .dss-videocard .dss-rescard__title {
    margin-bottom: 13px;
}
/*.dss-launchvideo .dss-video-thumb img,
.dss-launchvideo .dss-videocard {
    transition: opacity 0.25s ease;
}

.dss-launchvideo:hover .dss-video-thumb img {
    opacity: 0.85;
}*/

.dss-launchvideo:focus-visible {
    outline: 2px solid #005642;
    outline-offset: 4px;
}

/* YouTube modal */
.dss-video-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.85);
}

.dss-video-modal.is-open {
    display: flex;
}

.dss-video-modal__content {
    position: relative;
    width: 100%;
    max-width: 1000px;
}

.dss-video-modal__ratio {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.dss-video-modal__ratio iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.dss-video-modal__close {
    position: absolute;
    top: -42px;
    right: 0;
    padding: 4px 10px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 767px) {
    .dss-video-modal {
        padding: 16px;
    }
}
.dss-video-thumb img {
    width: 100%; display: block;
    aspect-ratio: 423 / 229; object-fit: cover;
}
.dss-video-thumb::before {
    content: ''; position: absolute; inset: 0;
    background: rgba(0, 0, 0, .4);
}
.dss-video-thumb::after {
    content: ''; position: absolute; top: 50%; left: 50%;
    width: 59px; height: 59px; transform: translate(-50%, -50%);
    border-radius: 50%; background-color: var(--dss-mint);
    background-image: url("images/SVG-play.svg");
    background-repeat: no-repeat; background-position: center; background-size: 24px;
    transition: transform .3s var(--dss-ease);
}
.dss-video-thumb:hover::after { transform: translate(-50%, -50%) scale(1.07); }

/* Біла підпис-картка під відео */
.dss-videocard { background: #fff; padding: 20px; margin: 0 !important; }

/* Спільні стилі карток */
.dss-rescard__title { font-weight: 400; font-family: 'Biennale Bold', sans-serif; font-size: 18px; line-height: 130%; color: var(--dss-black); margin: 0; }
.dss-rescard__linkwrap { margin: 12px 0 0; }
.dss-rescard__link {
    font-size: 14px;
    color: var(--dss-black);
    text-decoration: none !important;
}
.dss-rescard__link:hover { color: var(--dss-green); }
.dss-rescard__icon {
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--dss-mint);
    display: inline-flex; align-items: center; justify-content: center;
}
.dss-rescard__icon .dss-icon { width: 20px; height: 20px; }

@media (max-width: 1024px) {
    .dss-launch .fusion-builder-row-inner { grid-template-columns: repeat(2, 1fr); }
    .dss-launchvideo, .dss-launch .dss-matgrid { width: 100% !important; }

}
@media (max-width: 768px) {
    .dss-launch { padding-left: 20px !important; padding-right: 20px !important; }
    .dss-rescard__title{
        font-size: 16px;
    }

}
/* ============================================================
   9. TOPICS — Filters + Search
   ============================================================ */
.dss-topics-head { display: flex; flex-direction: column; gap: 32px; margin-bottom: 40px; }

.dss-filters { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.dss-filters__group { display: flex; gap: 10px; align-items: center; }
.dss-filters__label { font-size: 18px; color: var(--dss-black); white-space: nowrap; }
.dss-filters__label strong { font-weight: 700; }

.dss-select,
.dss-search input[type="search"] {
    height: 45px; border: 1px solid var(--dss-field-border); border-radius: 100px;
    background: var(--dss-white); font-size: 16px; color: var(--dss-black);
    padding: 4px 16px; appearance: none; -webkit-appearance: none;

}
.dss-select {
    width: 328px; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 24px;
    padding-right: 40px;
}
.dss-search { display: flex; gap: 16px; flex: 1; min-width: 320px; }
.dss-search input { flex: 1; }
.dss-search input::placeholder { color: var(--dss-placeholder); }

.dss-counter { font-size: 16px; color: var(--dss-counter); margin: 40px 0 8px !important;  }

/* [dss_topics_browser] */
.dss-topics__intro { margin-bottom: 40px; }
.dss-topics .dss-topics__title { margin: 0 0 16px; font-size: 38px; font-family: 'Biennale Bold'; font-weight: 400; color: var(--dss-green); line-height: 110%; }
.dss-topics__text { margin: 0; font-size: 16px; line-height: 150%; color: var(--dss-black); }
.dss-topics .dss-filters { align-items: center; }
.dss-topics .dss-filters__group .dss-select { width: 328px; max-width: 100%; }
.dss-topics .dss-search { align-items: center; }
.dss-topics .dss-search .dss-btn { font-family: 'Biennale Bold'; padding-inline: 24px; }
.dss-topics .dss-topictile[hidden],
.dss-topics__empty[hidden] { display: none; }
.dss-topics__empty { margin: 24px 0 0; font-size: 16px; color: var(--dss-counter); }

@media (max-width: 1360px) {
    .dss-topics .dss-filters__group { flex-wrap: wrap; }
}
@media (max-width: 768px) {
    .dss-topics .dss-filters__group {
        flex-direction: column;
        align-items: stretch;
        width: 100%;

    }
    .dss-topics .dss-filters__group .dss-select { width: 100%; }
}

/* ============================================================
   10. TOPICS GRID  (картка 419×249, gap 32)
   ============================================================ */
.dss-topics-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;
    margin-top: 24px;
}
.dss-topictile {
    background: var(--dss-white);
    padding: 28px; min-height: 249px;
    display: flex; flex-direction: column; justify-content: space-between;
    text-decoration: none;
    transition: transform .4s var(--dss-ease), box-shadow .4s var(--dss-ease) !important;
    text-decoration-line: unset !important;
}
.dss-topictile:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.dss-topictile__icon {
    width: 64px; height: 64px; border-radius: 50%;
    background: var(--dss-mint);
    display: flex; align-items: center; justify-content: center;
}
/*.dss-topictile__icon .dss-icon { width: 32px; height: 32px; }*/
.dss-topictile__title {
    display: block;
    font-size: 26px; line-height: 120%; font-weight: 400; font-family: 'Biennale Bold', sans-serif;
    color: var(--dss-green);
    margin-top: auto;
}

/* ============================================================
   11. TOPIC PAGE (шаблон одного топіка)
   ============================================================ */
.dss-topic-hero {
    display: flex; align-items: center; gap: 24px;
    padding: 60px 0 40px;
}
.dss-topic-hero__icon {
    width: 64px; height: 64px; border-radius: 50%;
    background: var(--dss-mint);
    display: flex; align-items: center; justify-content: center;
}
.dss-topic-hero__icon .dss-icon { width: 32px; height: 32px; }
.dss-topic-hero h1 { margin: 0; font-size: 38px; }

.dss-topicnav { display: flex; justify-content: space-between; gap: 24px; margin: 80px 0 0; }
.dss-topicnav a{
    text-decoration: none!important;
}
.dss-topicnav a .dss-topicnav__label{
    text-decoration: none!important;
}
@media(max-width: 1024px) {
 .dss-topicnav {
     margin-block: 40px 65px;
 }   
}
.dss-topicnav__card {
    display: flex; flex-direction: column; align-items: flex-start; gap: 15px;
    width: 420px; max-width: 100%; padding: 16px 24px;
    background: #F6F6F6; text-decoration: none;
}
.dss-topicnav__card--next { margin-left: auto; align-items: flex-end; text-align: right; }
.dss-topicnav__label {
    display: flex; align-items: center; gap: 8px;
    font-family: 'Biennale', sans-serif; font-size: 16px; line-height: 1.5; color: var(--dss-black);
}
.dss-topicnav__chevron { display: block; width: 7.41px; height: 12px; flex: 0 0 auto; }
.dss-topicnav__card--back .dss-topicnav__chevron { transform: scaleX(-1); }
.dss-topicnav__title {
    font-family: 'Biennale Bold', sans-serif; font-weight: 400; font-size: 24px; line-height: 1.2;
    color: var(--dss-green); text-decoration: underline;
}
@media (max-width: 768px) {
    .dss-topicnav { flex-direction: column; }
    .dss-topicnav__card { width: 100%; }
    .dss-topicnav__title{
        font-size: 20px;
    }
    .dss-topicnav {
        gap: 12px;
    }
}

/* ============================================================
   12. FAQ / 2 COLUMNS
   ============================================================ */
.dss-faq {
    padding: 80px 0;
    display: grid; grid-template-columns: 1fr 1fr; gap: 40px;
}
.dss-faq__col { display: flex; flex-direction: column; gap: 24px; }
.dss-faq__actions { display: flex; gap: 24px; flex-wrap: wrap; }

/* ============================================================
   13. FOOTER
   ============================================================ */
.dss-footer { background: var(--dss-black); color: var(--dss-white); padding: 64px 0 32px; }
.dss-footer__logo img, .dss-footer__logo svg { height: 74px; width: auto; }
.dss-footer a { color: var(--dss-white); text-decoration: none; font-size: 16px; }
.dss-footer a:hover { text-decoration: underline; }
.dss-footer__bottom {
    border-top: 1px solid rgba(255,255,255,.2);
    margin-top: 48px; padding-top: 24px;
    font-size: 14px; color: rgba(255,255,255,.7);
}

/* ============================================================
   14. RESPONSIVE
   ============================================================ */
@media (max-width: 1180px) {
    .dss-resources__row { flex-direction: column; }
    .dss-resources__intro { flex: none; }
}
@media (max-width: 1024px) {
    .dss-topics-grid { grid-template-columns: repeat(2, 1fr); }
    .dss-resources__grid { grid-template-columns: repeat(2, 1fr); }
    .row_logo_menu{
        justify-content: space-between!important;
    }
}
@media (max-width: 768px) {
    .dss-weekbar__item:nth-child(3) { display: none; }   /* ховаємо "Next:" */
    .dss-faq { grid-template-columns: 1fr; }
    .dss-topics-grid {
        gap:12px
    }
    .dss-topictile{
        padding: 16px;
        min-height: 148px;
        justify-content: flex-start;
    }
    .dss-topictile__title {
        margin-top: 25px;
        font-size: 20px;
    }
    .dss-filters, .dss-search { flex-direction: column; align-items: stretch; }
    .dss-search{
        flex-direction: row;
        align-items: center;
        width: 100%;
    }
    .dss-search .dss-filters__label{
        display: none;
    }
    .dss-topics__intro {
        margin-bottom: 24px;
    }
    .dss-filters__label {
        font-size: 16px;

    }
    .dss-select { width: 100%; }
    .dss-hero { min-height: 480px; }
    :root { --dss-pad: 20px; }
    .dss-utility.fusion-builder-container,
    .dss-mainnav.fusion-builder-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 640px) {
    .dss-hero{
        background-image: none!important;
    }
    .dss-weekbar__list li + li {
        border-left:none!important;
        padding-left: 0!important;
    }
    .dss-counter {
        font-size: 14px;
        color: var(--dss-counter);
        margin: 25px 0 0 !important;
    }
    .dss-topictile__icon {
        width: 48px;
        height: 48px;

    }
    .dss-resources__grid { grid-template-columns: 1fr; }
    .dss-hero__title { margin-top: 0;
        word-break: break-word;
        max-width: 100%;
        white-space: pre-wrap;
        text-align: left;
        margin-bottom: 0;
    }
    .dss-launch .dss-h-section{
        font-size: 28px!important;
    }
    .dss-topics .dss-topics__title{
        font-size: 28px !important;
    }
    .dss-search .dss-btn {
        padding-left: 20px;
        padding-right: 20px;
    }
    .dss-filters {
        gap: 12px;
    }
    .dss-search, .dss-search input[type="search"] {
        min-width: 0;
        gap: 8px;
    }
}


/* Campaign banner */
.dss-campaign-banner {
    background-color: #9ADFD7;
    color: #000;
}


.dss-campaign-banner__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dss-campaign-banner__back {
    margin-bottom: 96px;
}


.dss-campaign-banner .dss-campaign-banner__title {
    margin: 0 0 22px;
    color: #005642;

}

.dss-campaign-banner .dss-campaign-banner__description {
    margin: 0 0 32px;

}

.dss-campaign-banner .fusion-button-wrapper {
    display: inline-block;
    margin: 0 12px 12px 0;
}

.dss-campaign-banner .dss-campaign-banner__button {
    min-height: 48px;
    border-radius: 100px;
    font-family: "Biennale Bold", "Biennale", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    transition: background-color .3s ease;
}

.dss-campaign-banner .dss-campaign-banner__button--primary {
    background: #005642;
    color: #fff;
}

.dss-campaign-banner .dss-campaign-banner__button--secondary {
    background: #FFC03C;
    color: #000;
}

.dss-campaign-banner__illustration img {
    display: block;
    width: 100%;
    height: auto;
}
.back-to-topics:hover{
    background-color: transparent!important;
}
@media (max-width: 1024px) {
    .dss-campaign-banner {
        padding: 48px 32px !important;
    }

    .dss-campaign-banner .dss-campaign-banner__title {
        font-size: 48px;
    }

    .dss-campaign-banner__back {
        margin-bottom: 64px;
    }
}

@media (max-width: 767px) {
    .dss-campaign-banner {
        padding: 32px 24px !important;
        min-height: 525px!important;
        overflow: hidden;
    }
    .dss-campaign-banner .back-to-topics{
        margin-bottom: 20px!important;
    }
    .dss-campaign-banner .fusion-title-heading {
        font-size: 40px !important;
    }
    .dss-campaign-banner .fusion-builder-row {
        display: flex;
        flex-direction: column;
    }
    .dss-campaign-banner .dss-btnbanner{
        min-width: 245px;
    }
    .dss-campaign-banner > .fusion-row{
        align-items: flex-start!important;
    }

    .dss-campaign-banner > .fusion-row > .fusion-layout-column:first-child{
        height: 100%;
        position: relative;
        z-index: 2;
        margin: 0;
    }
    .dss-campaign-banner .buttons_wrap{
        flex: 1 1 auto!important;
        justify-content: flex-end;
    }
    .dss-campaign-banner .buttons_wrap >div{
        margin-bottom: 0!important;
    }
    .dss-campaign-banner .buttons_wrap >div + div{
        margin-top: 12px;
    }
    .dss-campaign-banner .right_image{
        position: absolute !important;
        right: -20%;
        bottom: -68px;
        width: 100% !important;
        z-index: -1;
        margin: 0;

    }
    .dss-campaign-banner .dss-campaign-banner__content,
    .dss-campaign-banner .dss-campaign-banner__illustration {
        width: 100% !important;
        margin: 0;
    }

    .dss-campaign-banner .dss-campaign-banner__title {
        font-size: 40px;
        line-height: 1.1;
    }

    .dss-campaign-banner__back {
        margin-bottom: 48px;
    }

    .dss-campaign-banner .fusion-button-wrapper {
        margin-right: 8px;
    }

    .dss-campaign-banner .dss-campaign-banner__button {
        margin-bottom: 8px;
    }

    .dss-campaign-banner__illustration {
        margin-top: 32px !important;
    }
    .topic_content .fusion-column-wrapper > div.fusion-title{
        font-size: 28px !important;
        margin-top: 35px!important;
    }
    .topic_content .fusion-column-wrapper  .dss-downloads + div.fusion-title{
        margin-top: 55px!important;
    }
}
/* ===== DSR Sticky Navigation ===== */
/*html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 90px; }*/

.dsr-nav-container {
    position: sticky !important;
    top: 65px !important;
    z-index: 9990 !important;
    overflow: visible;
}
body.admin-bar .dsr-nav-container { top: 97px!important; }

.dsr-nav-container .fusion-builder-row,
.dsr-nav-container .fusion-row {
    max-width: 100%;
    margin: 0;
}

.dsr-nav-col { padding: 0 !important; }

.dsr-nav-col .fusion-column-wrapper,
.dsr-nav-col .fusion-builder-column-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow-x: auto;
    scrollbar-width: none;
}
.dsr-nav-col .fusion-column-wrapper::-webkit-scrollbar,
.dsr-nav-col .fusion-builder-column-inner::-webkit-scrollbar { display: none; }

.dsr-nav-container .fusion-button.dsr-nav__item {
    display: flex !important;
    align-items: center;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 32px !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    font-family: 'Biennale Bold', 'Inter', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    white-space: nowrap;
    border: 0 !important;
    border-bottom: 4px solid transparent !important;
    transition: border-color .25s ease, opacity .2s ease;
}
.dsr-nav-container .fusion-button.dsr-nav__item span{
    color: inherit !important;
}
.dsr-nav-container .fusion-button.dsr-nav__item:hover,
.dsr-nav-container .fusion-button.dsr-nav__item:focus {
    opacity: .85;
    color: #fff!important;
    border-bottom-color: #9ADFD7 !important;
}
.dsr-nav-container .fusion-button.dsr-nav__item.is-active {
    border-bottom-color: #9ADFD7 !important;
}
.single-topic .awb-menu__main-li_regular.current-menu-ancestor .awb-menu__main-a_regular, .single-topic .awb-menu__main-li_regular.current-menu-parent .awb-menu__main-a_regular{
    color: #000!important;
}
@media (max-width: 1024px) {
    div.uwy.userway_p1 .userway_buttons_wrapper {
        top: auto;
        bottom: 30px;

    }
    .awb-menu.collapse-enabled.mobile-mode-collapse-to-button .awb-menu__m-toggle{
        padding: 16px;
        border-radius: 50%;
        background: #9ADFD7;
        color: #000;
    }

    .dsr-nav-container {

        top: 80px !important;

    }
    body.admin-bar .dsr-nav-container { top: 113px!important; }
}
@media (max-width: 768px) {
    .dsr-nav-container .fusion-button.dsr-nav__item {
        height: 56px !important;
        padding: 0 10px !important;
        font-size: 15px !important;
    }
}

.single-topic .entry-title,
.single-topic .single-navigation {
    display: none;
}

.single-topic .post {
    margin-bottom: 0;
}
.fusion-tb-footer.fusion-footer .fusion-image-element{
    margin: 0 !important;
}
@media(min-width: 641px) {
    .vis_mob{
        display: none!important;
    }

}
@media(min-width: 900px) {
  #menu-topics {
      columns: auto 2;
      display: block;
  }
  .footer-items-wide {
    flex-grow: 2 !important;
  }
}
@media(max-width: 767px) {

    #h1-topic {
        font-size: 56px;
    }
    .fusion-tb-footer.fusion-footer .awb-menu__main-ul_column .awb-menu__main-li {
        margin: 0 0 5px 0;

    }
    .fusion-tb-footer.fusion-footer #menu-give-feedback{
        min-height: 0!important;
    }
}
@media(max-width: 640px) {
    .hide_mob{
        display:none!important;
    }
    #top-footer-row>div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-inline: 15px;
    }

    #top-footer-row>div>div:first-child {
        grid-column: 1 / span 2;
    }

    #top-footer-row .fusion-title-heading {
        text-align: left !important;

    }

    #h1-topic {
        font-size: 38px;
        margin-bottom: 28px !important;
    }

    .single-topic #content {
        margin-bottom: -50px;
    }
    .fusion-tb-footer.fusion-footer .fusion-image-element  .fusion-imageframe{
        max-width: 62px;
    }
}

@media(max-width: 400px) {

    #top-footer-row>div {
        grid-template-columns: 1fr;
    }

    #top-footer-row>div>div:first-child {
        grid-column: 1 / span 1;
    }
}
.bottom_menu{
    flex: 1 1 auto;
}