/*
Theme Name: boilerplate 
Theme URI: https://joshua-hall.com
Author: Joshua Hall
Author URI: https://joshua-hall.com
Description: Boiletplate powered by Joshua Hall.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 2.0
*/

@font-face {
    font-family: 'Druk Text Wide';
    src: url('/wp-content/themes/boilerplate/fonts/DrukTextWide-Medium.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/DrukTextWide-Medium.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/DrukTextWide-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Druk Text';
    src: url('/wp-content/themes/boilerplate/fonts/DrukText-Medium.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/DrukText-Medium.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/DrukText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alternate Gothic No2 D';
    src: url('/wp-content/themes/boilerplate/fonts/AlternateGotNo2D.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/AlternateGotNo2D.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/AlternateGotNo2D.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




html {scroll-behavior: smooth; -webkit-font-smoothing: antialiased !important;}
body { margin:0; padding:0 }
::selection { background: var(--primary); background: var(--tertiary) }

/* Structure*/

.container { position: relative; height: 100%; width: 100%;}
.row { height: 100%; position: relative;}
.full-width { width: 100%;  margin: 0 auto;}
.row-width-95{ width: 95%; max-width: 95%; margin: 0 auto; }
.row-width-90 { width: 90%; max-width: 90%; margin: 0 auto; }
.row-width-80 { width: 80%; max-width: 80%; margin: 0 auto; }
.row-width-70 { width: 70%; max-width: 70%; margin: 0 auto; }
.row-width-60 { width: 60%; max-width: 60%; margin: 0 auto; }
.row-width-50 { width: 50%; max-width: 50%; margin: 0 auto; }
.row-width-40 { width: 40%; max-width: 40%; margin: 0 auto; }
.row-width-30 { width: 30%; max-width: 30%; margin: 0 auto; }
.row-width-20 { width: 20%; max-width: 20%; margin: 0 auto; }
.row-width-10 { width: 10%; max-width: 10%; margin: 0 auto; }


/* Widths */

.col1{width: 8.33%;}
.col2{width: 16.66%;}
.col2-5{width: 20.00%}
.col3{ width: 25%;}
.col4{width: 33.33%;}
.col5{width: 41.33%;}
.col6{width: 50%; position: relative;}
.col7{width: 58.33%;}
.col8{width: 66.66%;}
.col9{width: 75%;}
.col10{width: 83.88%;}
.col11{width: 91.66%;}
.col12{width: 100%;}

.height-0 { height:0vh; box-sizing: border-box;}
.height-20 { height:20vh;box-sizing: border-box; }
.height-40 { height:40vh;box-sizing: border-box; }
.height-60 { height:60vh;box-sizing: border-box; }
.height-80 { height:80vh;box-sizing: border-box; }
.height-100 { height:100vh; box-sizing: border-box; }
.height-auto { height: auto; }

.absolute-center {position: absolute;top: 0;left: 0; right: 0; bottom: 0; margin: auto}
.absolute-top {position: absolute;top: 0;left: 0; right: 0; bottom: auto; margin: auto}
.absolute-left {position: absolute;top: 0;left: 0; right: auto; bottom: 0; margin: auto}
.absolute-right {position: absolute;top: 0;left: auto; right: 0; bottom: 0; margin: auto}
.absolute-bottom {position: absolute;top: auto;left: 0; right: 0; bottom: 0; margin: auto}

.flex-row {display: flex;flex-direction: row;}
.flex-column { display: flex; flex-direction: column;}
.justify-center { display: flex; align-items: center; justify-content: center; }
.justify-bottom { display: flex; justify-content: flex-end;}

.flex-wrap {flex-wrap: wrap}
.align-center  {align-items: center; }
.justify-left {  justify-content: left }
.justify-right { justify-content: right }
.justify-spaced { justify-content: space-between;}
.align-top { align-items: flex-start; }
.align-bottom { align-items: flex-end;}
.align-left {  align-items: flex-start }
.align-right {  align-items: flex-end;}
.text-center { text-align:center;}
.text-right { text-align:right;}
.text-left { text-align:left;}

.padding-0 {padding:0 !important}
.padding-b-0 {padding-bottom: 0px}
.padding-t-0 {padding-top: 0px}
.padding-l-0 {padding-left: 0px}
.padding-r-0 {padding-right: 0px}
.padding-10 {padding:10px 0}
.padding-b-10 {padding-bottom: 10px}
.padding-t-10 {padding-top: 10px}
.padding-l-10 {padding-left: 10px}
.padding-r-10 {padding-right: 10px}
.padding-20 {padding:20px 0}
.padding-b-20 {padding-bottom: 20px}
.padding-t-20 {padding-top: 20px}
.padding-l-20 {padding-left: 20px}
.padding-r-20 {padding-right: 20px}
.padding-40 {padding:40px 40px}
.padding-b-40 {padding-bottom: 40px}
.padding-t-40 {padding-top: 40px}
.padding-l-40 {padding-left: 40px}
.padding-r-40 {padding-right: 40px}
.padding-60 {padding:60px 0}
.padding-b-60 {padding-bottom: 60px}
.padding-t-60 {padding-top: 60px}
.padding-l-60 {padding-left: 60px}
.padding-r-60 {padding-right: 60px}
.padding-80 {padding:80px 0}
.padding-b-80 {padding-bottom: 80px}
.padding-t-80 {padding-top: 80px}
.padding-l-80 {padding-left: 80px}
.padding-r-80 {padding-right: 80px}
.padding-100 {padding:100px 0}
.padding-b-100 {padding-bottom: 100px}
.padding-t-100 {padding-top: 100px}
.padding-l-100 {padding-left: 100px}
.padding-r-100 {padding-right: 100px}
.padding-120 {padding:120px 0}
.padding-b-120 {padding-bottom: 120px}
.padding-t-120 {padding-top: 120px}
.padding-l-120 {padding-left: 120px}
.padding-r-120 {padding-right: 120px}
.padding-140 {padding:140px 0}
.padding-b-140 {padding-bottom:140px}
.padding-t-140 {padding-top:140px}
.padding-l-140 {padding-left:140px}
.padding-r-140 {padding-right:140px}


.mobile { display:none !important; }


.gap-0 {gap:0 !important}
.gap-1 {gap:8.33%}
.gap-2 {gap:16.33%}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-40 {gap:40px}
.gap-60 {gap:60px}
.gap-80 {gap:80px}
.gap-100 {gap:100px}
.gap-120 {gap:120px}
.gap-140 {gap:140px}

.margin-auto { margin:0 auto; }
.margin-0 {margin:0 !important}
.margin-b-0 { margin-bottom: 0; }
.margin-t-0 { margin-top: 0; }
.margin-5 {margin:5px !important}
.margin-b-5 { margin-bottom: 5px; }
.margin-t-5 { margin-top: 5px; }
.margin-10 {margin:10px !important}
.margin-b-10 { margin-bottom: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-20 {margin:20px 0}
.margin-b-20 { margin-bottom: 20px; }
.margin-t-20 { margin-top: 20px; }
.margin-30 {margin:30px 0}
.margin-b-30 { margin-bottom: 30px; }
.margin-t-30 { margin-top: 30px; }
.margin-40 {margin:40px 0}
.margin-b-40 { margin-bottom: 40px; }
.margin-t-40 { margin-top: 40px; }
.margin-60 {margin:60px 0}
.margin-b-60 { margin-bottom: 60px; }
.margin-t-60 { margin-top: 60px; }
.margin-80 {margin:80px 0}
.margin-b-80 { margin-bottom: 80px; }
.margin-t-80 { margin-top: 80px; }
.margin-100 {margin:100px 0}
.margin-b-100{ margin-bottom: 100px; }
.margin-t-100 { margin-top: 100px; }
.margin-120 {margin:120px 0}
.margin-b-120  { margin-bottom: 120px; }
.margin-t-120  { margin-top: 120px; }

.border-r-10 { border-radius:10px }
.border-r-15 { border-radius:15px }
.border-r-20 { border-radius:20px }
.border-r-30 { border-radius:30px }


.xsm-text, .xsm-text p { display: block; font-size: var(--micro);font-weight: 400; line-height: 1.2;}
.sm-text, .sm-text p {display: block; font-size: var(--xssmall); font-weight: 400; line-height: 1.2;}
.med-text, .med-text p {display: block;font-size: var(--small);line-height: 1.2;font-weight: 500;}
.lrg-text {display: block; font-size: var(--medium); line-height: 1.2}

.uppercase { text-transform: uppercase;}
.lowercase { text-transform: lowercase;}
.capitalise { text-transform: capitalize;}
.sentence { text-transform: none;}

.image-fill {object-fit: cover; object-position: center;}

a, button, .text-link { cursor: pointer; text-decoration: none;}
a:hover { text-decoration: none;}

h1, h2, h3, h4, h5, h6 { z-index: 2; margin: 0; line-height: 1}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: inherit; }
h1 {  font-size: var(--xlarge); font-family: 'Druk Text Wide'; font-weight: normal }
h2{ font-size: var(--large); font-family: 'Druk Text Wide'; font-weight: normal }
h3{ font-size: var(--medium); font-family: 'Druk Text Wide'; font-weight: 300 }
h4{ font-size: var(--small); font-family: 'Druk Text'; font-weight: normal}
h5{ font-size: var(--small); font-family: 'Druk Text'; font-weight: normal}
h6{ font-size: var(--xxsmall); font-family: 'Alternate Gothic No2 D'; font-weight: normal}
body,p  { font-size: var(--xxsmall); font-family: 'Druk Text Wide'; font-weight: 300}
span {line-height: 1; font-family:inherit;}
iframe {border: 0;}

img, svg {width: 100%;}
li, ul {list-style: none; padding: 0;}
.icon, .icon svg {max-width: 20px; height: 100%; width: 17px;max-height: 17px;}
.hide, .hidden { display:none; transition: opacity 0.7s ease-in; opacity: 0;}


.white, .white p { color: var(--white);}
.whitebg { background: var(--white);}
.black, .black p { color: var(--black);}
.blackbg { background: var(--black);}
.grey, .grey p { color: var(--grey);}
.greybg { background: var(--grey);}
.darkgrey, .darkgrey p { color: var(--darkgrey);}
.darkgreybg { background: var(--darkgrey);}
.primary, .primary p { color: var(--primary);}
.primarybg { background: var(--primary);}
.secondary, .secondary p { color: var(--secondary);}
.secondarybg { background: var(--secondary);}
.tertiary, .tertiary p { color: var(--tertiary);}
.tertiarybg { background: var(--tertiary);}
.quartiary, .quartiary p { color: var(--quartiary);}
.quartiarybg { background: var(--quartiary);}


.primary-font { font-family: 'Druk Text Wide'; }
.secondary-font { font-family: 'Druk Text'; }
.tertiary-font { font-family: 'Alternate Gothic No2 D'; }


/* Input */
input.text, input.title, input[type=email], input[type=password], input[type=number], input[type=tel], input[type=text], select, textarea {background-color: #20202052; color: white; border: 2px solid var(--primary); padding: 14px 10px 10px !important; -webkit-appearance: none;appearance: none; border-radius: 10px;box-sizing: border-box;width: -webkit-fill-available; font-family: 'Druk Text Wide';text-transform: uppercase; line-height: var(--xsmall);font-size: var(--xxsmall) !important;}
input::placeholder, ::placeholder, ::-webkit-input-placeholder { color: var(--white); line-height: var(--xxsmall) !important;}
input:focus-visible, select:focus-visible, option:focus-visible, textarea:focus-visible {outline: none; border-color: var(--white); color: white}
::placeholder { color: #ffffff29 !important;}
.gform_fields {grid-row-gap: 10px !important;grid-column-gap: 10px !important;}

.gform_validation_errors, .validation_message {  background: #ac42ff4f !important;border: 1px solid var(--primary) !important;border-radius: 7px !important;color: var(--white) !important;font-size: var(--xxsmall) !important; padding: 10px !important;}
.gform_validation_errors h2, .validation_message * {color: var(--white) !important; text-transform: uppercase;font-size: var(--micro) !important;}
.gform_validation_errors h2 {padding-left: 40px !important;}
.validation_message { display: none;}
.gform_confirmation_message {text-transform: uppercase;color: var(--primary);}
.gform_button:hover { color: var(--primary); transition: 0.3s ease all;}

/* Buttons */
.button-wrapper {}

.primary-button { cursor: pointer; border: 2px solid var(--primary); border-radius: 20px; text-transform: uppercase; color: var(--white);  padding: 7.5px 24px;font-family: 'Alternate Gothic No2 D'; font-size: var(--small); line-height: var(--small); text-decoration: none; text-transform: uppercase; font-weight: normal; transition: 0.3s ease all }
.primary-button:hover {transition: 0.3s ease all; background: var(--primary); }
.primary-button a {}

.secondary-button { cursor: pointer; border: 2px solid var(--secondary); border-radius: 20px; text-transform: uppercase; color: var(--white);  padding: 7.5px 24px;font-family: 'Alternate Gothic No2 D'; font-size: var(--small); line-height: var(--small); text-decoration: none; text-transform: uppercase; font-weight: normal; transition: 0.3s ease all }
.secondary-button:hover {transition: 0.3s ease all;background: var(--secondary); color: var(--black) }
.secondary-button a {}

.tertiary-button { cursor: pointer; border: 2px solid var(--tertiary); border-radius: 20px; text-transform: uppercase; color: var(--white);  padding: 7.5px 24px;font-family: 'Alternate Gothic No2 D'; font-size: var(--small); line-height: var(--small); text-decoration: none; text-transform: uppercase; font-weight: normal; transition: 0.3s ease all }
.tertiary-button:hover {transition: 0.3s ease all;background: var(--tertiary);  }
.tertiary-button a {}

.text-link { cursor: pointer;transition: 0.3s ease all  }
.text-link:hover {transition: 0.3s ease all }
.text-link a {}

/* Eventbrite Embedded Checkout */
button {background: transparent;}
body > img {display: none;}

canvas#confetti { position: fixed;width: 100%;height: 100%;top: 0;  z-index: 9;pointer-events: none;}

/* Menu */

.announcement {width: 100%;box-sizing: border-box;}

header {width: 100%;margin: 0 auto; padding: 0 2.5%; box-sizing: border-box; z-index: 100;position: fixed; top: 0;left: 0; right: 0;}
header:before { content: ''; position: absolute; left: 0;width: 100%; height: 200px;background: linear-gradient(180deg, var(--black), transparent); z-index: -1;}
.main-logo img {width: 100px; height: 100px}
header.sticky {transform: translateY(-100%);transition: transform 0.3s ease;}
header.redact {transform: translateY(0%);transition: transform 0.3s ease;}


.hero {position: relative;}
.menu { display: flex;padding: 15px 0;margin: 0;   align-items: center;}
.menu-item {margin: 0 7px; position: relative; display: flex;}
.menu-item:hover > a{color: var(--primary); transition: 0.3s ease all}
.menu-item a {color: var(--white); font-family: 'Druk Text';  transition: 0.3s ease all; text-decoration: none; text-transform: uppercase;font-size: var(--small);letter-spacing: 0; text-shadow: 0 0 5px #000;}
.current-menu-item > a {color: var(--primary);}

.menu-item-has-children {margin-right: 20px;} 
.menu-item-has-children.active::after { content: ''; background: url('https://poofdoof.com/wp-content/themes/boilerplate/images/up.svg');background-repeat: no-repeat;  background-position: center; }
.menu-item-has-children::after { content: ''; position: absolute; right: -15px; width: 10px; height: 10px; top: 4px;bottom: auto;margin: auto;background: url('https://poofdoof.com/wp-content/themes/boilerplate/images/down.svg');background-position: center; background-repeat: no-repeat;}

.sub-menu {display: none;}
.sub-menu .menu-item { margin: 0; width: max-content; padding: 0;}

.active .sub-menu {position: absolute;display: flex;flex-direction: column;top: 30px;align-items: center;left: 0;right: 0;}

.logocontainer { width: 250px;  position: absolute; left: 0; right: 0; margin: auto; top: 60px; z-index: 99;}
.sitelogo {transition: opacity 0.7s ease-in;}
.sitelogo svg {width: auto; height: 60px;}

.secondary-menu {width: auto;align-items: center;}

.menuslide { display:none }

/* Password */
.protected header {display: none;}
.password {width: 500px;height: fit-content; position: absolute; left: 0; right: 0; top: 0;bottom: 0; margin: auto;}
.password .row {padding: 20px; border-radius: 4px;}
.post-password-form { margin:0 }
.post-password-form p { margin:0 }
.post-password-form p:first-of-type {display: none;}
.post-password-form label input { margin-top:10px; }
.post-password-form input[type="submit"] {  margin-bottom: 0px;padding: 10px 20px; width: 100%; border-radius: 20px; border: 0;}
.post-password-form input { margin-bottom: 10px; border-radius: 20px;height: 40px;}
.password h5 { margin-bottom:10px }
.password h6 { margin-bottom:20px }


/* Glow Elements */
.left-primary-glow {position: relative;}
.right-primary-glow {position: relative;}
.left-secondary-glow {position: relative;}
.right-secondary-glow {position: relative;}
.left-tertiary-glow {position: relative;}
.right-tertiary-glow {position: relative;}

.left-primary-glow:before {position: absolute;content: '';width: 550px;height: 550px;background: radial-gradient(circle at center, var(--primary) 0%, transparent 70%);bottom: -100px;left: -75px;}
.right-primary-glow:before {position: absolute;content: '';width: 550px;height: 550px;background: radial-gradient(circle at center, var(--primary) 0%, transparent 70%);bottom: -100px;right: -75px;}
.left-secondary-glow:before {position: absolute;content: '';width: 550px;height: 550px;background: radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);bottom: -100px;left: -75px;}
.right-secondary-glow:before {position: absolute;content: '';width: 550px;height: 550px;background: radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);bottom: -100px;right: -75px;}
.left-tertiary-glow:before {position: absolute;content: '';width: 550px;height: 550px;background: radial-gradient(circle at center, var(--tertiary) 0%, transparent 70%);bottom: -100px;left: -75px;}
.right-tertiary-glow:before {position: absolute;content: '';width: 550px;height: 550px;background: radial-gradient(circle at center, var(--tertiary) 0%, transparent 70%);bottom: -100px;right: -75px;}

/* Coming Soon */
.page-coming-soon header, .page-coming-soon footer { display: none;}
.landing-underlay img { min-height: 100vh; object-fit: cover;}
.landing-overlay { position: absolute; inset: 0;margin: auto; z-index: 1; height: fit-content; width: fit-content;}
.landing-overlay h2 {font-family: sans-serif; font-weight: bold;color: white;letter-spacing: -1px;}
.landing-overlay img {max-width: 380px; height: auto;}

.page-container {overflow: hidden;}
/* Home Page */

/* Featured Events */
.featured-event {max-height: fit-content;}
.swiper-slide img {border: 2px solid var(--primary);box-sizing: border-box;border-radius: 20px;}
.swiper-pagination-bullet-active {width: 20px !important; border-radius: 4px;background: var(--primary) !important; transition: 0.3s ease all}
.swiper-pagination-bullet {width: 7px;  height: 7px;border-radius: 4px;border: 1px solid var(--primary); background: transparent;opacity: 1; transition: 0.3s ease all}

.autoplay-progress {position: absolute;}
.autoplay-progress {position: absolute;bottom: 70px;right: 20px;z-index: 2;width: 50px;height: 50px;display: flex;align-items: center; justify-content: center;font-weight: bold; color: var(--primary);}
.autoplay-progress svg {--progress: 0;position: absolute;left: 0; top: 0px; z-index: 10;width: 100%;height: 100%;stroke-width: 4px; stroke: var(--primary);fill: none;stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6;transform: rotate(-90deg);}

.event-meta {height: fit-content;top: 20px;bottom: auto;right: 20px;background: var(--black); padding: 10px 20px; border-radius: 10px;transition: 0.3s ease all; border: 1px solid var(--black);}
.event-meta:hover {background: var(--darkgrey);transition: 0.3s ease all; border: 1px solid var(--primary);}
.event-meta .text-link {text-transform: uppercase;text-decoration: none;}
.event-ticket-meta .text-link {border: 0;font-family: 'Druk Text Wide';text-transform: uppercase;padding: 0;line-height: 1;}
.location-title.primary { font-family: 'Druk Text Wide'; text-transform: uppercase;font-size: var(--small);}
.date-day {font-family: 'Druk Text Wide'; text-transform: uppercase; font-size: var(--xsmall);}
.date-month {font-family: 'Druk Text Wide'; text-transform: uppercase; font-size: var(--xsmall);}

/* Location Events */
.featured-locations .module-content {font-family: 'Druk Text Wide';}
.location-events{position:relative;  box-sizing: border-box;}
.event-row {position: relative; padding: 5px;box-sizing: border-box;}
.event-item { box-sizing: border-box; cursor: pointer; overflow: hidden; border-radius: 10px; border: 2px solid var(--primary);transition: 0.3s ease all;}
.event-item .event-media {  aspect-ratio: 16 / 9; height: auto; overflow: hidden; border-radius: 7px;}
.event-item .event-media img { transform: scale(1); transition: 1s ease all;  height: 100%; object-fit: cover;}
.event-item:hover .event-media img { transform: scale(1.05); transition: 1s ease all }
.event-item .event-details h4 {min-height: 50px;font-size: var(--xsmall);}

.list-view { box-sizing: border-box; cursor: pointer; border-radius: 10px; border: 0; transition: 0.3s ease all;}
.list-view:hover {background: #000;transition: 0.3s ease all;}
.list-view .event-wrapper {flex: 1;}
.list-view .event-media.icon {width: 50px;height: 50px; max-width: 50px; max-height: 50px;border-radius: 50px;overflow: hidden;}
.list-view .event-media img {object-fit: cover; height: 100%;width: 100%; display: block;}
.list-view .event-details h4 {font-size: var(--xsmall);}
.list-view .date-day {font-size: var(--small);}
.list-view .event-details.flex-column {flex: 1;}
.event-subheading {font-size: var(--xsmall);margin-top: 3px;}

.event-item.past {border-color: var(--darkgrey) !important; opacity: 0.5;}
.event-item.past .primary, .event-item.past .secondary, .event-item.past .tertiary { color: var(--darkgrey); }
.event-item.past .primary-button, .event-item.past .secondary-button, .event-item.past .tertiary-button { border-color: var(--darkgrey); } 

/* Featured Video */

/* Network Accordion */

.network-item {padding: 20px 0;border-bottom: 2px solid var(--primary);transition: 0.3s ease all;}
.network-item .primary-font { margin-bottom: -5px;}
.network-item:hover a {color: var(--primary);transition: 0.3s ease all;}
.network-item:hover h4 {color: var(--white);transition: 0.3s ease all;}

/* Toggle Content */
.about-toggle {box-sizing: border-box;}
.toggle-trigger { transition: 0.3s ease all; opacity:0.2; cursor: pointer;}
.toggle-trigger.active {color: var(--primary); opacity: 1;transition: 0.3s ease all;}
.toggle-trigger:hover {color: var(--white);opacity: 1;transition: 0.3s ease all;}
.toggle-content-wrapper.active {display: flex !important;transition: 0.3s ease all;}

.about-split .banner-row img {height: 100%; object-fit: cover;}

/* Newsletter Block */
.newsletter-block {background: #ac42ff3d; border: 2px solid var(--primary); box-sizing: border-box;}
 form { position: relative }
.gform_footer {bottom: 13px;position: absolute;margin: 0 !important;padding: 0 !important;right: 25px;}
.gform_button {margin: 0 !important;background: transparent;color: white; appearance: none; border: 0;font-family: 'Druk Text Wide';text-transform: uppercase;font-size: var(--xxsmall);}
video { width: 100%; min-height: 400px }

/* Gallery Swipr */
.gallery-item {max-height: 550px;width: fit-content;overflow: hidden;object-fit: cover;border: 2px solid var(--primary);}
.gallery-item img {max-height: 550px;  display: block;overflow: hidden; border:0;object-fit: cover; transform: scale(1.0);border-radius: 14px;transition: 1s ease all; }
.gallery-item:hover img { transform: scale(1.1); transition: 1s ease all; }

/* Locations */
.location-content:nth-child(1) { background: #FF00B832;border: 2px solid var(--tertiary);box-shadow: none;transition: 0.3s ease all;}
.location-content:nth-child(1):hover {box-shadow: 0px 0 20px 0px var(--tertiary); transition: 0.3s ease all;}
.location-content:nth-child(2) {background: #CDFF0332; border: 2px solid var(--secondary);box-shadow: none;transition: 0.3s ease all;}
.location-content:nth-child(2):hover {box-shadow: 0px 0 20px 0px var(--secondary); transition: 0.3s ease all;}

.melbourne [data-toggle="sydney"] {display: none !important;}
.melbourne [data-toggle="melbourne"] {display: flex !important;}
.sydney [data-toggle="melbourne"] {display: none !important;}
.sydney [data-toggle="sydney"] {display: flex !important;}

/* Event Grid Locations*/
.container.event-container {overflow: hidden;}

.event-header {border: 2px solid var(--primary); border-style: solid none; padding: 20px 0;}
.module-title {margin-bottom: -5px;}
.melbourne .event-header {border: 2px solid var(--tertiary);border-style: solid none; }
.sydney .event-header {border: 2px solid var(--secondary);border-style: solid none; }
.event-swiper {position: relative}
.event-swiper:before {content: ''; pointer-events: none;background: linear-gradient(90deg, var(--black), transparent);left: 0; top: 0; height: 100%; width: 250px;z-index: 2; position: absolute;}
.event-swiper:after {content: ''; pointer-events: none;background: linear-gradient(270deg, var(--black), transparent);right: 0;top: 0; height: 100%;width: 250px; z-index: 2;position: absolute;}
.event-item.swiper-slide .event-media { aspect-ratio: 16 / 9; height: auto; overflow: hidden; border-radius: 7px;}
.event-item.swiper-slide .event-media img { transform: scale(1); transition: 1s ease all;  aspect-ratio: 16 / 9; height: auto; }

.event-item { box-sizing: border-box;background: transparent;box-shadow: none;border: 2px solid var(--primary);}
.event-item.melbourne {border: 2px solid var(--tertiary);}
.event-item.sydney {border: 2px solid var(--secondary);}

.sydney .primary, .sydney .tertiary {color: var(--secondary);}
.sydney .primary-button, .sydney .tertiary-button {border-color: var(--secondary);}
.sydney .primary-button:hover, .sydney .tertiary-button:hover {background: var(--secondary);color: var(--black);}
.sydney .primary-button:nth-child(2):hover, .sydney .tertiary-button:nth-child(2):hover {background: transparent !important;color: var(--white) !important;}

.melbourne .primary, .melbourne .secondary {color: var(--tertiary);}
.melbourne .primary-button, .melbourne .secondary-button {border-color: var(--tertiary); color: var(--white) !important; background: transparent !important}
.melbourne .primary-button:hover, .melbourne .secondary-button:hover {background: var(--tertiary) !important ;color: var(--white);}
.melbourne .primary-button:nth-child(2):hover, .melbourne .secondary-button:nth-child(2):hover {background: transparent !important;color: var(--white) !important;}
.event-wrapper .tertiary-button:nth-child(2), .melbourne .primary-button:nth-child(2) {background: var(--tertiary) !important; color: var(--white)}

.melbourne .event-item:hover {box-shadow: 0 0 10px 0 var(--tertiary);transition: 0.3s ease all}
.sydney .event-item:hover{box-shadow: 0 0 10px 0 var(--secondary);transition: 0.3s ease all}
.international .event-item:hover {box-shadow: 0 0 10px 0 var(--primary);transition: 0.3s ease all}

.event-item.swiper-slide .event-media img {border: 0;border-radius: 7px;}
.event-item.swiper-slide:hover .event-media img { transform: scale(1.05); transition: 1s ease all }

.event-wrapper .primary-button:nth-child(1), .event-details .primary-button:nth-child(2)  {background: var(--primary); color: var(--black)}
.event-wrapper .primary-button:nth-child(1):hover, .event-details .primary-button:nth-child(2):hover  {background: transparent; color: var(--white)}

.event-detail-row.icon, .event-detail-row.icon svg {max-width: 25px;width: 25px; transition: 0.3s ease all;height: 25px; max-height: 25px;}
.event-detail-row.icon:hover svg path {fill: var(--primary);transition: 0.3s ease all;}
.melbourne .event-detail-row.icon:hover svg path {fill: var(--tertiary);transition: 0.3s ease all;}
.sydney .event-detail-row.icon:hover svg path {fill: var(--secondary);transition: 0.3s ease all;}

.swiper-controls .swiper-pagination { width: fit-content !important;top: 0 !important;transform: none !important;left: 0 !important;}
.melb-pagination .swiper-pagination-bullet, .melbourne .swiper-pagination-bullet { border-color: var(--tertiary);}
.melb-pagination .swiper-pagination-bullet-active, .melbourne .swiper-pagination-bullet-active { background: var(--tertiary) !important}

.syd-pagination .swiper-pagination-bullet, .sydney .swiper-pagination-bullet { border-color: var(--secondary);}
.syd-pagination .swiper-pagination-bullet-active, .sydney .swiper-pagination-bullet-active { background: var(--secondary)!important ;}
.event-wrapper .secondary-button:nth-child(2), .sydney .primary-button:nth-child(2) {background: var(--secondary); color: var(--black)}


/* Single Event */
.heading-row {border: 2px solid var(--primary);border-style: solid none;}
.melbourne .heading-row { border-color: var(--tertiary) !important }
.sydney .heading-row { border-color: var(--secondary) !important }

.brands-content .event-media img {width: 100%;object-fit: cover; height: auto; display: block}
.brands-content .event-detail {display: flex; }
.brands-content .event-media {position: sticky; top: 20px; overflow: hidden; height: 100%;}
.event-detail-wrapper {position: relative;height: 100%;border-radius: 20px;}
.event-detail-wrapper .module-content {position: relative; display: flex; flex-direction: column; font-size: var(--xsmall) }
.event-detail-wrapper:before { content: ''; z-index: 1;position: absolute; pointer-events: none; bottom: 0;left: 0;width: 100%;height: 100px;background: linear-gradient(0deg, var(--darkgrey), transparent);border-radius: 20px;}
.event-detail-wrapper .module-content * {margin-left: 0 !important; line-height: 1.25 !important; font-size: var(--xsmall)  !important}
.event-detail-wrapper .sm-text a {color: var(--primary); }
.event-detail-wrapper .module-content p, .event-detail-wrapper .module-content span {font-size: var(--xsmall) !important;}

.event-detail-wrapper .module-content strong { font-size: var(--xsmall) !important; color: var(--primary); margin: 5px 20px;}
.sydney .event-detail-wrapper .module-content strong {  color: var(--secondary); }
.event-detail-wrapper .module-content h3 {font-size: var(--small) !important;}
.event-detail-wrapper .module-content h2, .event-detail-wrapper .module-content h1 {font-size: var(--small) !important;}
.event-detail-wrapper .module-content img {display: none}

.brands-feature img {border: 2px solid var(--primary);}
.melbourne.brands-feature img {border: 2px solid var(--tertiary) !important;}
.sydney.brands-feature img {border: 2px solid var(--secondary) !important;}

.melbourne .event-ticker {background: #FF00B832;}
.sydney .event-ticker {background: #CDFF0332;}
.event-ticker {background: #ac42ff32; box-sizing: border-box;}

/* Taxonomy Events */

.event-taxonomy .event-item { width: calc(25% - 8.66px);}


/* About Page */
.about-media {min-height: 500px; height: 100%;overflow: hidden;border-radius: 20px;border: 2px solid var(--primary);  display: flex;}
.about-media img { object-fit: cover; height: auto; width: auto; min-width: 100%; max-height: 600px; object-position: center;}
/* Values */
.value-row { box-sizing: border-box; background: #ac42ff45; border: 2px solid var(--primary);}

/* Ticker */
.ticker-wrapper {overflow: hidden;width: 100%;}
.ticker-row {overflow: hidden; width: 100%; align-items: flex-start; border: 2px solid var(--secondary);border-style: solid none;}
.ticker { display: inline-flex;white-space: nowrap;animation: scroll 12s linear infinite;transform: translateX(100%);}
.ticker span {padding: 0 20px; font-size: var(--xlarge); line-height: var(--xlarge); margin-bottom: -5px}

/* Gallery Page */
.gallery-grid {display: flex;flex-wrap: wrap;}
.gallery-grid .gallery-item {max-width: calc(33.3% - 20px);}

/* Partner Page */
.hero-underlay { width: 100%; height: 600px; overflow: hidden; border-radius: 20px; position: relative;}
.hero-underlay:before { content: ''; position: absolute; background: black; left: 0; top: 0;width: 100%; height: 100%;opacity: 0.7;}
.hero-underlay img { display: block; object-fit: cover; width: 100%; height: auto;}
.hero-wrapper {position: absolute; height: 100%; width: 100%;top: 0;bottom: 0;left: 0;right: 0;box-sizing: border-box;}

.partner-grid { align-items: stretch;}
.partner-item {box-sizing: border-box; width: calc(33.33% - 15px);transition: 0.3s ease all;transform: scale(1);box-shadow: none;}
.partner-item:hover {transition: 0.3s ease all;transform: scale(1.01);box-shadow: 0 0px 10px 5px #090909;}
.partner-meta {width: 100%;box-sizing: border-box;}
.partner-item .button-wrapper {height: fit-content;}
.partner-media { overflow: hidden; }
.partner-media a, .partner-meta a {display: block;width: fit-content;}
.partner-meta img {max-width: 200px; height: 80px;max-height: 80px;}

/* Sister Brands Page */

.brand-item {flex: 1 1 calc(33.333% - 20px); max-width: calc(50% - 20px)}
.brand-media { overflow: hidden; height: 400px;box-sizing: border-box;margin: -2px;}
.brand-media img { display: block; height: 400px;overflow: hidden; border:0;object-fit: cover; transform: scale(1.0); transition: 1s ease all; }
.brand-media:hover img { transform: scale(1.1); transition: 1s ease all; }

.embed-container {  position: relative; padding-bottom: 56.25%; border-radius: 20px; width: 100%; overflow: hidden; max-width: 100%; height: auto;} 
.embed-container iframe,.embed-container object,.embed-container embed {  position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
.video-slide.swiper-slide-active iframe {pointer-events: all;}
.video-slide iframe { pointer-events: none;}
.video-slide { width: 75%; }

/* Partner Swiper */
.partner-swiper .partner-item {display: flex;justify-content: center;}
.partner-swiper .partner-item:hover { box-shadow: none }
.partner-swiper .partner-item img {border: 0; border-radius: 0;height: 75px;max-width: 160px;}
.partner-media a { display: block; width: 100% }
.partner-media a > img { height: fit-content;  aspect-ratio: 460 / 300; object-fit: cover; width: 100%;}

/* Single Brand Page */
.brands-feature img {border-radius: 20px;}
.heading-row {border-style: solid none !important;}
.heading-row .med-text {text-align: right;line-height: 1;}

/* Contact Page */
.option-row {display: flex;align-items: stretch;}
.option-row  .contact-option {justify-content: space-between;}

/* Policy Pages */
.policy-content ol {padding: 0;text-transform: uppercase;color: var(--primary);}
.policy-content ol ul { padding-inline-start: 0px;  }
.policy-content ol li { list-style: none;padding-inline-start: 0;}
.policy-content a { color: white;text-decoration: underline;}
.policy-content ul {padding-inline-start: 20px; }
.policy-content li { list-style: square; line-height: 1.4;padding-inline-start: 10px;}

/* FAQ*/
.faq-item {border-bottom: 2px solid var(--primary);}
.faq-item:nth-child(1) {border-top: 2px solid var(--primary);}
.faq-details { max-height: 0; overflow: hidden; transition: 0.3s ease all; }
.faq-details.active { padding-bottom: 20px; transition: 0.3s ease all;}

.faq-button { cursor: pointer;position: relative;font-size: var(--xsmall);padding: 20px 0; margin-bottom: -5px} 
.faq-button:before {content: '';position: absolute;top: 15px;right: 10px;width: 20px;height: 20px;background: url('../boilerplate/images/plus.svg');background-size: 20px 20px;transition: 0.3s ease all}
.faq-button.active:before {content: '';background: url('../boilerplate/images/minus.svg');background-size: 20px 20px; transition: 0.3s ease all }

/* Contact Form */
.contact-form {background: #ac42ff3d;}

/* Contact Maps */
.location-map { position: relative; height: 450px; border-radius: 20px; overflow: hidden}
.map {width:100%; height: 450px; border-radius: 0; z-index:0; position: absolute; top: 0;}
.map-content-wrapper {box-sizing: border-box;}
.map-toggle h4 { cursor: pointer;opacity: 0.2;transition: 0.3s ease all}
.map-toggle h4.active { opacity: 1; transition: 0.3s ease all}

.map-content{display: none; }
.map-content a {font-size: var(--xsmall);}
.map-content.active{display: flex; }
.map.active { z-index:9 }

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc {display:none;}
.gmnoprint div {background:none !important;}

/* Modals */
.mfp-content { width: 66% !important; margin: auto; }
.mfp-content .white-popup-block { background: var(--darkgrey);}
.mfp-close {background: white !important;color: var(--primary) !important; opacity: 1; box-sizing: border-box !important;  top: 20px; right: 20px; border-radius: 26px;}
.mfp-content form { }

/* Animation */
@keyframes scroll {
  0% {transform: translateX(-50%);}
  100% {transform: translateX(-0%);}
}

/* Weather */
.expand {content: url(/wp-content/themes/CabanaBar_Syd/images/expand.svg);width: 14px;height: 14px;position: relative; margin-top: 10px;}
.weather svg, .weatherpop svg { width: auto; margin-right: 7px; padding: 3px; height: 12px; width: 12px;}
.weatherpop #temp1:before, .weatherpop .date svg {filter: brightness(10);}
.date { display: flex;line-height: 20px;}
#temp {background: var(--darkgrey);width: 50px; gap: 3px;height: 50px;border-radius: 40px;flex-direction: column;display: flex;align-items: center;justify-content: center;align-content: center;}

.cloud:before { content: '';height: fit-content;min-height: 20px;width: 22px;background: url('../boilerplate/images/cloud.svg');background-size: contain; background-repeat: no-repeat;}
.rain:before { content: '';height: fit-content;min-height: 20px;width: 22px;background: url('../boilerplate/images/rain.svg');background-size: contain; background-repeat: no-repeat;}
.storm:before { content: '';height: fit-content;min-height: 20px;width: 22px;background: url('../boilerplate/images/storm.svg');background-size: contain; background-repeat: no-repeat;}
.sun:before { content: '';height: fit-content;min-height: 20px;width: 22px;background: url('../boilerplate/images/sun.svg');background-size: contain; background-repeat: no-repeat;}
.sky:before { content: '';height: fit-content;min-height: 20px;width: 22px;background: url('../boilerplate/images/sun.svg');background-size: contain; background-repeat: no-repeat;}

.raintext p, .cloudytext p, .stormtext p, .suntext p, .skytext p { font-weight: 900;-webkit-text-stroke: 0.3px; margin: 0 0 5px;}




/* Footer */
footer { overflow: hidden;}
.footer-row { box-sizing: border-box;position: relative;}
footer .menu { flex-direction: column;align-items: flex-start;}
footer .menu-item {margin: 1px 0;position: relative;}
footer .menu-item a {font-size: var(--xxsmall);font-family: 'Druk Text Wide';}
footer .footer-legal .menu {flex-direction: row;padding-bottom: 0;}
footer .footer-legal .menu-item { margin-right: 15px; line-height: 1;}
footer .footer-legal .menu-item a {color: var(--quartiary)}
footer .icon svg:hover path {transition: 0.3s ease all;fill: var(--primary);}

/* Handheld Devices */
@media (max-width: 767px) {

:root {
    --xxlarge: 60px;
    --xlarge: 36px !important;
    --large: 24px !important;
    --xmedium: 22px !important;
    --medium: 20px !important;
    --small: 16px !important;
    --xsmall: 12px !important;
    --xxsmall: 10px !important;
    --micro: 8px !important;
    --xmicro: 7px !important;
}

.mobile {display: block !important;}
.row-width-95 {width: 95%;max-width: 95%;}

video {min-height: auto; border-radius: 10px !important;}


header .main-nav {display: none;}
header:before {height: 200px;background: linear-gradient(180deg, var(--black) 50px, transparent);}
.main-logo img {width: 70px;height: 70px;}
.menuslide {width: 100%;background: var(--darkgrey);height: 100vh;position: absolute;top: 0;left: 0;padding: 200px 30px 0 30px;box-sizing: border-box;  z-index: -1;}
.menuslide .menu {flex-direction: column;}
.menuslide .menu-item {margin: 5px 0;display: flex;flex-direction: column;align-content: center;align-items: flex-start;width: 100%;}
.menuslide .menu-item a {font-size: var(--large);}
.menu-item-has-children::after {right: 0;top: 6px;}
.announcement { margin-top: 10px;}
.announcement a {text-align: center;padding: 0 40px;box-sizing: border-box;}

.active .sub-menu {position: relative !important; top: 0; display: flex !important;flex-direction: column;border: 1px solid var(--primary);padding: 20px 0;border-style: solid none none;width: 100%; box-sizing: border-box;}
.active .sub-menu .menu-item {margin: 0 !important;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background: var(--primary) !important;}

.master-container {box-sizing: border-box; width: 95%; margin: auto; padding-top: 0;}
.page-container {max-width: 100vw;overflow: hidden;}

.left-tertiary-glow:before, .right-tertiary-glow:before, .left-primary-glow:before, .right-primary-glow:before,.left-secondary-glow:before, .right-secondary-glow:before { width: 300px; height: 300px; bottom: -50px;}

.hero-row {border-radius: 10px;}
.featured-hero .swiper-slide img {border-radius: 10px;height: fit-content;object-fit: cover;}
.event-meta {position: relative;left: 0;top: -7px;border: 0;border-radius: 0 0 10px 10px;padding: 15px 20px;z-index: -1;}
.autoplay-progress {bottom: 70px;width: 40px; height: 40px;}

.module-title.col9 {width: 100%;padding: 20px 20px 0 20px;box-sizing: border-box;}
.module-content.col9 {width: 90%;padding: 0px 20px 0 20px;box-sizing: border-box;}
.location-row {flex-direction: column; padding: 10px 0;  gap: 20px;}
.location-row .button-wrapper { padding: 0px 20px 0 20px;box-sizing: border-box;}
.location-events {position: relative;width: 100%; padding: 10px;}

.event-row { padding: 0 ; max-height: fit-content;}
.event-actions .event-date { width: 100%}
	
.list-view {flex-direction: column; padding: 7.5px 7.5px 15px;}
.list-view .event-wrapper {flex: 1;flex-direction: row; flex-wrap: wrap;}
.list-view .event-details.flex-column {flex: 1;}
.list-view .event-date {width: 20%;}
.list-view .event-media.icon {width: 100%;max-width: 100%; max-height: fit-content;height: auto;border-radius: 5px;}
.list-view .event-row { max-height: 100%; padding: 0px; overflow: visible;}
.list-view .event-actions a {width: 100%;text-align: center;}

.about-row {flex-direction: column;gap: 20px;}
.about-row .col6 {position: relative;width: 100%;padding: 30px 25px; box-sizing: border-box;}

.banner-row {padding: 0 !important;}
.banner-row img {border-radius: 10px;}

.video-row {padding: 10px 0;}
.video-container {height: fit-content !important;}
.video-row {max-width: 100%; width: 100%; margin-bottom: 20px;}
.featured-video .video-row { max-width: 95%; width: 95%; }
.network-item {flex-direction: column; display: flex;align-items: stretch;}
.network-details {justify-content: space-between;margin-top: 10px;}
.network-item a {width: 100%;}

.gallery-row {max-width: 100%;width: 100%; padding: 0; border-radius: 0;}
.gallery-item { max-height: 400px;}
.gallery-item img{ max-height: 400px;border: 0 !important;}

.location-content {width: 100%;box-sizing: border-box; padding: 25px 20px;}


/* Event Page */
.event-taxonomy .event-wrapper {padding-top: 40px; padding-bottom: 0;}
.event-header h1 {padding: 0 !important;}
.event-taxonomy .event-item { width: 100%;}
.event-ticker {width: 100%;}
.event-swiper:before, .event-swiper:after { display: none }

/* Single Event Page */
.heading-row { flex-direction: column;display: flex;align-items: flex-start;}
.heading-container {padding-bottom: 0;}
.heading-row .col6 {width: 100%;margin-bottom: 10px !important;}

.brands-feature .feature-row {padding-bottom: 10px;}
.brands-feature img {border-radius: 10px;}
.brands-row {flex-direction: column;}
.brands-row .event-media { width: 100%;margin-top: 20px;}
.brands-feature .event-ticker { width: 100%;}
.event-detail-wrapper {position: relative; width: 100%;box-sizing: border-box; min-height: 300px;}

/* Our Story */
.story-container .module-content { width: 100%;}
.about-split .toggle-wrapper { padding: 0;}
.about-split .toggle-content {padding: 0;margin-top: 20px;}
.about-split .about-media {padding: 0; min-height: fit-content;}
.about-split .module-content {width: 100%; padding: 0;}

.value-row .col8, .value-row .col4 {width: 90%;text-align: center;}
.value-content .col9 { width: 100%; padding: 0;box-sizing: border-box;line-height: 1.3;}

.mission-content .module-content {font-size: var(--xsmall);width: 100%;}

/* Gallery Page */
.gallery-grid {justify-content: center;}
.gallery-grid .gallery-item {max-width: 100%;}


/* Sister Brands */
.brand-item {max-width: 100%;width: 100%;flex: auto;}
.brands-content .module-content {font-size: var(--xsmall);width: 100%;}

/* Sister Brand Single */
.event-header .module-title {padding: 0 !important;}
.event-header {display: flex;justify-content: flex-start;flex-direction: column;align-items: flex-start; gap: 20px;}
.brands-heading .heading-row h1 {text-align: center; line-height: 1;}
.brands-heading .heading-row .med-text {text-align: center; line-height: 1; margin-bottom: 0 !important}

.video-slide { width: calc(88.33% - 20px)}
	
/* Our Partners */
.hero-underlay {height: fit-content;}
.partner-row { position: relative;padding-bottom: 20px;}
.partner-content .module-title {padding: 0 !important;}
.partner-content .module-content {font-size: var(--xsmall);width: 100%;}
.partner-item {width: 100%;}

.form-row {flex-direction: column;}
.form-row .col6 {width: 100%;box-sizing: border-box;}
.form-row .module-content {padding: 0;}

/* Contact Us */
.contact-content .module-title {padding: 0 !important;}
.contact-content .module-content {font-size: var(--xsmall);width: 100%;}
.contact-option .module-title { width: 100%;padding: 0 !important;box-sizing: border-box;}

.contact-option .module-content { width: 100%; margin-bottom: 10px;}
.option-content .option-row {flex-direction: column;}
	
.value-row {flex-direction: column; gap:40px}
.contact-option {width: 100%;box-sizing: border-box;}

.faq-button {padding-right: 30px;}

/* Newsletter */
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 90% !important}
.newsletter-row {flex-direction: column;}
.newsletter-row .col6 { width: 100%;}
.newsletter-block { padding: 20px !important;}
.newsletter-block h2 { text-align: center;}
.form-prompt {padding: 0 !important;text-align: center;margin: 0 auto;}
	
.weather {width: 100%;box-sizing: border-box;}
.weather .data { width: 100%;}
.weather-wrapper {display: flex;justify-content: center;}

.footer-row {padding: 20px;}
.footer-menus {flex-wrap: wrap;flex-direction: row;width: 100%; gap: 20px 40px;}
.footer-menus .main-nav.col4 {width: calc(50% - 20px);}
.footer-header {flex-direction: column;}
.footer-content {flex-direction: column;gap: 20px;}
.footer-content .col6 {width: 100%;}

footer .footer-legal .menu {flex-direction: column;padding: 0}
.footer-legal {flex-direction: column;display: flex;align-items: flex-start;}
}

@media (min-width: 528px) and (max-width: 768px) { 
.event-taxonomy .event-item {width: calc(50% - 8.66px);}
.partner-item, .gallery-item {width: calc(50% - 15px); transition: none; }
.video-slide { width: calc(66.66% - 15px)}
}

@media (min-width: 769px) and (max-width: 1200px) { 
.event-taxonomy .event-item {width: calc(33.33% - 8.66px);}
.partner-item, .gallery-item {width: calc(33.33% - 15px); transition: none;}
.video-slide { width: calc(50% - 15px)}
		
}