/*
Theme Name: FC Kapstadt
Text Domain:  FC Kapstadt
Version: 1.0
Requires at least: 4.7
Requires PHP: 8
Description: Style for stanchion.co.za
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://liquidthought.co.za
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/* General ================================== */
* {box-sizing:border-box;}

.mob-show{
    display: none;
}

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

    .mob-show{
        display: inline-flex;
    }

    .mob-hide{
        display: none;
    }

}


:root {
    --midnight-blue:#011C40;
    --ghost-white:#F5F6FA;
    --orange:#F24405;
    --orange-red-opacity:rgba(255, 121, 73, 0.8);
    --orange-red-20:rgba(255, 121, 73, 0.2);
    --orange-red: #F24405;
    --gradient-1:linear-gradient(302deg, #F24405 12.15%, #FF7949 82.08%);
    --gradient-1-opacity: linear-gradient(302deg, rgba(242, 68, 5, 0.8) 12.15%, rgba(255, 121, 73, 0.8) 82.08%);
    --gradient-2:linear-gradient(128deg, #6EADFF 1.66%, #0558C4 94.22%);
    --denim-blue: #045BCC;
    --denim-blue-20: #045BCC20;
    --gradient-3: linear-gradient(128deg, #045BCC 1.65%, #000 120.63%);
    --grey: #D9DDEE;
    --subnav-orange: 100px;
    --subnav-blue: 50px;
}

.poppins, header ul li a, .section-solution ol li::before, h1, h2, h3, h4, .button, .section-timeline ul label, .modal-content span, .section-product-blue span, .page-sub-nav a, .contact-form .textbox, ul.select, .ui-autocomplete, .holder-404 .anim-holder .anim-end {
    font-family: poppins, sans-serif;
    font-style: normal;
}

body {background:var(--ghost-white);margin:0px;padding:0;font-family: century-gothic, sans-serif;font-weight: 400;font-style: normal;font-size:16px;-webkit-font-smoothing: antialiased;color:#111;line-height:1.43em;position:relative;counter-reset: orderedList;overflow-x: hidden;font-smoothing:antialiased;}


.container{
    max-width: 1234px;
    margin-left: auto;
    margin-right: auto;
    padding:16px;
}

.flex {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 32px;
}

.page-content {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
}

.page-content > *{
    width: 100%;
}


h1,h2,h3,h4,h5,h6{
    margin-top: 0;
}


@keyframes growShrink {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.5);
    }
}


.blur{
    border-bottom:2px solid rgba(0,0,0,0.3);
    color: #333;
    padding:16px;
}

.blur .flex{
    align-items: center;
    gap:2px;
}

.blur a{
    color: #333;
}


header .logo{
    max-width: 100%;
}

header .logo.mob-show{
    max-width: 243px;
    z-index: 999;
}


.hamburger{
    display: none;
}

.hamburger .close{
    width: 26px;
    height: 26px;
    display: none;
}

.mobile-menu{
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color:#000;
    background-image: url("./images/mobile-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-menu > .nav{
    margin-top:250px;
}

.mobile-menu ul{
    list-style: none;
}

.mobile-menu ul li{
    margin-bottom: 48px;
}

.mobile-menu ul li a{
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.mobile-menu ul li.current_page_item a,.mobile-menu ul li a:hover{
    text-decoration: underline;
    text-decoration-color:#BF913D;
}

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

    .mobile-menu.open{
        display: flex;
    }

    .hamburger{
        display: inline-flex;
        cursor: pointer;
    }

    .hamburger.open .close{
       display: inline-flex;
        z-index: 90;
    }

    .hamburger.open .open{
        display: none;
    }


    header ul{
        display: none;
    }
    .blur .flex{
        align-items:flex-start;
        justify-content: space-between;
    }

}



/* Strada styles */


:root {
    --Strada-Silver: #D3D7D1;
    --Strada-Pale-Silver: #F5F4EF;
    --Strada-Deep-Silver: #A2A09C;
    --Strada-Charcoal: #383D45;
    --Strada-Pale-Gold: #F3E5BE;
    --Strada-Gold: #BDAD8B;
    --Strada-Deep-Gold: #7D725C;
    --Strada-Black: #000;
    --Color-Neutral-neutral-lightest: #EEE;
    --Strada---Error-State: #D79002;

    --Sizes-Display-1: 80px;

    --Sizes-Heading-1: 48px;
    --Sizes-Heading-2: 30px;

    --Sizes-Body-1: 16px;
    --Sizes-Body-2: 18px;

    --Sizes-Button-L: 16px;
    --Sizes-Button-S: 14px;
}


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

    :root {

        --Sizes-Display-1: 48px;

        --Sizes-Heading-1: 32px;
        --Sizes-Heading-2: 22px;

        --Sizes-Body-1: 14px;
        --Sizes-Body-2: 15px;
    }

}

h1{
    font-size: var(--Sizes-Heading-1);
    margin-bottom: 32px;
}

h2{
    font-size: var(--Sizes-Heading-2);
}

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

    h1{
        margin-bottom: 24px;
    }
}


@font-face {
    font-family: 'strada-icons';
    src: url('icons/strada-icons.eot?48719701');
    src: url('icons/strada-icons.eot?48719701#iefix') format('embedded-opentype'),
    url('icons/strada-icons.woff2?48719701') format('woff2'),
    url('icons/strada-icons.woff?48719701') format('woff'),
    url('icons/strada-icons.ttf?48719701') format('truetype'),
    url('icons/strada-icons.svg?48719701#strada-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
    -webkit-font-smoothing: antialiased;
}





/* Header */

header .flex{
    display: flex;
    justify-content: center;
    align-items: center;
}

header .flex .nav ul{
    list-style: none;
}

header ul.nav {
    display: flex;
    list-style: none;
    gap: 64px;
}

@media only screen and (max-width: 990px) {
    header ul.nav {
        display: none;
    }
}

header .flex .nav li a{
    color: #FFF;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

header{
    background: #000;
}




/* Hero*/

.hero h2{
    font-family: "League Gothic";
    font-size: 94px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 84.6px */
    text-transform: uppercase;
    background: linear-gradient(147deg, #BF913D 16.6%, #F6D599 56.14%, #59441C 99.06%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 464px;
}

.hero p{
    color: #FFF;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 100% */
}

.hero{
    background-image: url("./images/header-background@2x.webp");
    background-size: cover;
}

.hero .flex{
    align-items: center;
}

.hero a.button{
    text-decoration: none;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 200% */
    letter-spacing: 1.6px;
    text-transform: uppercase;
    width: 218px;
    height: 44px;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: linear-gradient(151deg, #BF913D 11.89%, #D0A454 37.8%, #59441C 117.55%);
}

a.button{
    text-decoration: none;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 200% */
    letter-spacing: 1.6px;
    text-transform: uppercase;
    width: 218px;
    height: 44px;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: linear-gradient(151deg, #BF913D 11.89%, #D0A454 37.8%, #59441C 117.55%);
}


.hero .logo{
    max-width: 100%;
}

.hero .container{
    padding-top: 32px;
    padding-bottom: 128px;
    gap: 102px;
}

@media only screen and (max-width: 1024px){
    .hero .flex{
        gap:12px;
    }


    .hero h2{
        font-size: 64px;
        margin-bottom: 8px;
        margin-top: 24px;
    }

    .hero p{
        font-size: 20px;
        margin-top:8px;
        margin-bottom: 16px;
    }

    .hero a.button{
        max-width: 180px ;
    }

    .hero .qr{
        width: 126px;
        height: 126px;
    }

    .hero .container{
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        gap:20px;
    }
}


/* Info */

.info{
    background-image: url("./images/white-bg-angle.svg");
    background-size: cover;
    margin-top: -140px;
    background-repeat: no-repeat;
}

.info .container{
    padding-top: 200px;
    padding-bottom: 137px;
}

.info .flex{
    flex-wrap: nowrap;
    gap:112px;
}

@media only screen and (max-width: 1024px){
    .info{
        background-size: 1024px;
    }


    .info .container{
        padding-top: 120px;
        padding-bottom: 70px;
    }

    .info .flex {
        flex-direction: column;
        gap: 32px;
    }

}

.info h3{
    color: #BF913D;
    font-family: "League Gothic";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 48px */
    text-transform: uppercase;
    max-width: 168px;
    width: 100%;
}

.info .flex strong{
    color: #000;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 39.2px */
}

.info .flex p{
    color: #000;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}



/* Milestones */


.milestones{
    text-align: center;
    background-image: url("./images/highlights-background@2x.webp");
    background-size: cover;
    background-position: 50% 50%;
}

.milestones .flex{
    margin-bottom: 80px;
    justify-content: center;
}

.milestones .container{
    padding-top: 160px;
    padding-bottom: 160px;
}

.milestones .container p{
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    max-width: 945px;
    margin-left: auto;
    margin-right: auto;
}

.milestones h3{
    color: #E4BF58;
    font-family: "League Gothic";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    text-transform: uppercase;
}

.milestones h3 strong{
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;

}

.milestones .flex .item{
    max-width: calc(50% - 32px);
    border: 4px solid #BF913D;
    border-radius: 10px;
    padding-bottom: 48px;
}

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

    .milestones .container{
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .milestones .flex .item{
        max-width: 100%;
    }
}

.milestones .flex .item p{
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin-top: 8px;
    margin-bottom: 8px;
    max-width: 500px;
    padding-left: 45px;
    padding-right: 45px;
}

.milestones .flex .item img{
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 32px;
}


.milestones .button{
    text-decoration: none;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 200% */
    letter-spacing: 1.6px;
    text-transform: uppercase;
    width: 218px;
    height: 44px;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: linear-gradient(151deg, #BF913D 11.89%, #D0A454 37.8%, #59441C 117.55%);
}


.milestones .football-association{
    max-width: 320px;
}

.milestones .disc{
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}



/* venue */



.venue .container{
    padding-top: 160px;
    padding-bottom: 160px;
}

.venue .flex{
    flex-wrap: nowrap;
    gap:84px;
}



.venue .flex > div:nth-child(1){
    max-width: 494px;
    width: 100%;
}


.venue .flex > div:nth-child(2){
    max-width: 685px;
    width: 100%;
}

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


    .venue table tr{
        display: flex;
        flex-direction: column;
    }


    .venue .container{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .venue .flex {
        flex-direction: column;
        gap: 32px;
    }

    .venue .flex > div:nth-child(2){
        max-width: 100%;
        width: 100%;
    }

}

.venue h3{
    color: #BF913D;
    font-family: "League Gothic";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 48px */
    text-transform: uppercase;
    width: 100%;
}

.venue table a{
    color: #BF913D;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px; /* 233.333% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.venue table a:after{
    content: "";
    display: inline-flex;
    width: 16.971px;
    height: 16.971px;
    background: url("./images/arrow-link.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    text-decoration: none;
    top: 3px;
    position: relative;
}
@media only screen and (max-width: 1024px){

    .venue table a:after{
        display: none;
    }
    .venue table a{
        text-decoration: none;
    }

    .venue table tr td:nth-child(1){
        padding-bottom:0;
    }

    .venue table tr{
        border-bottom: 1px #E5E5E5 solid;
    }

}


.venue .flex strong{
    color: #000;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 39.2px */
}

.venue .flex p{
    color: #000;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}


.venue table{
    border-radius: 10px;
    background: #F5F5F5;
    overflow: hidden;
    min-width: 800px;
}

@media only screen and (max-width: 1474px){
    .venue table{
        min-width: 100%;
    }
}

.venue table:first-of-type{
    margin-bottom: 48px;
}


.venue table, .venue th, .venue td {
    border:none;
}

.venue th, .venue td {
    padding-left:24px;
    padding-right:24px;
    padding-top:12px;
    padding-bottom:12px;
}


.venue thead{
    border-radius: 10px;
    background: #BF913D;
}

.venue table .table-subh{
    background:#FFF;
    text-transform:uppercase;
    font-weight:700;
    font-size: 18px;
    padding-left:16px;
    padding-right:16px;
}

.venue thead th{
    color: #FFF;
    font-family: Staatliches;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 126.667% */
    text-align:left;
    width: 100%;
}




/* ceremony */

.ceremony{
    background: #000;
}

.ceremony .container{
    padding-top: 0px;
    padding-bottom: 0px;
}

.ceremony .flex{
    flex-wrap: nowrap;
    gap:0;
    align-items: stretch;
}

@media only screen and (max-width: 1024px){
    .ceremony .flex{
        flex-direction: column;
        gap:32px;
    }
}

.ceremony .flex > div:nth-child(1){
    width: calc(50% + 114px);
    position: relative;
    min-height: 100%;
}

.ceremony .flex > div:nth-child(2){
    width: 50%;
    margin-left: -114px;
    height: 100%;
    min-height: 620px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 132px;
    padding-bottom: 132px;
}

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

    .ceremony .container{
        padding-left: 0px;
        padding-right: 0px;
    }

    .ceremony .flex > div:nth-child(1){
        width: 100%;
        position: relative;
        min-height: 600px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ceremony .flex > div:nth-child(2){
        width: 100%;
        margin-left: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

}


.ceremony h3{
    color: #BF913D;
    font-family: "League Gothic";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 48px */
    text-transform: uppercase;
    width: 100%;
}

.ceremony table a{
    color: #BF913D;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px; /* 233.333% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.ceremony table a:after{
    content: "";
    display: inline-flex;
    width: 16.971px;
    height: 16.971px;
    background: url("./images/arrow-link.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    text-decoration: none;
    top: 3px;
    position: relative;
}

.ceremony .flex strong{
    color: #000;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 39.2px */
}

.ceremony .flex p{
    color: #000;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

.ceremony .bg-image{
    width: auto;
    position: absolute;
    height: 100%;
    right: -96px;
}


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

    .ceremony .flex > div:nth-child(2){
        padding-top: 0px;
        margin-top: -100px;
    }

    .ceremony .bg-image {
        width: 100%;
        position: absolute;
        height: auto;
        right: 0;
    }
}

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

    .ceremony .bg-image {
        width: auto;
        position: absolute;
        height: 100%;
        right: 0;
    }
}


.ceremony .right{

    position: relative;
    z-index: 2;
}

.ceremony .right > *{
    z-index: 3;
}

.ceremony .right:before{
    content: "";
    width: 377px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -114px;
    background: linear-gradient(to left, rgba(0,0,0,1) 27.43%, rgba(0, 0, 0, 0.00) 88.15%);
    z-index: 0;
}

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

    .ceremony .right:before {
        content: "";
        width: 100%;
        height: 300px;
        display: block;
        position: absolute;
        top: -150px;
        left: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 1) 27.43%, rgba(0, 0, 0, 0.00) 88.15%);
        z-index: 0;
    }

}

.ceremony .flex > div:nth-child(1):before{
    content: "";
    width: 377px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -252px;
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 27.43%, rgba(0, 0, 0, 0.00) 88.15%);
    z-index: 99;

}

.ceremony .event{
    margin-bottom: 30px;
}

.ceremony .event .item{
    color: #FFF;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.ceremony .event .item a{
    color: #FFF;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.ceremony .event .item img{
    width: 22px;
    height: 22px;
    margin-right:12px;
}

.ceremony .right h4{
    color: #FFF;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 39.2px */
    margin-bottom: 0;
}

.ceremony .right  p{
    color: #FFF;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}






/* impact */

.impact{
     background: linear-gradient(151deg, #BF913D 11.89%, #59441C 117.55%);
 }

.impact .container{
    padding-top: 160px;
    padding-bottom: 160px;
}

.impact .flex{
    flex-wrap: nowrap;
    gap:84px;
}



.impact .flex > div:nth-child(1){
    max-width: 494px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.impact .flex > div:nth-child(2){
    max-width: 685px;
    width: 100%;
}

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

    .impact .container{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .impact .flex {
        flex-direction: column;
        gap: 32px;
    }

    .impact .flex > div:nth-child(2){
        max-width: 100%;
        width: 100%;
    }

}

.impact h3{
    color: #FFF;
    font-family: "League Gothic";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px; /* 104.167% */
    text-transform: uppercase;
    width: 100%;
}

.impact h4{
    color: #FFF;
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}

.impact  a{
    color: #BF913D;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px; /* 233.333% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;

}

.impact a:after{
    content: "";
    display: inline-flex;
    width: 16.971px;
    height: 16.971px;
    background: url("./images/arrow-link.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    text-decoration: none;
    top: 3px;
    position: relative;
}

.impact .flex strong{
    color: #FFF;
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}

.impact .flex p{
    color: #FFF;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

.impact .right img{
width: 100%;
}




/* Partners */
.partners{
    background: #FFF;
    padding-top: 118px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-bottom: 190px;
}

.partners .feat-image{
    max-height: 380px;
}

.partners h3{
    color: #BF913D;
    text-align: center;
    font-family: "League Gothic";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 125% */
    text-transform: uppercase;
    margin-top: 80px;
    margin-bottom: 42px;
}

.partners-wrap{
    display: flex;
    justify-content: space-between;
}


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

    .partners{

        padding-bottom: 80px;
    }

    .partners-wrap{
        flex-direction: column;
        gap:36px;
    }
    .partners-wrap img{
        max-height: 72px;

    }
}



/*  gallery */


.gallery-wrap .image-upload-btn{
    max-width: 42px;
    top: 100px;
}

.gallery .repeater_add_slick {
    position: relative;
    right: 0;
    bottom: 0;

}

.gallery{
    color: #FFF;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
    padding-top: 133px;
    padding-bottom: 133px;
}

.gallery .gallery-wrap img{
    border-radius: 10px;
    margin-right: 64px;
    margin-left: -32px;
    max-height: 262px;
    object-fit: cover;
    object-position: top;
}
.gallery .gallery-full .gallery-wrap img{
    border-radius: 10px;
    margin-right: 0;
    margin-left:0;
    max-height: unset;
}

.gallery .gallery-full .slick-next{
    right: 54px;
    position: fixed;
}

.gallery .gallery-full .slick-prev{
    left: 54px;
    position: fixed;
}


.gallery .gallery-full img{
    border-radius: 10px;
    margin-right: 0px;
    margin-left: 0px;
}


.gallery p{
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.gallery .container strong{
    font-weight: 700;
    max-width: 820px;
}

.gallery h3{
    color: #E4BF58;
    text-align: center;
    font-family: "League Gothic";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 125% */
    text-transform: uppercase;
}

.gallery .button{
    margin-top: 70px;
}


/* footer */


footer{
    background: url("./images/footer-background.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 190px;
}

footer h3{
    color: #FFF;
    font-family: "League Gothic";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 125% */
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 40px;
}

footer  p{
    color: #FFF;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;}

footer strong{
    color: #FFF;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 28px */
}

footer .button img{
    width: 18.75px;
    height: auto;
    margin-right: 16px;
}

footer .button-wrap{
    display: inline-flex;
    gap:16px;
    margin-top: 32px;
}


footer .contact a{
    text-decoration: none;
}

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

    footer{
        padding-bottom: 80px;
    }

    footer .button-wrap{
        flex-direction: column;

    }
}

footer .contact{
    color: #FFF;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

footer .contact a{
    color: #FFF;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 222.222% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

footer .contact .item img{
    margin-right:14px;
}


footer .social {
    margin-top: 32px;
}

.social .flex{
    gap:24px;
}

.footer-flex{
    justify-content: space-between;
}

footer .managed__toolbar, footer .text-toolbar{
    top:-64px;
}


.modal:after{
    content: "";
    display: inline-flex;
    width: 16.971px;
    height: 16.971px;
    background: url("./images/icon-close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    text-decoration: none;
    top: 45px;
    right: 45px;
    position: fixed;
    cursor: pointer;
}


.video-embed:after{
    content: "";
    display: inline-flex;
    width: 16.971px;
    height: 16.971px;
    background: url("./images/icon-close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    text-decoration: none;
    top: 45px;
    right: 45px;
    position: fixed;
    cursor: pointer;
}