:root {
    --primary-rust: #7C3B30;
    --secondary-rust: #342A1F;
    --white: #fff;
    --color-olive: #728034;
    --color-secondary: #CBB390;
    --color-offwhite:#E5D4BA;
}

.nav_header{
    background: #FFF;
box-shadow: 0 4px 12px 0 rgba(150, 150, 150, 0.12);
    position: fixed;
    top: 55px;
    z-index: 11;
    width: 100%;
}

#agenda-section{
    margin-top:120px;
}
sr7-module{
    margin-top:140px;
}

body,html {
    font-family: "Bricolage Grotesque",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px
}
.color-secondary{
    color:var( --color-secondary);
}
.color-olive{
     color:var( --color-olive);
}
.color-primaryrust{
    color:var( --primary-rust);
}
.color-secondaryrust{
    color:var(--secondary-rust);
}
.color-white{
    color:var(--white);
}
.color-offwhite{
    color:var(--color-offwhite);
}
.fs-16{
    font-size:16px;
}
.fs-18{
    font-size:18px;
}
.fs-20{
    font-size:20px;
}
.fs-22{
    font-size:22px;
}

.fs-30{
    font-size: 30px;
}
.fs-48{
    font-size: 48px;
}
.mt-14{
    margin-top:14px !important;
}
.mb-14{
    margin-bottom:14px !important;
}
.my-14{
    margin-top:14px !important;
    margin-bottom:14px !important;
}
.mt-10{
    margin-top:10px;
}
.mb-16{
    margin-bottom:16px;
}
.mt-16{
    margin-top:16px;
}
.mt-20{
    margin-top:20px;
}
.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}
.fw-700 {
    font-weight: 700
}
.fw-800 {
    font-weight: 800
}
.g-0{
    gap:0;
}
.g-20{
    gap:20px;
}
.py-100{
    padding-top:100px;
    padding-bottom:100px;
}
.py-80{
    padding-top:80px;
    padding-bottom:80px;
}
/*.supporterslogos{*/
/*    column-gap:70px;*/
/*    margin-top:40px;*/
/*}*/
.supporterslogos{
    display: grid;
   gap: 40px 70px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    
}
.overflow-hidden{
    overflow:hidden;
}
.primaryButton a{
    transition: all 0.35s ease-in-out;
    position: relative;
    border-radius: 10px;
    font-size: 18px;
background-color:var(--color-olive);
padding: 12px 18px !important;
font-weight:600;
border: 2px solid var(--color-olive);
 -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.button-outline a{
    padding: 12px 18px !important;
     position: relative;
    border-radius: 10px;
    color:var(--color-olive);
    background:var(--white);
  border: 2px solid var(--color-olive);
  font-weight:600;
   -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.primaryButton a:hover,
.button-outline a:hover{
    background: #4E5820;
    color:var(--white);
}

  /* Marquee container */
    /*.logo-marquee {*/
    /*    width: 100%;*/
    /*    overflow: hidden;*/
    /*    position: relative;*/

    /*}*/

    /* Moving track */
    /*.logo-track {*/
    /*    display: flex;*/
    /*    width: max-content;*/
    /*    align-items: center;*/
    /*    animation: logoScroll 20s linear infinite;*/
    /*    will-change: transform;*/
    /*    gap:40px;*/
    /*}*/

    /* Each logo */
    /*.logo-item {*/
  
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*}*/

    /*.logo-item img {*/
    /*    width: auto;*/
    /*    height: 60px;*/
    /*    max-width: 190px;*/
    /*    object-fit: contain;*/
    /*    display: block;*/
    /*}*/

    /* Infinite movement */
    /*@keyframes logoScroll {*/
    /*    from {*/
    /*        transform: translateX(0);*/
    /*    }*/

    /*    to {*/
    /*        transform: translateX(-219%);*/
    /*    }*/
    /*}*/

/*.logo-slider-section {*/
/*    overflow: hidden;*/
/*}*/
/*.logowrapper{*/
/*    display:flex !important;*/
/*    align-items: center;*/
/*          width: 100%;*/
/*}*/
/*.logo-swiper-row  {*/
/*    display: flex !important;*/
/*        align-items: center;*/
/*          width: 100%;*/
/*    overflow: hidden;*/
/*}*/

/*.logo-swiper-row .swiper-wrapper {*/
/*    -webkit-transition-timing-function: linear;*/
/*    -o-transition-timing-function: linear;*/
/*    transition-timing-function: linear;*/
/*     gap:60px;*/
/*    align-items: center;*/
/*}*/

      

/*        .logo-swiper-row .swiper-slide {*/
/*            width: auto;*/
/*            min-width:30px;*/
/*            flex-shrink: 0;*/
/*        }*/



/*.logo-swiper-row .swiper-slide img {*/
/*    height: 60px;*/
/*    object-fit: contain;*/
/*    display: block;*/
/*}*/
.oursupporters{
    position:relative;
    z-index:9;
}
.oursupporters:before {
    content: "";
    position: absolute;
    right: -50%;
    top: -15%;
    background: #CBB390;
    width: 250px;
    height: 139px;
    z-index: -1;
}
.rightcontent-card{
    padding:30px 40px;
}
.festival-horizontalcards .cardbox{
    padding:20px;
}
.venue-details{
    display: flex;
    gap: 50px;
    margin-top: 16px;
}
.venue-details-cards{
    display: flex;
    gap:6px;
    margin-top: 16px;
}
.festival-horizontalcards,
.festivalsingle-card{
    position: relative;
    height:100%;
}
.card-rightimg{
    position:absolute;
    right:0;
    bottom:0;
}
.stall-list {
    color: #EAE1D4;
    padding-left: 18px;
}
.stall-list li{
    margin-bottom:20px;
}
.card-rightimg img {
    border-bottom-right-radius: 25px;
}
.locationmap{
    position:relative;
}
.locationmap .fishimg{
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
    width:410px;
}
.maplink iframe{
    position:absolute;
    left:0;
    width:100%;
}
.downloadagenda .wp-block-button__link:after {
    content: '';
    display: inline-flex;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background-image: url("https://ncf30years.org/wp-content/uploads/2026/08/download.svg");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 0;
}
/*.greenleft-schedulecard {*/
/*    border-radius: 20px 0 0 20px;*/
/*    background:  #728034;*/
/*    width: 280px;*/
/*    height: 180px;*/
/*    padding: 20px;*/
/*}*/
.agenda-card{
    margin-top:30px;
}
#agenda-section .agenda-card .icon-block {
    flex: 0 0 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 20px;
}
#agenda-section .agenda-card .icon-block.icon-birch {
    background: var(--secondary-rust);
}
#agenda-section .agenda-card .icon-block.icon-olive {
    background: var(--color-olive);
}
#agenda-section .agenda-card .icon-block.icon-orange {
    background: #EEB075;
}
#agenda-section .agenda-card .icon-block.icon-rust {
    background: var(--primary-rust);
}
#agenda-section .agenda-card.break-card {
    background: #F1EADE;
    min-height: 110px;
}
#agenda-section .agenda-card.break-card .icon-block {
    flex: 0 0 110px;
    background: transparent;
    align-items: flex-start;
}
#agenda-section .agenda-card {
    display: flex;
    background: #E5D4BA;
    border-radius: 20px;
    overflow: hidden;
    min-height: 180px;
    position:relative;
}
#agenda-section .agenda-card .card-body {
    flex: 1;
    min-width: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}
.flower-left{
    position: absolute;
    left: 0;
    top: 2%;
    z-index: 0;
}
.flowerright{
    position: absolute;
    right: 0;
    top: 2%;
    z-index: 0;
}
.img-rounded img {
    border-radius: 20px 0 0 20px;
}
.bookconservation-card {
    display: flex;
    gap: 16px;
}

.slider-wrapper {
    overflow: hidden
}

.slider {
    display: flex;
    transition: transform 0.5s ease
}

.slider-item {
    min-width: 100%;
    cursor: pointer
}

.imgslider .slider-item figure img{
    height:415px;
    object-fit:cover;
     border-radius:20px 0 0 20px;
}
.slider-indicators:before{
    position:absolute;
    content:'';
    width:12px;
    height:12px;
    background: var(--primary-rust);
    border-radius:50px;
    left:47.5%;
    bottom:3%;
    pointer-events:none;
}
.slider-indicators:after{
    position:absolute;
    content:'';
    width:12px;
    height:12px;
    background:var(--color-secondary);
    border-radius:50px;
    right:47.5%;
    bottom:3%;
    pointer-events:none;
}
.festivalsingle-card .img-rounded{
    height:100%;
    object-fit:cover;
}

.img-rounded img {
      height:100%;
    object-fit:cover;
}
.stalls-col {
    gap:10px 20px;
}
#SR7_1_1-3-7{
    position:relative;
}
#SR7_1_1-3-7:before,
#SR7_1_1-9-14:before,
#SR7_1_1-6-19:before,
#SR7_1_1-7-22:before{
    content:'';
    position:absolute;
    width:28px;
    height:28px;
    left:-38px;
    top:-5px;
    background:url('https://ncf30years.org/wp-content/uploads/2026/08/date.svg');
}
#SR7_1_1-3-9:before,
#SR7_1_1-9-18:before,
#SR7_1_1-6-21:before,
#SR7_1_1-7-26:before{
       content:'';
    position:absolute;
    width:28px;
    height:28px;
    left:-38px;
    top:-5px;
    background:url('https://ncf30years.org/wp-content/uploads/2026/08/location.svg');
}
#SR7_1_1-3-8:before,
#SR7_1_1-9-17:before,
#SR7_1_1-6-20:before,
#SR7_1_1-7-25:before{
       content:'';
    position:absolute;
    width:28px;
    height:28px;
    left:-38px;
    top:-5px;
    background:url('https://ncf30years.org/wp-content/uploads/2026/08/clock.svg');
}
#SR7_1_1-9-14:before,
#SR7_1_1-9-17:before,
#SR7_1_1-9-18:before,
#SR7_1_1-6-19:before,
#SR7_1_1-6-20:before,
#SR7_1_1-6-21:before,
#SR7_1_1-7-22:before,
#SR7_1_1-7-25:before,
#SR7_1_1-7-26:before{
       filter: brightness(0) invert(1);
}
  .marquee-section {
            overflow: hidden;
            white-space: nowrap;
            padding:16px 0;
       position: fixed;
    top: 0;
    z-index: 111;
    width: 100%;
        }

        .marquee-track {
            display: flex;
            width: max-content;
            animation: marquee 20s linear infinite;
        }

        .marquee-content {
            display: flex;
            align-items: center;
            flex-shrink: 0;
              gap:80px;
        }

        .marquee-item {
            display: flex;
            align-items: center;
          
        }
        .marquee-item p{
            font-size:16px;
        }

        /*.separator {*/
        /*    margin: 0 25px;*/
        /*}*/

        @keyframes marquee {
            from {
                transform: translateX(50%);
            }

            to {
                transform: translateX(-50%);
            }
        }
        .export-ncf{
        height: calc(100dvh - 80px);
         place-content: center;
        }
        .export-pdf-wrapper{
            display: flex;
    flex-direction: column;
    align-items: center;
        }
@media  (max-width: 991px) {
.fs-48 {
    font-size: 32px;
} 
.fs-30 {
    font-size: 24px;
}
.py-100,
.py-80{
    padding-top:50px;
    padding-bottom:50px;
}
.button-outline a,
.primaryButton a{
    font-size:14px;
    padding:8px 12px !important;
}
.maplink iframe{
    position:relative;
    top:50px;
}
.locationmap .fishimg{
    display:none;
}
.rightcontent-card {
    padding: 24px;
}
#agenda-section .agenda-card .icon-block{
    flex:none;
    flex-direction:row;
    justify-content: flex-start;
}

#agenda-section .agenda-card{
    flex-direction:column;
}
.venue-details{
    gap:20px;
}
.flower-left,
.flowerright{
display:none;
}
.imgslider .slider-item figure img{
    height:auto;
    border-radius: 20px 20px 0 0;
}
.img-rounded img {
    border-radius: 20px 20px 0 0;
}


        /*.logo-item img {*/
        /*    max-width: 140px;*/
        /*    height: 50px;*/
        /*}*/

        /*.logo-track {*/
        /*    animation-duration: 20s;*/
        /*}*/

}
@media (min-width: 320px) and (max-width: 767px) {
    .fs-48 {
    font-size: 32px;
}
.custom-logo{
    width:110px;
}
.headernavbar-links .wp-block-buttons{
    gap:8px;
}
.fs-30 {
    font-size: 24px;
}
.button-outline a,
.primaryButton a{
    font-size:14px;
    padding:10px 16px !important;
}
.rightcontent-card{
    padding:20px;
}
.venue-details {
        gap: 10px;
        flex-wrap: wrap;
        padding-top: 16px;
    }
.venue-details-cards{
     gap: 10px;
    flex-wrap: wrap;
    padding-top: 16px;
}
#SR7_1_1 .hermes.sr7-bullets {
    transform: translate(38px, -40px) !important;
}
.py-100,
.py-80{
    padding-top:50px;
    padding-bottom:50px;
}
.icon-block figure img{
    width:85px;
}
.oursupporters:before{
    display:none;
}
.logowrapper {
    flex-direction: column;
    row-gap: 30px;
}


.slider-indicators:before{
    left: 46%;
}
.slider-indicators:after{
    right: 42%;
}

#agenda-section{
    margin-top:120px !important;
}
sr7-module{
    margin-top:130px !important;
}
/*.logo-track{*/
/*    gap:20px;*/
/*}*/
.supporterslogos{
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
}
.stall-list li:last-child{
    margin-bottom:0;
}
.headernavbar-links .primaryButton{
    position:fixed;
    bottom:0;
    width:100%;
    left:0;
    z-index:11;
    text-transform: uppercase;
    height: 50px;
}
.headernavbar-links .primaryButton a{
     border-radius:0;
}
.locationRow{
    margin-bottom:16px !important;
}
 @keyframes marquee {
            from {
                transform: translateX(20%);
            }

            to {
                transform: translateX(-50%);
            }
        }
        .marquee-item p{
            font-size:14px !important;
            white-space: nowrap;
        }
        .nav_header{
            top:50px;
        }
        .headernavbar-links .primaryButton a{
            font-size:18px;
        }
}