#home-logo {width:66%;}

#logo {width: 400px;padding-top: 40px;}

@media only screen and (max-width: 600px) {
#home-logo {width:100%;}
    }

.snipcart-cart-summary-fees__notice snipcart__font--regular {dsiplay:none !important}

.snipcart-cart__footer-col > div > div {display:none !important}

form #send {
    color:#000;height:35px;width: 50px;font-size: 18px;
}

.block {display:block;}
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-1 {flex: 1;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.absolute {position: absolute;}
.relative {position: relative;}
.top-0 {top: 0;}
.left-0 {left: 0;}

.signup:hover .txt {color:#858585;}

.footer-logo {margin-top: 30px;}

.text-center {text-align: center;}

.px-4 {padding-left: 20px;padding-right:20px;}

.border-none {border:none;}

.mb-10 {margin-bottom: 50px;}

.text-1 {font-size:clamp(14px,1.43vw,16px)}
.text-4 {    font-size: clamp(20px, 1.43vw, 22px)}

.bg-tint1 {background:#fff}
.bg-tint3 {background:#F9F9F4 !important;}

.text-tint1 {color:#000}

form #send {background: transparent url(../img/join.svg) no-repeat bottom !important;padding-bottom: 5px !important;}
form #send:hover {color:#858585 !important;}

.text-tint4 {color:#858585 }
.hover-text-tint2:hover {color:#000}
.hover-underline:hover {text-decoration: underline;}
.no-underline {text-decoration: none !important;}
.underline {text-decoration: underline;}

#open-menu {width:34px}
#close-menu {width: 20px !important; position: absolute !important;top:25px;right:40px}

.cursor-pointer {cursor:pointer}
 
.w-full {width:100%}
#menu {width:100% !important; max-width: 600px;z-index: 90;}
#menu ul {margin: 100px 40px 0 40px !important;}
.new-logo {width: 250px}

.menu-is-open #open-menu {display:block !important}

#toggle-menu, #close-lightbox{
    top: 40px !important;
    right: 40px !important;
    width: auto !important;
}
.header {position: sticky; top:0;left:0;height:88px;padding:0 40px;z-index: 60;}

footer {text-size:100% !important;}

.submenu {margin-bottom: 50px;}
.submenu li {
    padding: 0 10px;
  }
  
  .submenu li:first-child {
    padding-left: 0;
  }
  
  .submenu li:last-child {
    padding-right: 0;
  }
.submenu a {text-decoration: none !important; border-bottom: 1px solid transparent;transition: 0.3s;padding-bottom: 5px;}
.submenu a:hover {border-bottom: 1px solid #000;}
.submenu a.active {border-bottom: 1px solid #000;}

.upcoming-events h1 {margin-bottom: 25px;}
.events {padding-top:40px;border-top:1px solid #000;}
.events h1 {margin-bottom: 50px;}
.event {margin-bottom: 50px;}

.footer-nav a:hover {text-decoration: underline;}

.home-grid {
  display: block;
  margin-left: -4vw;
  margin-right: -4vw;
  z-index: 20 !important;

}

.grid-sizer,
.home-item {
  width: 50%;
  
}

.home-item {
  margin-bottom: 80px;
  padding: 0 4vw 0px; 
}

.home-item .sum {
margin-top: 20px;
}
.signup {margin-bottom: 60px;}
.signup h2 {margin-bottom: 20px;}

#close-lightbox {z-index: 50 !important}
#close-lightbox img {width: 50px;}

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


.home-item {
  margin-bottom: 40px;
  padding: 0 4vw 0px; 
}


.home-item .sum {
margin-top: 15px;
}

    #close-menu {top:20px;right:25px}
    #open-menu {width: 25px}
    .upcoming-events h1 {margin-bottom: 25px;}
    .events {padding-top:20px;}
    .events h1 {margin-bottom: 25px;}
    .event {margin-bottom: 25px;}

    .submenu {margin-bottom: 40px;}
    .new-logo {width: 180px}
    .header {height: 65px;padding:0 25px;}
    .header .left-space {display: none;}
    #menu ul {margin: 100px 20px 0 20px !important;}
    #toggle-menu, #close-lightbox{
        top: 20px !important;
        right: 20px !important;
        width: auto !important;
    }
}