@import url('https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Spectral SC');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
--main-max-width:1200px;
--all-min-width:700px;
--border-width:0px;
--body-bg-color:#12100b;
--main-txt-color:#c7aa7b;
--main-bg-color:#403927;
--main-txt-size:12px;
--main-txt-font:'Poppins';
--masthead-txt-color:#e1ca8f;
--masthead-sec-color:#e5dafe;
--masthead-height:64px;
--masthead-txt-size:30px;
--masthead-font:'Spectral SC';
--menu-txt-size:16px;
--menu-height:48px;
--menu-bg-color:#4c412f;
--menu-color:#dddddd;
--menu-font:'Poppins';
--button-txt-color:#c8ac58;
--button-bg-color:#9f8762;
--button-bg-hover-color:#745ca7;
--event-bg-color:#4c412f;
--header-bg-color:#12100b;
--footer-bg-color:#12100b;
--footer-txt-color:#c7aa7b;
--footer-icon-size:40px;
--link-hover-color:#745ca7;
--link-active-color:#c8ac58;
--slide-img-height:400px;
--slide-bg-color:#403927;
--slide-txt-color:#c7aa7b;
--gallery-img-maxheight:20vw;
--popup-bg-color:#4c412f;
--form-bg-color:#4c412f;
--total-header-height:112px;
}
/* END VARIABLE  ! USES MARK FOR HEADER END*/
/* BODYSTART -----This is the new marker-------------------------------------------- */

.infohide{
    /*display:none;*/
    opacity:0.0;
    position: absolute;
    top: 0;
   left: 0;
   height: 0;
  width: 0;
    z-index: -1;
}



.SCROLL{
 scroll-margin-top:100px;   
}


body{
background-color:var(--body-bg-color);
max-width:var(--main-max-width);
margin:0 auto;
}

body,h1,h2,h3,h4,h5,h6{
font-family: var(--main-txt-font);
}

.bw-forms2{
 background-color:var(--form-bg-color); 
 color:var(--main-txt-color);
 width:80%;       
 } 
 
.bw-forms{
 background-color:var(--form-bg-color); 
 color:var(--main-txt-color);
 width:80%;       
 }    
 
.bw-modal{
 background-color:var(--popup-bg-color);
color:var(--main-txt-color);
z-index:500;
 } 
 
  .bw-button{
/*background-color:var(--button-bg-color);*/
color:var(--button-txt-color) !important;
border:1px solid var(--button-txt-color) !important;
}

.bw-button:hover{
background-color:var(--button-bg-hover-color) !important;
color:var(--button-txt-color) !important;
 }
 
/*W3 override buttons for site*/
/*
.w3-button{
background-color:var(--button-bg-color);
color:var(--button-txt-color);
border-radius:4px;
}

.w3-button:hover{
background-color:var(--button-bg-hover-color) !important;
color:var(--button-txt-color) !important;
 }
 */
.bw-footer{
color:var(--footer-txt-color);
background-color:var(--footer-bg-color);
border:var(--border-width) solid red; 
} 
/* main content colors */
.bw-main{ 
background-color:var(--main-bg-color);
color:var(--main-txt-color);
padding:15px;
border:1px solid var(--main-bg-color); 
} 
 /* event sidebar colors */   
.bw-event{ 
background-color:var(--event-bg-color);
color:var(--main-txt-color);

}
 /*masthead parameters*/
.bw-mast{ 
font-size:var(--masthead-txt-size);
font-family: var(--masthead-font);
border:var(--border-width) solid blue;
height: var(--masthead-height);
background-color:var(--header-bg-color);
color:var(--mast-txt-color);
}
.bw-mast img{
height: var(--masthead-height); 
object-fit:cover;
}
/* menubar colors and typography */
.bw-menubar{
font-family:var(--menu-font);
font-size:var(--menu-txt-size);
font-weight:normal !important;
border:var(--border-width) solid yellow;
background-color:var(--menu-bg-color);
color: var(--menu-color);
}
.bw-menubar a{
text-decoration:none;
color: var(--menu-color)  !important;
background-color:var(--menu-bg-color);
}
.bw-menubar a:hover{
background-color:var(--link-hover-color) !important;
} 
   
.bw-menufontweight{
    font-weight:normal !important;
}
/* alumni goes here */


/* ICONS ------------------------------------------------- */

.bw-fa{ /*AWESOME ICONS 5.0*/
border:var(--border-width) solid green;
color:var(--menu-txt-color);
font-size:var(--footer-icon-size);
line-height:var(--footer-icon-size);
padding:2px;
} 

.bw-fa:hover{
color:var(--link-hover-color);
}


/* LINKS ------------------------------------------------- */

a:link {text-decoration:none;color: var(--link-active-color);font-weight: bold;}
a:visited {color: var(--link-active-color);}
a:hover {color: var(--link-hover-color);}
a:active {color: var(--link-active-color);}

.alink a:link {text-decoration: none; color: var(--link-active-color); font-weight: bold;font-size:100%;}
.alink a:visited {color: var(--link-active-color);}
.alink a:active {color: var(--link-active-color);}
.alink a:hover {color: var(--link-hover-color);}


.bw-link:link {text-decoration: none; color: var(--link-active-color); font-weight: bold;font-size:100%;}
.bw-link:visited {color: var(--link-active-color);}
.bw-link:active {color: var(--link-active-color);}
.bw-link:hover {color: var(--link-hover-color);}

/* HORIZONTAL RULE ---------------------------------------------*/

hr{
height:1px;
border-width:0;
color:var(--main-txt-color);
background-color:var(--main-txt-color);
margin:0 auto;
}

/* GENERAL TABLE ----------------used in checkout-----------------------------*/
.generaltable{
    width:600px;
    border:1px solid var(--main-txt-color);
    border-collapse: collapse;
    color:var(--main-txt-color);
}

.generaltable td{
    border:1px solid var(--main-txt-color);
    padding:10px;
}

.generaltable img{
    width:96px;
}

/* VIDEO TABLE =============================================== */
.videotable{
width:600px;
border:0px solid gray;
}

.videotable td{
text-align:center;
padding:10px;
}

.videotable img{
width:96px;
}
/* SCAN LIST =============================================== */
.scanTable{
    max-width:400px;
    border:1px solid var(--main-txt-color);
    border-collapse: collapse;
    color:var(--main-txt-color);
}

.scanTable td{
    border:1px solid var(--main-txt-color);
    padding:10px;
}


/* new gallery */

.bw-gallerybox{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
    border:var(--border-width) solid orange;
    width:100%;
}

.bw-gallerybox img{
/*max-width:20vw;*/
max-height:var(--gallery-img-maxheight);
opacity: 0.8;      
margin:10px;
object-fit:cover;
cursor:pointer;  
}

.bw-gallerybox img:hover{
opacity: 1.0; 
transition: all 0.5s ease;
}


.bw-slider {
  position:relative;
  width:75%;
 
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  overflow-y:hidden;
  border:var(--border-width) solid green; 
  margin: 0 auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.bw-slider::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.bw-slider {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.bw-slide{
    display:none;
    overflow:hidden;
    border:var(--border-width) solid red; 
    margin:20px;
}

.bw-slide img{
  /*  max-width:600px;*/
  max-width:90%;
  /* height:var(--slide-img-height);*/
    object-fit: contain;
  
}

.bw-slide-container{
    background-color:var(--slide-bg-color);
    color:var(--slide-txt-color);
}
.bw-gCaption{
    font-size:2vh;
}

.bw-alertPanel{
    display:none;
}

.bw-gallerycard
{
    opacity:1.0;
    cursor:pointer; 
}

.bw-gallerycard:hover{   
 opacity:0.8;   
}

.bw-gallerycard img{
 width:150px;
 height:150px;
 object-fit:cover;
 margin:10px;   
}
/* for gallery main page cards */
.bw-flexbox{
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    //width:100%;
}

.bw-WSbox{
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}

/*previous workshop images*/
.bw-WSbox img{ 
    height:120px;
    margin:10px;
}

.bw-loader {

  border: 6px solid var(--main-txt-color);
  border-radius: 50%;
  border-top: 6px solid var(--link-hover-color);
  width: 48px;
  height: 48px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.bw-loaderContainer{
 display:none;
 margin:0 auto;
 border:0px solid red;
 position:absolute;
 left:calc(50vw - 24px);
 top:calc(50vh - 24px);
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); } 
}

/*media adjustments*/


@media screen and (max-width: 800px) {
  .bw-gallerybox img{
    max-width: 30%;
  }
}

@media screen and (max-width: 600px) {
  .bw-gallerybox img{
    max-width: 50%;
  }
}
//---Loader Spinner---------------------------------------------------