/*
Theme Name: Donkey
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/


@import url("https://use.typekit.net/zzk8lok.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

:root{
	--cream:#ECE2D0;
	--orange:#D74A30;
	--green:#004B47;
	--title:"alternate-gothic-no-1-d", sans-serif;
}

* { box-sizing: border-box;}


/* ===== GENERAL ===== */

html { width:100%;height:100%;margin:0;padding:0;background:#000; }
html.hidden { overflow:hidden; }

body { font-family: "inter", sans-serif;font-weight:400; }



h1,h2,h3,h4,h5,h6, p.large { font-family:var(--title);font-style: normal;color:var(--cream);text-transform:uppercase;line-height:80%; }

h1 { font-size: 7rem;letter-spacing:0.1rem; }
.hero-home h1 { font-size: 8rem; }
.modular-hero h1 { background:var(--orange);padding:1.5rem 1.5rem;width:fit-content;border-radius:0.4rem;transform:rotate(-4deg) translateY(-3rem);display:inline-block; }

h1 span, h3 span { color:var(--orange); }



h2.backed { color:var(--cream);font-size: 4rem;display:inline-block;padding:1.5rem;border-radius:0.4rem;background:var(--orange);width:fit-content;transform:rotate(-4deg); }
.orange h2.backed { background:var(--green); }

h2 { font-size:4rem;line-height:100%; }

h3, p.large { font-size: 2.5rem;line-height:100%; }
p.large { text-transform:none; }

strong { font-variation-settings: "slnt" 0, "wght" 700; }


.container { width:100%;max-width:72rem;margin:0 auto;padding:0 0rem;position:relative;z-index:10; }
.container-large { width:100%;max-width:108rem;margin:0 auto;padding:0 0rem;position:relative;z-index:10; }
.container-small { width:100%;max-width:34rem;margin:0 auto;position:relative;z-index:10; }

.full-height { height:100%; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }
.text-center { text-align:center; } 

section { position:relative;padding:6rem 2rem;overflow:hidden; }

.bg-cream { background:var(--cream);color:var(--green); }
.bg-cream * { color:var(--green); }
.bg-green { background:var(--green);color:var(--cream); }
.bg-orange { background:var(--orange);color:var(--cream); }


:is(.bg-cream, .bg-black) :is(h2:not(.backed),h3:not(.backed),h4:not(.backed),h5:not(.backed),h6:not(.backed)) { color:var(--orange); }
.bg-black { color:var(--cream); }
.bg-orange p { color:var(--cream); }

.abs-bg { position:absolute;top:0;left:0;width:100%;height:100%; }
.abs-bg img { width:100%;height:100%;object-fit: cover;filter:saturate(0); }
/* .abs-bg::before { z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;content:"";display:block;background:linear-gradient(-90deg, rgba(0,0,0,0.8), transparent); } */
.abs-bg::after { z-index:3;content:"";display:block;top:0;left:0;width:100%;height:100%;background:var(--green);mix-blend-mode:hard-light;position:absolute; }
.orange .abs-bg::after { background:var(--orange); }

a { color:var(--cream); }
.bg-cream a { color:var(--green); }
a:hover { color:var(--orange); }
a.button, .forminator-button { margin:1rem 0;display:inline-block;padding:0.3rem 1rem;font-size:1.8rem;font-weight:400;text-decoration: none;color:var(--cream);background:var(--green);border-radius:0.4rem;font-family:var(--title); }
:is(.green, .black) a.button { background:var(--orange); }
:is(.green, .black) a.button:hover { background:var(--green); }
a.button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 17' fill='none'%3E%3Cpath d='M13.5 5.60261C15.5 6.75731 15.5 9.64406 13.5 10.7988L4.5 15.9949C2.5 17.1496 1.05473e-06 15.7062 1.15568e-06 13.3968L1.60994e-06 3.00453C1.71089e-06 0.69513 2.5 -0.748246 4.5 0.406455L13.5 5.60261Z' fill='%23ECE2D0'/%3E%3C/svg%3E");
  margin-left:0.8rem;
  width: 15px;
  height: 17px;
  background-repeat: no-repeat;
  display:inline-block;
  content:"";
  position:relative;top:0px;
}
a.button:hover, .forminator-button:hover { background:var(--orange); }
.green a.button:hover { background:Var(--green); }

a.button.noarrow::after { display:none; }

:is(.bg-black, .bg-green) a.button { background:var(--orange); }
.bg-black  a.button:hover { background:var(--green); }
.bg-green  a.button:hover { background:#000; }


.nav-button a { background:var(--orange);padding:0.5rem 0.8rem 0.8rem;border-radius:0.4rem; }
#footermenu .nav-button a { background:none;padding:0;}
#navmenu .menu li.nav-button a:hover { background:var(--green);color:var(--cream); }


.sugar-calendar-block__popover__event__container__content__cta { background:var(--orange);color:var(--cream); }
.sugar-calendar-block__popover__event__container__content__cta:hover { background:var(--green); }
.sugar-calendar-block__popover__event__container__image,
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__gridview .sugar-calendar-event-list-block__gridview__event__body__image__container,
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__image__container { height:auto; }

/* .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block { background:var(--orange); }
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block * { color:var(--cream); } */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__content h4,
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__gridview .sugar-calendar-event-list-block__gridview__event__body__content h4, .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__plainview .sugar-calendar-event-list-block__plainview__event h4 { font-size:2.5rem; }



.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-name { }

/* ===== NAV MENU ===== */
nav { padding:2rem 1rem;position:fixed;top:0;left:0;width:100%;z-index:100;transition:all 0.5s ease-in-out;background:transparent; }
nav.scrolled { background:#000; }
.nav-wrap { display:flex;justify-content: space-between;align-items:center; }
#navmenu .menu { list-style: none;padding:0;margin:0;display:flex;width:100%;z-index:100;position:relative;gap:1rem;align-items:center; }
#navmenu .menu li { display:inline-block;font-family:var(--title);font-size:2rem; }
#navmenu .menu li a { color:var(--cream);text-decoration: none; }
#navmenu .menu li a:hover, #navmenu .menu li.current_page_item  a { color:var(--orange);text-decoration: none; }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }
#navmenu .menu li.nav-button a:hover, #navmenu .menu li.nav-button.current_page_item a { color:var(--cream);background:var(--green); }


nav.nav-hidden {
    transform:translateY(-100%);
}

nav.nav-visible {
    transform:translateY(0);
}


.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:var(--cream); }
.mobile-toggle.active .toggle-bar { background:var(--orange); }


footer { background:var(--green);padding:4rem 1rem 8rem;color:var(--cream);  }
footer a { color:var(--cream); }
footer a:hover { color:var(--orange); }
#footermenu .menu { list-style: none;padding:0;margin:0; }
#footermenu a { text-decoration: none;font-family: var(--title);font-size: 1.6rem;margin-bottom:0.4rem;display:block; }
.footer-header { font-family: var(--title);font-size: 1.6rem; }
.footer-flex { display:flex;flex-wrap:wrap;gap:2rem;width:100%;justify-content: space-between;margin-top:4rem; }
.socials { margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap; }
.socials a:hover svg path { fill:var(--orange); }
.socials a svg { width:20px;height:20px;object-fit:contain; }
footer p svg { margin-right:0.5rem;}


/* ===== MODULES ===== */
.module { display:block; }




.hero { padding-top:10rem; }
.hero-flex { display:flex;flex-wrap:wrap;align-items:center;gap:2rem;height:100%; }
.hero-flex > div:first-child { flex:1 1 25rem; }
.hero-flex > div:last-child { flex:1 1 40rem; }
.hero-flex video { width:100%; }
.hero-flex .badge { position:absolute;top:0;right:0;transform:translate(0, -45%);width:11rem; }
.hero-flex .video-wrapper { max-width:40rem;margin:0 auto; }
.video-wrapper { position: relative;transform:rotate(4deg); }

.modular-hero { height:40rem; }
.hero-image { position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;opacity:0.4; }

.three-col { display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem; }
.three-col .image-col.left { transform:translateX(-1rem); }
.three-col .image-col.right { transform:translateX(1rem); }
.three-col .image-col img { width:100%;max-width:100% !important; }
.three-col .image-col img:first-child { transform:rotate(4deg); }
.three-col .image-col img:last-child { transform:rotate(-6deg); }
.three-col .image-col.right img:first-child { transform:rotate(-6deg); }
.three-col .image-col.right img:last-child { transform:rotate(2deg); }



.columns { display:flex;gap:5rem;flex-wrap:wrap; }
.col { flex:1 1 30rem; }
.col-image { position:relative; }
.col-image img { width:100%; transform:rotate(4deg);border-radius:0.4rem; }
.col-pos-1.col-image img { transform:rotate(-4deg); }
.col-text :is(h2:first-child, h3:first-child) { margin:0; }
.col-text :is(h2,h3) { margin-bottom:0;}

.block-slide-inner { padding:1rem;}
.block-slide img { width:100%;border-top-left-radius:0.4rem;border-top-right-radius:0.4rem;height:100%; }
.block-slide-text { padding:1rem;background:var(--cream);border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;text-align:left;display:flex;flex-direction:column;gap:1rem; }


.date { color:var(--orange);font-size:1rem;display:inline-block;width:100%;font-weight:700;letter-spacing:-0.01rem; }
.event-title { font-size:2.5rem;font-family:var(--title);display:inline-block;width:100%;font-weight:500; }
.event-description { font-size:1.25rem;font-family:var(--title);font-weight:700; }

.slick-arrow { background:var(--cream) url("data:image/svg+xml,%3Csvg width='24' height='27' viewBox='0 0 24 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 10.7989C24.5 11.9536 24.5 14.8403 22.5 15.995L4.49999 26.3874C2.49999 27.5421 -1.34201e-06 26.0987 -1.24107e-06 23.7893L-3.32543e-07 3.00466C-2.31596e-07 0.69526 2.5 -0.74811 4.5 0.40659L22.5 10.7989Z' fill='%23004B47'/%3E%3C/svg%3E") no-repeat 55% center;width:5rem;height:5rem;border-radius:100%; }
.slick-arrow:hover { background:var(--green) url("data:image/svg+xml,%3Csvg width='24' height='27' viewBox='0 0 24 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 10.7989C24.5 11.9536 24.5 14.8403 22.5 15.995L4.49999 26.3874C2.49999 27.5421 -1.34201e-06 26.0987 -1.24107e-06 23.7893L-3.32543e-07 3.00466C-2.31596e-07 0.69526 2.5 -0.74811 4.5 0.40659L22.5 10.7989Z' fill='%23ECE2D0'/%3E%3C/svg%3E") no-repeat 55% center; }
.green .slick-arrow:hover { background:var(--orange) url("data:image/svg+xml,%3Csvg width='24' height='27' viewBox='0 0 24 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 10.7989C24.5 11.9536 24.5 14.8403 22.5 15.995L4.49999 26.3874C2.49999 27.5421 -1.34201e-06 26.0987 -1.24107e-06 23.7893L-3.32543e-07 3.00466C-2.31596e-07 0.69526 2.5 -0.74811 4.5 0.40659L22.5 10.7989Z' fill='%23ECE2D0'/%3E%3C/svg%3E") no-repeat 55% center; }
.slick-next:before, .slick-prev::before { display:none; }

.slick-prev { left:-1rem; }
.slick-next { right:-1rem; }
.slick-prev { transform:translate(0, -50%) rotate(180deg); }
.slider-arrows { width:calc(100% + 2rem);margin-left:-1rem; }
.slider-wrapper a.button { margin-top:1rem;position:relative;top:1rem; }
.slider-wrapper .block-slide-text a.button { position:static;margin:0; }


.home-img-section { padding-bottom:0;overflow:hidden; }
.home-img-1 { position: relative;margin-top:-10rem;transform:rotate(-4deg) !important;width:39.25rem !important; }
.home-img-2 { margin-top:-7rem;transform:rotate(4deg);width:31.35419rem !important; }
.home-img-3 { transform:rotate(-4deg) scale(0.8) !important;width:41.22025rem !important;margin-left:-4rem;position:relative;top:1rem; }

.home-img-4 { width: 13.55844rem !important;position:relative;top:2.5rem;left:-7rem;z-index:1; }
.home-img-5 { width: 26.875rem !important;transform:rotate(4deg) !important;background:var(--cream);border-radius:0.4rem;border-width:1rem 1rem 1rem 1rem !important; }
.home-img-6 { width:19rem !important;margin-top:-16rem;position:relative;right:-10rem;top:-2rem; }

/* .gallery { display:flex;flex-wrap:wrap;gap:1rem; }
.gallery > div { flex:1 1 300px; } */

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 5fr));
    gap:1rem;
}

.gallery img { aspect-ratio:16/12;object-fit: cover;width:100%; }
.glightbox-clean .gslide-title { color:var(--green) !important;margin:0 !important; }
.glightbox-clean .gslide-description { background:var(--cream) !important; }



.slide h3 { background:var(--orange);padding:1rem 1.5rem;width:fit-content;border-radius:0.5rem;text-transform:uppercase;text-shadow: 0px 0px 1px rgba(0,0,0,0.4); }
.slide p { color:var(--cream); }
.slide :is(b, strong) { color:var(--orange); }
.slide a { text-decoration-color: var(--orange); }
.slide a:hover { text-decoration-color: var(--cream); }
.slide a:hover :is(b, strong) { color:var(--cream) !important; }


section.gallery_links { padding:0; }
.gallery-links { display:flex;width:100%;justify-content: space-between;flex-wrap:wrap; }
.gallery-links a { display:block;position:relative;width:100%;color:var(--cream);flex:1 1 400px; }
.gallery-links span { position: absolute;top:50%;left:50%;background:var(--orange);font-family:var(--title);font-size:4rem;padding:1rem 1.5rem;transform:translate(-50%, -50%) rotate(-4deg);z-index:3;white-space:nowrap;border-radius:0.4rem; }
.gallery-links a::after { display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;mix-blend-mode: multiply;opacity:0.6; }
.gallery-links a:hover::after { background:var(--green);opacity:0.9; }
.gallery-links img { width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(0);display:block; }



     #timeline {
         position: relative;
         height: auto;
         /* overflow: hidden; */
         padding: 10rem 0;
     }

     .timeline-bg {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         display: block;
         background-image: url('/wp-content/themes/donkey/img/The-Donkey-Heritage-Wall---Website-version.jpg');
         background-size: 100% auto;
         opacity: 0.1;
         background-position: center 0%;
     }

     .slide {
         inset: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 1rem 0;
         overflow:hidden;
     }


     .timeline-progress-bars {
         position:absolute;
         top:2rem;
         /* bottom:1.5rem; */
         left: 2rem;
         /* transform:translate(-50%, 0); */
         width: 30px;
         height: calc(100vh - 4rem);
         display: flex;
         flex-direction: column;
         z-index: 20;
         float:left;
         clear:both;
    
     }

     .progress-segment {
         flex: 1;
         background: rgba(255, 255, 255, 0);
         opacity: 1;
         position: relative;
         /* overflow:hidden; */
     }

     .progress-segment .fill {
         position: absolute;
         top: 0;
         left: 0;
         height: 0%;
         width: 100%;
         background: var(--orange);
         opacity: 1;
     }

     /* .progress-segment::before {
         position: absolute;
         bottom: 0;
         right: 0;
         width: 100%;
         height: 2px;
         background: var(--orange);
         display: block;
         content: "";
     } */

     .timeline-arrow {
         width: 0;
         height: 0;
         border-top: 30px solid transparent;
         border-bottom: 30px solid transparent;
         border-left: 40px solid var(--orange);
         position: absolute;
         top: 0;
         left: 0;
         transform: translateY(-25%) translateX(-5px) rotate(90deg);
     }


     .slide-content {
         width: 100%;
         max-width: 1200px;
         position: relative;
         margin: 0 auto;
         padding: 2rem;
         display: flex;
         flex-wrap:wrap;
         gap: 2rem;
         opacity: 0;
         transform: translateY(20%);
         transition: all 0.4s ease-in-out;
     }

     .slide-content img {
         max-width: 100%;
         height: auto;
         max-height:400px;
     }

     .slide-content > div { position:relative; }

     .slide-content div:first-child {
         flex: 0 1 auto;
     }

     .slide-content div:last-child {
         flex: 1 1 900px;
     }

     .image-caption { position: absolute;bottom:-1rem;left:-1rem;background:var(--green);color:var(--cream);display:block;padding:0.5rem 0.8rem;border-radius:5px;transform:rotate(-4deg); }
     .image-caption.bottom-right { left:auto;right:-1rem; }
     .image-caption.top-left { bottom:auto;top:-1rem; }
     .image-caption.top-right { bottom:auto;left:auto;right:-1rem;top:-1rem; }



.sc-frontend-single-event__details { font-size:1.5rem;margin-bottom:2rem;border-bottom:1px solid;padding-bottom:2rem; }

.single-event-flex { display:flex;flex-wrap:wrap;gap:3rem; }
.single-event-flex > div { flex:1 1 500px; }
/* .single-event-flex > div:last-child { flex:0 1 350px; } */
.single-event-flex img { width:100%;max-width:500px;height:auto; }
.sc-frontend-single-event__details .sc-frontend-single-event__details-row { flex-direction: row !important; }

.polaroid { border:1rem solid #fff;border-bottom:6rem solid #fff;transform:scale(0.8);filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2)); }
.vert-center { align-items: center; }


.sc-button { background:none;border:1px solid rgba(0,0,0,0.2);padding:8px 15px;border-radius:0.3rem; }
.sc-button:not(.active):hover { background:var(--green);color:var(--cream);cursor:pointer; }
.sc-button.active { background:var(--orange);color:var(--cream);border:none; }

#subForm input[type="email"] { width:100%;padding:0.5rem 1rem; } 
#subForm label { font-size:1rem; }
#subForm button { border:none;background:Var(--green);padding:0.5rem 1rem;color:var(--cream);font-size:1.1rem;  }
#subForm button:hover { background:var(--orange); }



@media(max-width:110rem){
	.slick-arrow { border-top-right-radius:0;border-bottom-right-radius:0;background-position:40% center;height:6rem; }
	.green :is(.slick-arrow:hover, .slick-arrow:focus), .slick-arrow:hover, .slick-arrow:focus { background-position:40% center; }
	.slick-next { right:-2rem; }
	.slick-prev { left:-2rem; }

    .three-col { grid-template-columns:1fr 1.5fr 1fr; }
    .home-img-6 { left:0; }
}

@media(max-width:1100px){

     .three-col {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;
  gap:0rem;
  row-gap:4rem;
}

.three-col .image-col.right,
.three-col .image-col.left { transform:none; }

.three-col div:nth-child(2) {
  grid-column:1 / span 2;
  grid-row:1;
}

.three-col div:nth-child(1) {
  grid-column:1;
grid-row:2;
}

.three-col div:nth-child(3) {
  grid-column:2;
  grid-row:2;
}

.home-img-6 { left:-10rem; }

 }














/* Tablet Size */
@media(max-width:768px){
	/* Move this to it's own query if it needs to break down earlier */
    nav { position:static; }
        .nav-wrap { display:block; }
		.mobile-toggle { display:inline-block;position:absolute;top:1rem;right:0rem; }
		#navmenu { display:none;padding-top:1rem; }
        #navmenu .menu { display:block;}
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
	/* ---------------------- */

    .hero { padding-top:1rem; }
    .hero .badge { transform:scale(0.6) translate(30%, -80%); }

    .slider-arrows { width:calc(100% + 4rem);margin-left:-2rem;margin-top:-1rem;display:flex;justify-content: space-between;position:relative;z-index:12; }
    .slick-next, .slick-prev { position:static;}

    .home-img-section .image-col.left { display:none; }
    .home-img-section .three-col { row-gap:0rem; }
    .block-slide { padding:0rem;}
    .block-slider { margin-left:-2rem;margin-right:-2rem; }

    .modular-hero { height:30rem; }
    .modular-hero h1 { font-size:4rem;transform:rotate(-4deg);}

    .timeline-progress-bars { left:1rem;width:5px; }
    .slide-content { padding-left:3rem;}
    .timeline-arrow { transform:translateY(-50%) translateX(-42%) rotate(90deg) scale(0.25); }
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title{ font-size:1.4rem !important; }
.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left { flex-wrap:wrap;}
.sugar-calendar-block__mobile_event_list__events_container .sugar-calendar-block__event-cell { padding:1rem; }



}




@media(max-width:560px){

    h1 { font-size:5rem; }
    h2, .slide h3, h2.backed { font-size:2.4rem; }
    h3, p.large { font-size:2.2rem; }

    .modular-hero { height:20rem;padding:2rem; }
    .modular-hero h1 { font-size:2.5rem; }
    .timeline-bg { background-attachment: fixed; }

    nav { transform:translateY(0) !important; }

    .block-slide-inner { padding:0rem 4rem; }
    .event-title { font-size:2rem;}



    .slick-arrow, .slick-arrow:hover, .green .slick-arrow:hover { background:var(--cream) url("data:image/svg+xml,%3Csvg width='24' height='27' viewBox='0 0 24 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 10.7989C24.5 11.9536 24.5 14.8403 22.5 15.995L4.49999 26.3874C2.49999 27.5421 -1.34201e-06 26.0987 -1.24107e-06 23.7893L-3.32543e-07 3.00466C-2.31596e-07 0.69526 2.5 -0.74811 4.5 0.40659L22.5 10.7989Z' fill='%23004B47'/%3E%3C/svg%3E") no-repeat 55% center; }


.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event { display:block;position:relative; }
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day { position:absolute;top:0;left:0;z-index:10;display:none; }
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block { background:var(--orange); }
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-name { color:var(--cream )!important; }

.sc-frontend-single-event__details { font-size:1.2rem;gap:0.3rem; }

.polaroid { border-width:0.3rem 0.3rem 2rem; }

}
 




/* Mobile Size */
@media(max-width:400px){

     .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    h3, p.large { font-size:1.8rem; }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title { font-size:1.8rem !important;}

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview { row-gap:4rem; }

.modular-hero h1 { font-size:2rem; }
.modular-hero { height:15rem;padding:2rem 2rem; }
section { padding:3rem 2rem; }



.footer-flex > div { flex:1 1 100%;text-align:center; }
#footermenu .menu li { display:inline-block;width:fit-content;margin:0 1rem 1rem 0; }
.socials { justify-content: center;}

.polaroid { border:0.5rem solid #fff;border-bottom:2rem solid #fff; }


}






















































































.donkey-load { position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;padding:3rem;opacity:1;transition:opacity 2s ease-in-out; }
/* .donkey-load svg { width:100%;height:100%;object-fit: contain;overflow:visible;} */
.donkey-load.hidden { opacity:0;pointer-events:none; }
.donkey-load img { position: absolute;top:0;left:0;width:100%;height:100%;object-fit: contain;aspect-ratio:1/1; }
.donkey-load img:nth-child(2) {
	opacity:0;
    animation:
        neon-powerup 4s forwards,
        neon-flicker 10s 4s infinite;
}


@keyframes neon-flicker {
    0%   { opacity: 1; }
    5%   { opacity: 0.2; }
    8%   { opacity: 1; }
    10%  { opacity: 0.1; }
    12%  { opacity: 1; }

    20%  { opacity: 0.4; }
    22%  { opacity: 1; }

    30%  { opacity: 0.15; }
    32%  { opacity: 1; }

    45%  { opacity: 0.3; }
    46%  { opacity: 1; }

    60%  { opacity: 0.05; }
    62%  { opacity: 1; }

    75%  { opacity: 0.4; }
    78%  { opacity: 1; }

    90%  { opacity: 0.2; }
    92%  { opacity: 1; }

    100% { opacity: 1; }
}


@keyframes neon-powerup {
    /* --- 0–2s: completely dead --- */
    0%   { opacity: 0; }
    33%  { opacity: 0; }

    /* --- violent flicker sequence (2–6s) --- */
    36%  { opacity: 0.2; }
    38%  { opacity: 0; }
    40%  { opacity: 0.5; }
    42%  { opacity: 0.1; }
    45%  { opacity: 0.6; }
    48%  { opacity: 0; }
    52%  { opacity: 0.7; }
    55%  { opacity: 0.3; }
    60%  { opacity: 0.8; }
    65%  { opacity: 0.2; }
    70%  { opacity: 0.9; }
    75%  { opacity: 0.4; }
    80%  { opacity: 1; }
    85%  { opacity: 0.6; }
    90%  { opacity: 1; }

    /* --- fully alive --- */
    100% { opacity: 1; }
}



.noscroll {
    overflow: hidden;
}
.donkey-load {
    display: none; /* jQuery will show it */
    transition:all 2s ease-in-out;
}