/* BODYSTART ------------------------------------------------- */

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);
}

.hr{
    width:80%;
    margin:auto;
}

/* new */

.bw-forms{
 background-color:var(--form-bg-color); 
 color:var(--form-txt-color);
 width:500px;       
 }    
 
.bw-modal{
background-color:var(--popup-bg-color);
color:var(--main-txt-color);
 } 
 
/*W3 override buttons for site*/
.bw-button{
/*background-color:var(--button-bg-color);*/
color:var(--button-txt-color);
border:1px solid var(--button-txt-color);
}

.bw-button:hover{
background-color:var(--button-bg-hover-color) !important;
color:var(--button-txt-color) !important;
 }
 
.bw-footer{
color:var(--menu-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);
} 

 /*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);
overflow:hidden;
}

.bw-mast-main{ 
padding-left:20px;
color:var(--masthead-color);    
}
.bw-mast-sec{
color:var(--masthead-sec-color);      
}
.bw-mast img{
/*height: var(--masthead-height);*/
height:100%;
object-fit:contain;
}

/* menubar colors and typography */
.bw-menubar{
font-family:var(--menu-font);
font-size:var(--menu-txt-size);
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(--menu-bg-color) !important;
color:var(--link-hover-color) !important;
} 
    
/*  End of W3 */


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



.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;
}

/*gallerybox is the main gallery size*/

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

.bw-gallerybox img{

max-height:var(--gallery-img-maxheight);
opacity: 1.0;      
margin:10px;
object-fit:cover;
cursor:pointer;  
}

.bw-gallerybox img:hover{
opacity: 0.85; 
/*border:1px solid blue;*/
transition: all 0.2s 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{
    width:100%;
    max-height:var(--slide-img-height);
    object-fit: contain;
}

.bw-slide-container{
    background-color:var(--slide-bg-color);
    color:var(--slide-txt-color);
}

.bw-slidePanel{
    display:none;
}

.bw-gCaption{
    font-size:14px;
}

.bw-alertPanel{
    display:none;
}
.bw-alertPanel img{
   width:50%;
}
/*gallery card for gallery selection page*/

.bw-gallerycard
{
/*    opacity:0.8;*/
    cursor:pointer; 
}

.bw-gallerycard img:hover{   
 opacity:0.8; 
 border:1px solid blue;
}

.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;

}

.bw-masthead-space{
position:relative;
margin-top:140px;   
}

.bw-index-img{
  max-width:20vw;  
}
/*media adjustments*/

.w3-pointer{
    cursor:pointer;
}
/* -------------VIDEO ----------------- */
.bw-videoButton{
    color:var(--button-bg-color);
    cursor:pointer;
    font-size:100%;
    margin-left:5px;
    margin-right:5px;
} 

.bw-videoButton:hover{
    color:var(--button-bg-hover-color) !important;
} 

.bw-videoDIV{
    max-width:480px;
    width:80%;
    margin:auto;
}
        
.bw-videoContainer{        
  width:100%;            
}


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

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