@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,300;0,500;0,600;0,700;1,900&display=swap');




*{
  box-sizing: border-box;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
  overflow-x: hidden;


}


/**********NAV ICON CODE****************/

.ham-container {
  position: relative;
  max-width:100%;
  max-height: 100%;
}

.hamburger {
  display: block;
  width: 25px;
  height: 40px;
  position: fixed;
  top: 40px;
  right: 40px;
  cursor: pointer;
  z-index: 9999;
}

.line {
  width: 100%;
  height: 3px;
  background-color: #CFB77C;
  margin: 5px 0;
  transition: transform 0.3s, opacity 0.3s;
}

.menu {
  position: fixed;
  top: 0;
  right: -100%; /* Initial position off the screen */
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0, .80);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition: right 0.3s;
  z-index: 9998;
}

.menu.active {
  right: 0;
}

.menu ul {
  transform: translate(-3%,40%);
  align-items: middle;
  justify-content: middle;
  list-style-type: none;
  text-align: center;

}

.menu ul li {
    margin-bottom: 10px;

}

.menu ul li a {

  text-decoration: none;
  font-family: raleway;
  font-weight: 300;
  text-align: center;
  color: white;
  font-size: 3.25vh;
  margin-left: -4.5%;
}

.menu ul li a:hover {
  color: #CFB77C;
}

.hamburger.active .line:nth-child(1) {
  transform: rotate(45deg) translate(6.5px, 5px);

}

.hamburger.active .line:nth-child(2) {
  opacity: 0;
}

.hamburger.active .line:nth-child(3) {
  transform: rotate(-45deg) translate(6.5px, -5px);
}

.hamburger.animate-x .line {
  transition: transform 0.3s, opacity 0.3s;
}


/**********END NAV ICON CODE***********/


main {
  margin: 1%;
  margin-top: 8vw;

}

main.home{
  margin: 0;
  padding: 0;
  
}

main.members .home-about img{
  width: 50%;
  height: auto;

}

.memb{
  margin-left: 5%;
  margin-right: 5%;
  
}

a.sub{
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}

a.sub:hover{
  filter: brightness(115%);
}

header{
  height: 10vw;
  overflow-Y: hidden;
}



header img{
  width: 7vw; 
  height: auto;
  z-index: 5;
}

footer {
  font-size: 7px;
  text-align: center;
  color: #CFB77C;
  margin-top: 2.5%;
}

section{
  overflow-y: hidden;
}




.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

h2{
  text-transform: uppercase;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 400;
  font-size:4vw;
  color: #CFB77C;
}

h3{
  text-transform: uppercase;
  font-family: 'raleway', sans-serif;
  font-weight: 100;
  font-size:4vw;
  color: #CFB77C;
  letter-spacing: -.05vw;
  
}

h3.memb-guide{
  font-size:3vw;
}

.hdr {
  max-width:90%;
  margin: 40px auto;
  text-align: center;
  height:fit-content;
}
.hdr .hr-text {
  text-transform: uppercase;
  font-family: 'raleway', sans-serif;
  font-weight: 100;
  font-size:4vw;
  color: #CFB77C;
  letter-spacing: -.05vw;
  position: relative;
  border: 0;
  height: 1.55em;
}
.hdr .hr-text:before {
  content: '';
  background: linear-gradient(to right, transparent, #CFB77C, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1.5px;
}
.hdr .hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 0.25em;
  line-height: 1.5em;
  color: #CFB77C;
  background-color: white;
}

a.tix__home, a.tix__homeS{
  position: absolute;
  text-align: center;
  font-size: 1.5vw;
  color:rgba(245, 240, 227, .95);
  font-family: Raleway;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 7px;
  padding: .75%;
  margin: 1em;
  width: fit-content;
  top: 86vh; /*80vh */
  left: 35%;
  z-index: 6;
}

a.event__res__1, a.event__res__2{
  position: absolute;
  text-align: center;
  font-size: 1.5vw;
  /*color:rgba(245, 240, 227, .95);*/
  color: #CFB77C;
  font-family: Raleway;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 7px;
  padding: .75%;
  margin: 1em;
  width: fit-content;
  z-index: 6;
  top:86vh;
}

a.event__res__1{
  left: 31%;
}

a.event__res__2{
  left: 52%;
}

a.tix__homeS{
  top: 81vh;
  left: 27.5%;

}

a.tix__home:hover, a.tix__homeS:hover{
  filter:brightness(200%);
  transition: .65s;

}

p.about{
  font-size: 1.5vw;
  font-weight: 300;
  font-family: sofia-pro-soft, sans-serif;
  color: #1f1f1f;
  overflow: hidden;
  text-align: center;
  text-justify:inter-character;
  line-height: .95;
  /*position: relative;
  left:7.75%;*/
  width: 88%;
  

}

hr{
  height: 4px;
  width: 90%;
  border: 0;
  border-top: 2px solid #000;
  margin-bottom: 50px;
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-color:#CFB77C;
  border-radius: 5px;
}

p{
  font-size: 1.25vw;
  font-weight: 300;
  font-family: sofia-pro-soft, sans-serif;
  color: #1f1f1f;
  line-height: 1.5;

}

ul.mem__ul li p{
  font-size: 1.25vw;
  margin-bottom: -.5vw;
  display: inline-block;
}

*::webkit-scrollbar{
    display: none;
}

body{
  overflow-x: hidden;
  background-color: white;

}

body.home{
  width: 100vw;
  /*height: 100vh;*/
  background-color:rgba(0,0,0, .95);
  margin: 0;
  padding: 0;
  overflow: visible;

}

.slides-container{
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  position: absolute;
  height: 100%; 
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  margin-bottom: 5%;
}

.slide {
  min-width: 100%; 
  height: 100%;
  scroll-snap-align: start;
  position: relative;
  overflow-y: scroll;
  overflow-x:hidden;
  margin-bottom: 5%;
}

.showcase {
  position: absolute;
  width:100vw;
  height: 100vh;
  
  /*background-color: #755E39;*/
  background-color:#1f1f1f ;
  left: 0;
  top: 0;
  



  
  

}

.showcase video{
  opacity: 1;
  object-fit: cover;
  width:100vw;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  


  
}

.showcase video.small{
  display: none;
}

.hero-cover{
  position: absolute;
  width:100vw;
  height: 100vh;
  background-color:rgba(0, 0, 0, .5);
  z-index: 2;


}

.hero-image-custom{
  
  display: flex;

  width: 100vw; 
  height: 100vh;
  position: relative;
  background-repeat: no-repeat;
  background-size: stretch;
  z-index: 1;
  padding: 0;
  margin: 0;

  
}


.slide img{
  position: absolute;

  width: 65vw;
  height: 80vh;
  left: 18vw;
  top: 9vh;
  z-index:3 ;
  opacity: 0.95;


}

h1.head-hdr{

  font-family: 'raleway', sans-serif;
  display: inline-block;
  font-weight:100;
  width:100%;
  font-size:3.75vw;
  color: rgba(245, 240, 227, .95);
  text-align: center;
  position:absolute;
  top: 67vh;
  z-index: 5;
  

}

h1.bold{
  position: absolute;
  font-family: 'raleway', sans-serif;
  display: inline-block;
  font-weight:100;
  width:100%;
  font-size:10.75vw;
  color: rgba(245, 240, 227, .95);
  top: 20%;
  left: 10%;
  font-weight: 200;

}



h1.exp{
  text-transform: uppercase;
    text-align: center;
    color: #CFB77C;
    font-family: Raleway;
    font-weight: 100;
    letter-spacing: -.5vw;
    font-style: normal;
    font-size: 7.5vw;

    /* font-size: 94px; */

}





h1.head{

  font-family: 'raleway', sans-serif;
  display: inline-block;
  font-weight:100;
  width:96%;
  font-size:3.75vw;
  color: #CFB77C;
  margin-left: 5%;

}

.collapsible {
   
  font-family: 'raleway', sans-serif;
  color: #CFB77C;
  font-weight:100;
  width:100%;
  cursor: pointer;
  font-size: 2.75vw;
  margin-left: 2.5%;
}

.coll_content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;

}

.collapsible i{
  transform:translateY(.5vw);
  transition: .5s;
}

 .active i, .collapsible:hover i {
  transform: rotate(180deg)translateY(-.5vw);
  transition: .5s;


}








/*Age Verification*/
.splash{
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  z-index:1000;
  background: #F5F0E3;
  color: white;
  text-align: center;
  overflow:hidden;
}

@keyframes fadeIn{
  to{
    opacity: 1;
  }
}

.fade-in{
  opacity: 0;
  animation: fadeIn 1s ease-in forwards;
}

.fade-out {
  animation: fadeOut ease 8s;
  -webkit-animation: fadeOut ease 8s;
  -moz-animation: fadeOut ease 8s;
  -o-animation: fadeOut ease 8s;
  -ms-animation: fadeOut ease 8s;
}

@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

input.age-verify{
  width: 4%;
  margin: .96%;
  margin-top: 0;
  margin-bottom: 3%;
}

textarea.age-verify{
  margin: 3%;
  overflow: auto;
  margin-left: 0;
  resize:none;
  width: 100%;
  height: 150px;
  
}

input.age-verify{
  outline: none;
  border: .5px solid #ddd;
  border-radius: 5px;
}

input.age-verify:focus{
  box-shadow: 0 0 4px #ADC7DC;
  border: 1px solid #ddd;
  border-radius: 5px;
}

::placeholder{
  color: #44474F;
  opacity: .40;
  font-size: .65vw;

}

:-ms-input-placeholder{
  color: #44474F;
  opacity: 1;
  
}

::-ms-input-placeholder{
  color: #44474F;
  opacity: 1;
  
}

button.buttons {
  display: flex;
  flex-direction: row;
      flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
/*   padding: 2em 0em; */
}

.container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding:  40px 0px;
  width: 200px;
}






.btn {
  letter-spacing: 0.1em;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 45px;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 50%;
}
.btn:hover {
  text-decoration: none;
}

/*btn_background*/
.effect04 {
  --uismLinkDisplay: var(--smLinkDisplay, inline-flex);
  display: var(--uismLinkDisplay);
  color: #000;
  outline: solid  2px #000;
  position: relative;
  transition-duration: 0.4s;
  overflow: hidden;
}

.effect04::before,
.effect04 span{
    margin: 0 auto;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	transition-duration: 0.4s;
}

/* 文字1を上に */
.effect04:hover{

  background-color: #000;
}

/* HOVERしたら文字1を上に */
.effect04:hover span{
  -webkit-transform: translateY(-400%) scale(-0.1,20);
          transform: translateY(-400%) scale(-0.1,20);
}

/*文字2*/
.effect04::before{
  content: attr(data-sm-link-text);
	color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(500%) scale(-0.1,20);
          transform: translateY(500%) scale(-0.1,20);
}

/* HOVER */
.effect04:hover::before{
  letter-spacing: 0.05em;
  -webkit-transform: translateY(0) scale(1,1);
          transform: translateY(0) scale(1,1);
}


/*MAIN*/
.site-logo {
  font-weight: 900;
  font-size: 1vw;
  color: var(--text);
  text-decoration: none;
}
header {
  --text: white;
  --text-inverse: #CFB77C;
  --background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2em 3em;
  transition: background 250ms ease-in;
  background: var(--background);
  color: var(--text);
}
.nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.nav__link {
  --spacing: 1em;
  text-decoration: none;
  color: inherit;
  display: inline-block;
  padding: calc(var(--spacing) / 2) var(--spacing);
  position: relative;
  text-transform: uppercase;
  letter-spacing: .15vw;
  font-size:1vw;
  font-weight: 400;
  font-family: Raleway;
  z-index: 100;
  
}
.nav__link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--spacing);
  right: var(--spacing);
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transition: transform 150ms ease-in-out;
}

.nav__link :after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--spacing);
  right: var(--spacing);
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transition: transform 150ms ease-in-out;
}

.nav__link:hover::after {
  transform: scaleX(1);
}
.nav__link--btn {
  border: 1.5px solid currentColor;
  border-radius: 2em;
  margin-left: 1em;
  transition: background 250ms ease-in-out;
  letter-spacing: 1px;
  padding: 0.75em 1.5em;
}
.nav__link--btn:hover {
  background: var(--text);
  color: var(--text-inverse);
  border-color: var(--text);
}
.nav__link--btn::after {
  display: none;
}
.nav__link--btn--highlight {
  background: #CFB77C;
  border-color: #CFB77C;
  color: white;
}
.nav__link--btn--highlight:hover {
  background: var(--text);
  border-color: var(--text);
}
.nav-scrolled {
  --text: #CFB77C;
  --text-inverse: white; /*#f4f4f4;*/
  --background: white;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);

}


/*Main CSS*/

.columns {
  display: flex;
}

.col + .col {
  margin-left: 1.5em;
  
}

.col{
  text-align: center;
}



.fade-in{
  opacity: 0;
  transition: opacity 250ms ease-in
}

.fade-in.appear{
    opacity: 1;
}
.home-about {
  
  width: 75vw;
  margin: 0 auto;
}

.memb-about{

  width: 80vw;
  margin: 0 auto;

}



.more-stuff-grid {
  background: white;
  padding: 2em 0;
  display: grid;
  grid-gap: 2em;
  
  align-items: center;
  grid-template-columns: minmax(1em, 1fr) repeat(2, minmax(35vw, 50vw )) minmax(
      1em,
      1fr
    );

    
}

.more-stuff-grid img{
  width:35vw;
  height:auto;
  border-radius: 5px;
}

.about-container {  
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "area1 area1"
    "area2 area2";
  width: 70%;
  height: 70%;
  
}



.area1 {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "img-1 img-1 txt-1"
    "img-1 img-1 txt-1"
    "img-1 img-1 txt-1";
  grid-area: area1;
}

.img-1 { grid-area: img-1; }

.txt-1 { grid-area: txt-1; }

.area2 {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "txt-2 img-2 img-2"
    "txt-2 img-2 img-2"
    "txt-2 img-2 img-2";
  grid-area: area2;
}

.img-2 { grid-area: img-2; }

.txt-2 { grid-area: txt-2; }

.memb-container {
  display: grid; 
  grid-template-columns: 40% 32%; 
  grid-template-rows: max-content; 
  gap: 0px 2.5%; 
  grid-template-areas: 
    "memb-text memb-img"; 
  min-height: fit-content;
  justify-content: center;

}
.memb-text { 
  
  grid-area: memb-text;
  display: flex;
  justify-content: center;



 }
.memb-img { 
  grid-area: memb-img;


 }

.memb-container p{
  margin: 2.5%;
  margin-top: 15%;
  font-size: 1.5vw;
  text-align: justify;

}

.about-container h3, .memb-container h3{
  font-size: 2.5vw;
}

.about-container h3{
  font-weight:200;
}

a.tix{
  text-align: center;
  font-size: 2.5vw;
  color: #CFB77C;
  font-family: Raleway;
  font-weight: 300;
  text-decoration: none;

}

a.tix:hover{
  filter:brightness(90%);
}

img.event-1{
  position: absolute;
  top:110%;
  left: 30%;
  max-width: 40vw;
  height: auto;
}


.about-container p {
  font-size: 1.05vw;
  text-align: justify;
  vertical-align: middle;
  text-justify: inter-character;

}

.memb-container img{
  width: 30vw;
  height: auto;
  border-radius: 7px;
  
}

.about-container img{
  height: auto;
  width: 90%;
  border-radius: 7px;

  margin-top: 10vh;
 }



/*



.from-left{
  grid-column: 2/3;
  transform: translateX(-50%);
  
  
  
}

.from-right{
  grid-column: 3/4;
  transform: translateX(50%);

}

.from-left, .from-right{
  transition: opacity 250ms ease-in, -webkit-transform 400ms ease-in;
  transition: opacity 250ms ease-in, transform 400ms ease-in;
  transition: opacity 250ms ease-in, transform 400ms ease-in,
    -webkit-transform 400ms ease-in;
  opacity: 0;
}

.from-left.appear, .from-right.appear{
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
*/
/*Contact Form*/



  .container-gallery{
    position: relative;
    min-height: 50vh;
  }

  .container-gallery .video-container, .container-gallery .image-container{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    padding: 10px;
    overflow: visible;


  }

  .container-gallery .video-container .video, .container-gallery .image-container .img{
    height: 17vw;
    width: 25vw;
    border: 2px solid #CFB77C;
    border-radius: 5px; 
    /*Box Shadow??*/
    cursor: pointer;
    overflow: hidden;
  }

  .container-gallery .video-container .video video,.container-gallery .image-container .img img{
    height: 100%;
    width: 100%;
    border-radius: 1px;
    background-color: #CFB77C; 
    object-fit: cover;
    transition: .2s linear;
  }

  .container-gallery .video-container .video:hover video,.container-gallery .image-container .img:hover img {
    transform: scale(1.1);
  }

  .container-gallery .popup-video, .container-gallery .popup-img{
    position: fixed;
    top:0; left: 0;
    z-index: 100;
    background: rgba(0,0,0, .65);
    height: 100%;
    width:100%;
    display: none;
  }

  .container-gallery .popup-video video, .container-gallery .popup-img img{
    position: absolute;
    top: 60vh; left: 50vw;
    transform: translate(-50%, -50%);
    height: 75%;
    width: auto;
    border-radius: 5px;
    border: 1px solid #CFB77C;
    object-fit: cover;
  }

  .container-gallery .popup-video span, .container-gallery .popup-img span {
    position: absolute;
    top: 20vh; right:5%;
    font-size: 50px;
    color: #CFB77C;
    font-weight: bolder;
    z-index: 100;
    cursor: pointer;

  }

  /*
  .contact-pg { 
    display: inline-block;
    height:50vh;
    width:50vw;
    overflow:visible;
    margin-bottom:auto;
    

    
    
  }*/

  .contact-footer{
    
    background-color: #Fffefe;
    height: 25svh;
    width: 100%;
    display: flex;
    justify-content: space-between;

    margin: 1em;
    margin-left:0;
    


  }
 

    
    .contact-footer .content{
      font-family: 'raleway', sans-serif;
      font-weight: 400;
      margin-top: 3%;
      margin-left: 3%;
      overflow:hidden;
      color:#CFB77C;
      font-size: 1.5vw;
    }



    .contact-footer .content i{
      display: inline-block;
      font-size: 2vw;
      margin-left: 2.5%;
      color: #1f1f1f;

    }

    .contact-footer .content i:hover{
      color:#CFB77C;
    }

    .contact-footer .content p{
      font-family: 'raleway', sans-serif;
      display: block;
      font-size: 1vw;
      line-height: 1.25;
    }

    /*CONTACT FORM*/

    .form-container {
      width: 65vw;
      margin-left: 4vw;
      padding: 2vw;
      overflow: hidden;

    }

    .form-container::-webkit-scrollbar { width: 0 !important }
    .form-container { overflow: -moz-scrollbars-none; }
    .form-container { -ms-overflow-style: none; }

    .form-container h2{
      font-size: 3vw;

    }

    .event-form-container{
      width: 65vw;
      margin-left: 4vw;
      padding: 2vw;
      overflow: visible;
    }

    .event-form-container .group{
      margin:2.5%;
      margin-bottom: 5%;
      width:90%;
    }
    
    .event-form-container::-webkit-scrollbar { width: 0 !important }
    .event-form-container { overflow: -moz-scrollbars-none; }
    .event-form-container { -ms-overflow-style: none; }

    .event-form-container h2{
      font-size: 3vw;

    }

    .form-right .event-opt{
      width: 55%;
      font-size: .9vw;

    }


    

    .group input::placeholder, .group textarea::placeholder{
      font-family: sofia-pro-soft, sans-serif;
      font-size: 1vw;

    }


    
    
    label {
      display: inline-block;
      margin-top: 10px;
      font-size: 14px;
      padding: 5px 0;
      color: #373737;
    }



    .form-container .group{
      margin:2.5%;
      margin-bottom: 5%;
      width:90%;
    }

    .group-radio label{
      display: inline-block;
      margin-right: 2.5%;
      font-size: 1vw;
      text-align: center;
      font-weight: 300;
      font-family: sofia-pro-soft, sans-serif;
    }

    .group-radio label:hover{
      color: #CFB77C;
      cursor: pointer;
    }

    .group-radio input.radio {
      display: inline-block;
  
    }


  

    .form-left{
      display: inline-block;
      width: 40%;
    } 
    
    .form-right{
      display: inline-block;
      width: 55%;
    }



    

    input::file-selector-button {
      font-weight: normal;
      background-color: transparent;
      color: #CFB77C;
      border-radius: 3px;
      border: 0px solid;
      width: 9vw;
      cursor: pointer;
      
      
    }
    

    .contactForm input,
    .contactForm textarea {
      width: 100%;
      padding: .1vh .5vw;
      font-size: 1vw;
      border: 0px solid transparent;
      border-bottom: 1px solid #ccc;
      outline: none !important;
      border-radius: 3px;
      background-color:transparent;
      color: #1f1f1f;
      font-weight: 300;
      font-family: sofia-pro-soft, sans-serif;
    }

    
    
    .contactForm input:hover,
    .contactForm textarea:hover,
    .contactForm input:focus,
    .contactForm textarea:focus {
      border: 0px solid transparent;
      border-bottom: 1px solid #CFB77C;
      outline: none !important;
      cursor: pointer;
    }

    .contactForm input#date{
      width: 9vw;
    }


    
    .contactForm button {
      width: 6vw;
      height: 4vh; 
      border-radius: 3px;
      color: #fff;
      font-size: .85vw;
      transform: translateY(-2vw);
      background: #1f1f1f;
      cursor: pointer;
      border: 0px solid #1f1f1f;
      
      transition: color .4s ease-out, background .4s ease-out;
      
      overflow:hidden;

      text-align: center;
      
      display:table-cell;
      vertical-align:middle;
    }
    
    .contactForm button:hover {
      color: white;
      background: #CFB77C;
    }
    
    .contactForm .errors {
      display: block;
      color: #ff0000ab;
      margin-top: 4px;
      font-size: 14px;
    }
    
    .contactForm .error {
      -webkit-transition: .2s;
      -moz-transition: .2s;
      -ms-transition: .2s;
      -o-transition: .2s;
      transition: .2s;
      box-shadow: 0 0 2px 0 rgb(255 36 0 / 40%);
      border-bottom: 1px solid #ff0000b0 !important;
    }

    ul.mem__ul{
      margin: 1;
      padding: 1;
      
    }

    ul.mem__ul li p::before {
      content: "\2022";
      color: #CFB77C;
      display: inline-block;
      margin-right: 1em;
      margin-left: 8em;

    }
    
    ul.mem__ul li{
      line-height:1;
      font-size: 1.25vw;
      font-weight: 300;
      font-family: sofia-pro-soft, sans-serif;
      color: #1f1f1f;
      line-height: 2vw;
  
    }

    main.contact{
      margin-top: 20vh;
      width: 100%;
    }



  @media (min-width:1024px){
    a.view{
      display: none;
    }
  }


    
  @media (min-width: 768px) and (max-width:1024px){

    .container-gallery .popup-video video, .container-gallery .popup-img img{
      height: 65%;


    }

    img.event-1{
      max-width: 65%;
      margin-left: 2.5%;
    }
    


    h1.bold{
      top: 30%;
    }


    h3{
      font-weight:300;

    }

    main{
      margin-top: 8vh;
      
      

    }

    main.contact{
      margin: 0;
      margin-top: 10vh;
      width: 95%;
      
    }

    .memb{

      margin:0;

    }

    h1.exp{
      font-size: 6.5vh;
    }

    p.about{
      font-size: 2vh;
      width:100%;
    }

    .contactForm input,
    .contactForm textarea {

      font-size: 1.5vh;

    }

    input::file-selector-button{
      width: 12vw;
    }
    

    .contact-footer{
      width: 100%;
    }

    .contactForm input::placeholder, .contactForm textarea::placeholder{

      font-size: 1.5vh;
    }

    .contactForm input#date{
      width: 50%;
    }


    .about-container img, .memb-container img{
      margin-top: 10%;
    }
    /*
    .nav__link{
      font-size: 1.15vh;
      font-weight: 400;
    }
    */
    header{
      width: 100%;
      padding: 1rem 2rem;
      height: 10vv;

    }

    header img{
      margin-top: 30px;
      width: 10vh;
      height: auto;
    }

    .about-container {
      width:100%;
      height:100%;
      
    }

    .about-container, .memb-container h3{
      font-size: 3.5vh;
    }

    .about-container, .memb-container p{
      font-size: 1.75vh;
    }

    .memb-container p{
      margin: 2.5%;
      margin-top: 20%;
    }

    .area1, .area2{
      margin-right:1%;
      margin-left: 1%;
    }
    
    

    h3 {
      font-size: 4vh;
    }



    p{
      font-size: 1.75vh;
    }

    h1.head{
      font-size: 3.25vw;
    }

  
    .contact-pg {
      height: 25vh;
      
    }


    .right-col{
      margin-left: -15%;
      height: 40vh;
    }

    .right-col .content{
      margin: 3px;
    }

    .left-col {
      width: 75vw;
      
    }

    .hero-image-custom img{

      left: 15.5vh; 
      top:8vh;
    
    
    }

    h1.head-hdr{
      
      top: 70vh;
      margin: 0;
      display: block;
      
    }
    
    a.tix__home{
      top: 80vh; /*77vh*/
      left: 37.5%;
    }

    a.tix__homeS{
      top:76vh;
      
    }

    a.event__res__1, a.event__res__2{

      top: 80vh;

    }

    body.home{
      min-width:100vw;
      max-height: 100vh;
      margin: 0;
      padding: 0;
      

    }

    a.view{
      display: none;
    }

    .slide img{
      left: 15.5%;
      margin-left: 2.5%;
    }

    h1.head-hdr{
      left: 2%;

  }

}


  @media(min-width: 482px) and (max-width: 767px){

    .container-gallery .popup-video video, .container-gallery .popup-img img{
      height: 60%;


    }

    a.view{
      display: none;
    }
    h1.exp{
      font-size: 7.5vw;
    }

    h1.head, .collapsible{
      font-size: 3.5vh;
    }

    .event-form-container p {
      font-size: 1.25vh;
    }

    .group-radio label{
      font-size: .9vh;
    }


    .container-gallery .popup-video video,.container-gallery .popup-img img {
      width: 95%;
    }

    p.about{
      font-size: 1.75vh;
    }


    .about-container {
      width:98%;
      height:100%;
      margin-right: 1%;
    }

    .hero-image-custom img{

      width: 65vw;
      height: 75vh;
      left: 18vw;
      top: 15vh;
      z-index:3 ;
      
    }


    .contactForm button{
      width: 6vh;
      height: 2.5vh; 
      font-size: .85vh;

    }

    .about-container, .memb-container h3{
      font-size: 3.5vw;
    }

    .about-container, .memb-container p{

      font-size: 1.75vw;

    }

    img.event-1{
      max-width: 100%;
      top:100%;
      left:18%;
    }

    a.tix__homeS{
      top:76vh;
      
    }

    a.event__res__1, a.event__res__2{

      top: 80vh;

    }

  }





  @media(max-width: 481px) {

    .container-gallery .popup-video video, .container-gallery .popup-img img{

      top: 50vh; left: 50vw;

      width: 90vw;
      height: auto;

    }


    a.tix__home{
      top: 77vh; /*73vh */
      left: 25%;
      font-size: 2.75vw;

    }

    a.tix__homeS{
      top: 73vh;
      left: 10%;
      font-size: 2.75vw;

    }

    a.event__res__1, a.event__res__2{
      top: 80vh;
      font-size: 2.5vw;

    }

    a.event__res__1{

      left: 23%;

    }



    a.tix{

      font-size: 2.5vh;

    }

    header{
      overflow: visible;
    }

    header img{
      margin-top: 50px;
      width: 8.5vh;
      height: auto;
      z-index: 1000;
    }

    .nav__link{
      font-size: .9vh;
      font-weight: 900;
      padding: 3.5px 1.5px;
      margin-left: 1.5px;
    }

    .hdr{
      max-width: 95%;
    }

    .hdr .hr-text{
      font-size: 25px;
      font-weight: 300;
    }

    .memb-container {
      display: grid; 
      grid-template-columns: 40% 27vh; 
    }

    .memb-container p {
      margin-top: 25%;
    }
    .memb-container img{
      width: 25vh;
    }



    .memb-container h3{
      font-size: 16px;
    }

    ul.mem__ul li p{
      font-size: 8px;
    }

    .collapsible{
      display: none;
    }

    a.view{
      font-family: 'raleway', sans-serif;
      color: #CFB77C;
      font-weight:300;
      width:100%;
      cursor: pointer;
      font-size: 10px;
      margin-left: 1%;
      text-decoration: none;
    }







 

    h1.head{
      font-size: 17px;
      font-weight: 300;
    }


    main{
      margin-top: 11vh;
    }
    main.contact{
      margin-top: 12vh;
    }

    .contact-footer .content{
      font-size: 12px;
    }
    .contact-footer .content p{
      font-size: 10px;
    }

    .event-form-container{
      width: 100vw;
      height: fit-content;
    }

    .form-left{
      width: 100%;
    }

    .form-right{
      width: 100%;
    }

    .form-right p{

      font-size: 15px;
    }

    .form-right .event-opt{
      width: 100%;
      font-size: 10px;

    }    

    .contactForm input,
    .contactForm textarea {
      padding: .5vh .75vw;
    }


    .contactForm input::placeholder, .contactForm textarea::placeholder{

      font-size: 8px;
    }

    .contactForm input#date{
      width: 25%;
      font-size: 10px;
    }
    

    .group-radio label{

      margin-right: .5%;
      font-size: 10px;

    }

    input::file-selector-button {

      width: 30%;
      font-size: 10px

      
      
    }

    .contactForm button {
      width: 45px;
      height: 25px; 
      border-radius: 3px;
      font-size: 8px;


  }

  .contact-footer{
    height: fit-content;
    font-weight: 400;
  }

  .slide img{
    width: 75%;
    height: 45%;
    left: 13%;
    top: 30%;
  }


  img.event-1{
    top: 100%;
    max-width:100%;
    height: auto;
  }

  h1.exp{
    font-size: 35px;
    font-weight:200;
  }

  .home-about{
    margin-top: 5%;
  }

  .about-container {
    width:98%;
    height:100%;
  }

  p.about{
    font-size: 10px;
  }

  .about-container p{

    font-size: 6.5px;

  }

  .about-container h3{

    font-size: 16px;
    font-weight:400;

  }
/*
  ul.mem__ul li::before {

    margin-right: .5em;
    margin-left: .75em;

  }*/

  ul.mem__ul{
    margin-left: .005em;
  }

  ul.mem__ul li{
    font-size: 7.5px;
    margin: 0;
    margin-left: -8em;
    line-height: 2vh;
  }

  ul.mem__ul li::before {
    display:none

  }

  ul.mem__ul li p::before {
    content: "\2022";
    color: #CFB77C;
    display: inline-block;
    margin-right: 1em;
    margin-left: 2em;

  }


  ul.mem__ul li p{
    width: 95%;
    margin-left: 5%;
    font-size: 1vh;
    
  }

  .memb-about{
    width: 100%;
  }
  h3.memb-guide{
    font-size: 19px;
  }

  .about-container {  
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "area1 area1"
      "area2 area2";
    width: 95%;
    height: 95%;
    
  }

  .about-container img{
    height: auto;
    width: 95%;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20%;
   }

  h1.head-hdr{
      
    top: 65%;
    left: -.5%;


    
  }

  

  
}


@media only screen and (hover: none) and (pointer: coarse){

  h1.head-hdr, a.tix__home, a.tix__homeS{
    font-weight: 400;
  }



  .nav-scrolled {
    box-shadow: none;
  }

  .menu__pdf{
    display: none;
  }

  .menu__img{
    max-width: 80%;
    height: auto;
    margin-bottom: 5px;
  }

  .main-nav__mobile{
    display: block;

  }

  .main-nav{
    display: none;
  }


  
  }

  @media (hover: hover) {
    .ham-container{
      display: none;
    }
    .menu__pdf{
      display: block;
    }
    .menu__img{
      display: none;
    }

    .main-nav{
      display: block;
    }

    .main-nav__mobile{
      display: none;
  
    }
  }