/* OVERRIDES */
:root {
	--primary-color: #162039;
	--secondary-color:#ddd;
}



/* .navbar {padding-top:0; padding-bottom:0; min-height:4rem;} */

.navbar-toggler {
	border-color:transparent !important;
}

/*
#top-navbar {
	position: -webkit-sticky; 
	position:sticky;
	top:0;
	z-index:100;
}
*/

.alert-default {
	background-color:var(--secondary-color);
	color:#333;
}

.navbar-nav .dropdown-menu {
    background-color: #162039;
}

.bg-dark {
	background-color: var(--primary-color) !important;
}

.navbar-nav .dropdown-menu .dropdown-item {
    color: #fff;
	padding: 1rem;

}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: #051028;
}

.navbar-toggler:focus {box-shadow:0 0 0 0;}

.navbar .nav-link {
	padding-top:1.25rem;
	padding-bottom:1.25rem;	
	padding-left:1rem !important;
	padding-right:1rem !important;
}

.navbar li {margin-top:0;margin-bottom:0;}
.navbar a.active{ background-color: inherit; box-shadow: 0 50px 40px 0 rgb(0 0 0 / 40%) inset;}

#hamburger-1.is-active .line:nth-child(2){
    opacity: 0;
}
  
#hamburger-1.is-active .line:nth-child(1){
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}



#top-header {
	background-image:url('/ui/images/corner_wave.png');
	background-repeat:no-repeat;
	background-position:top left;
	min-height:5.5rem;
}



#newsletters .card {margin:1rem; max-width:18rem;}
/*#banner { padding-right:0; padding-left: 0; padding-bottom:3rem;}*/





#home-news {margin-top:2rem;}


#breweries .card {
	min-width:18rem;
	max-width:18rem;
}

#breweries .card h5 {
	font-size:1.25rem;
}


#breweries em {
	margin-bottom:0.5rem;
}

#som .card {
	max-width:25rem;
	min-width:19rem;
	min-height:16rem;
	margin:0.5rem;
	background-color:#212529;
}

#som h5 {color:#fff;}
#som-beer-style {color:#fff;}
#som .win {margin-top:1rem;}

#photo-album {}

#photo-pagination {margin-top:2rem;}

/* #image-gallery-image { max-height:calc( 100vh - 100px );} */

#image-gallery-image {width:100%;}

#image-gallery .modal-footer{
  display: block;
}

#image-gallery .modal-header{
  padding: 0;
}

#image-gallery .modal-body{
  padding: 0.25rem;
}

.fancybox-next {
    right: 0;
}

.fancybox-prev {
    left: 0;
}

.thumb-spinner {}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('/ui/images/blank.gif');
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.close-model-button {z-index: 8050; border-radius:1rem; background-color:#fff; padding:0;position:absolute;top:-8px; right:-5px;}
.thumb-spinner {z-index: 8050;position:absolute;top:15rem; right:25rem; color:#fff;}
.thumbs { height:200px; width:300px; overflow:hidden; display:inline-block;}

#fest-logo {
	padding-top:4rem;
}

#ebhb-logo { padding-top:1rem;}

#banner {
	margin:0;
	background-image:url('/ui/images/home-background.jpg');
	background-repeat: no-repeat;
	background-position:center bottom;
	background-size:cover;
	min-height:44rem;
	color:#fff;
	padding-bottom:2rem;
}

#home-top-alert {font-size:1.25rem !important;}

#banner img {padding-top:4rem; height:20rem;}

#fest-banner {
	margin:0;
	background-image:url('/ui/images/fest-banner.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	min-height:30rem;
	color:#fff;
	padding-bottom:2rem;
}

#join-banner {
	margin:0;
	background-image:url('/ui/images/join-banner.jpg');
	background-repeat: no-repeat;
	background-position:right center;
	background-size:cover;
	min-height:30rem;
	color:#fff;
	padding-bottom:2rem;
}

#calendar-banner {
	margin:0;
	background-image:url('/ui/images/cal-banner.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	min-height:30rem;
	color:#fff;
	padding-bottom:2rem;
}

#news-banner {
	margin:0;
	background-image:url('/ui/images/banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:30rem;
	color:#fff;
	padding-bottom:2rem;
}

#winos-banner {
	margin:0;
	background-image:url('/ui/images/winos-banner.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:30rem;
	color:#fff;
	padding-bottom:2rem;
}


#brewer-banner {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:35rem;
	color:#fff;
	padding-bottom:2rem;	
}


@media (max-width: 600px) { 
	#fest-banner {min-height:15rem;}
	#join-banner {min-height:15rem;}
	#calendar-banner {min-height:15rem;}
	#news-banner {min-height:15rem;}
	#winos-banner {min-height:15rem;}
	#banner img {height:20rem;padding-top:2rem;}
	#brewer-banner { min-height:20rem !important;}

	/*#photo-album .thumbs img {width:100%;}*/
	#photo-album .thumbs { height:250px !important; width:375px !important; overflow:hidden; display:inline-block;}
	#photo-album .thumbs img {width:370px !important;}
	
	#breweries .card {
		max-width:27rem; 
	} 
}


@media (max-width: 750px) {
	#photo-album .thumbs { height:267px; width:400px; overflow:hidden; display:inline-block;}
	#photo-album .thumbs img {width:400px;}



}


@media (max-width: 1100px) {
	#banner {min-height:20rem;}
	
}

@media (min-width: 975px) { 
	
	.dropdown:hover>.dropdown-menu {
	  display: block;
	}	
}

.wino-btn {background-color:#330066;border-color:#330066; color:#FFFFFF;}
.wino-btn:hover {border-color:#330066;color:#FFFFFF;}
.wino-alert {background-color:#DDDDFF !important;}

#small-calendar ul { padding:0 !important;}
#small-calendar li { list-style-type: none;}
#small-calendar li p { font-weight: 500;}

.no-disc {list-style-type: none;}

#spinner {margin:2rem;}
#avatar {margin-left:1rem;width:80px;}

#brew-it h3 {margin-top:1.5rem; text-align:right !important; margin-right:1.5rem;font-weight:bold;color:#162039;}
#login-top {text-align:right !important; margin-right:1.5rem;}

#bylaws h4 {text-decoration:underline;}
.bylaw-link a { margin:2rem; padding-bottom:4rem;}

#board-members h3 {margin-top:2rem;}
#board-members .btn {margin-top:2rem; margin-bottom:2rem;}

#link-content h5 {margin-top:2rem;}

#homebrew-supply .card { margin:1.5rem;}
.navbar .nav-item {margin-left:0.5rem;}


#event-card {margin-bottom: 1rem;}
#event-card .card-body b {font-weight:500;}
#event-card h2 {font-size:1rem; font-weight:600; padding-top:0.25rem;}
#event-card address {font-size:0.9rem;}


.beer-card .card-header {background-color:#FCCA37;color:#7E5324;}
.beer-card .card-body {background-color:#fff3cd;}

.wino-card .card-header {background-color:#330066;color:#FFFFFF;}
.wino-card .card-body {background-color:#DDDDFF;}

#event-card .btn {margin-right: 1rem; margin-top:1rem;}
#calendar-content {min-height:40rem;}
#calendar-btns {list-style-type: none;}
#calendar-btns .btn {margin-bottom:1rem;}

h1 {
	font-size: 2.25rem !important;
	color:#333;
}

/*
p {font-size:1.125rem;}
li {font-size:1.125rem;margin-top:0.5rem;margin-bottom:0.5rem;}
*/

.hop-icon {
    background: url('/ui/images/hop-icon.png');
    width: 40px;
	height: 46px;
    display: inline-block;	
}

.grape-icon {
    background: url('/ui/images/grape-icon.png');
    width: 45px;
	height: 46px;
    display: inline-block;	
}

.sub-header {margin-top:3rem;}
#mission-list li {margin-bottom:0.5rem;}
#meeting-list li {margin-bottom:0.5rem;}

#brewery-list {
	
	display: flex;
    width: 100%;
    margin: 1rem auto;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}




#brewery-list li {
	
    list-style-type: none;
    display: block;
    line-height: 1.25em;
    width: 45%;
    font-size: 0.9rem;
    font-weight: bold;
	margin-left:1rem;
}
.ebhb-content {padding-top:3rem;}

.page-footer {min-height:20rem;background-color:#212529;color:#FFF;}
.footer-plugs {min-height:14rem;}

#social-icon-footer {margin:2rem;}
#social-icon-footer a {margin:0.75rem;color:#fff;}


#footer a{
	color: #fff !important;
	text-decoration: none;	
}

#quick-links a {
	display: block;
	padding: 0.5rem 0;
	margin-left:1rem;


}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #333; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #000; /* Add a dark-grey background on hover */
}

.badge-info {background-color:#055160;}
.badge-success {background-color:#34835e;}
.badge-secondary {background-color:#5c636a;}
#past-events .badge-info {margin-left:1rem;}
#event-detail .detail-thumbs {margin-top:0.25rem;}

#brewer-banner #brewery-name {font-size:2rem !important; margin:1rem;}
#brewer-container {margin-top:2rem;}
#brewer-container #about { margin-top:2rem; margin-bottom:1rem;}

#brewer-container .brewery-amenities { margin-bottom:1rem;}

#brewer-container .brewery-amenities i {color:green !important;}

#contact-ebhb .card {
    padding: 8%;
    padding-top: 35px;
    margin-top: 60px;
    margin-bottom: 80px;
	background-color: #162753;
}

#contact-ebhb textarea[name="message"] {
    resize: none
}

#contact-ebhb #e-mail {
    height: 45px
}

#contact-ebhb #message {
    height: 120px
}

#contact-ebhb input.input-box,
#contact-ebhb select.input-box,
#contact-ebhb textarea.input-box {
    background-color: #616161;
    border: #616161;
    color: #BDBDBD
}

#contact-ebhb a {color:#fff;}

#contact-ebhb #app-spinner {color:#fff;}


#contact-ebhb input.input-box:focus,
#contact-ebhb select.input-box:focus,
#contact-ebhb textarea.input-box:focus {
    background-color: #000000;
    color: #BDBDBD
}

#contact-ebhb .rm-border:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none
}

#contact-ebhb .form-control::-webkit-input-placeholder {
    color: #9E9E9E
}

#contact-ebhb::-moz-placeholder {
    color: #9E9E9E !important
}

#contact-ebhb input.btn-purple {
    background-color: #5C6BC0;
    color: #ffffff
}

#contact-ebhb .contact-form { color:#fff;}

#contact-ebhb .row { padding-bottom:1rem;}

.join-ebhb-content {line-height: 1.75;}
.join-ebhb-content li {margin-bottom:1rem;}

.footer-card {
    background: rgba(0, 0, 0, 0.6);

}

.footer-card h4,
.footer-card h6 {
	text-shadow: 2px 2px 2px #000;	
}

#footer-join-club {
	background-image: url('/ui/images/join-club-footer.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	color:#fff;
}

#footer-facebook {
	background-image: url('/ui/images/facebook-footer.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	color:#fff;
}

#footer-news {
	background-image: url('/ui/images/news-footer.jpg');
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	color:#fff;
}
/* Bootstrap Overrides */