.bg1 { background-color: #b7be1c; }
.bg2 { background-color: #024b6f; }
.bg3 { background-color: #026ca0; }
.bg4 { background-color: #b7be1c; }
.header-search-container { background: rgba(2, 108, 160, 0.92); }
/*.bg2 .card, .bg3 .card { background-color: rgba(0,0,0,0.1);}*/
.feature-links .card { border-bottom: 15px solid #b7be1c; }
.mm-menu { background: #063c56; }
.mm-menu .social-link .fa-stack-1x { color: #063c56; }
.list-group-item.active, .list-group-item.active:focus, .no-touch .list-group-item.active:hover 
{ background-color: #b7be1c; border-color: #b7be1c; }

.social-header .fa-stack-1x { color: #b7be1c; }
.footer-social .fa-stack-1x { color: #026ca0; }
.member-status { background-color: #004785; }

.navbar { background: none; /*border-bottom: 1px solid rgba(255,255,255,0.2);*/ }
.navbar-brand, .headroom--not-top .navbar-brand { max-width: 120px; }
.headroom--not-top .navbar-brand { max-width: 120px; }
.navbar-brand .logo { color: #fff; line-height: 100%; font-size: 1.3rem; }
.navbar-brand .tagline { color: #fff; color: rgba(255,255,255,0.6); font-size: 0.9rem; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .active>.nav-link:focus, .navbar-light .navbar-nav .active>.nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open>.nav-link, .navbar-light .navbar-nav .open>.nav-link:focus, .navbar-light .navbar-nav .open>.nav-link:hover { color: rgba(255,255,255,0.8); }
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .active>.nav-link { color: #fff; }
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(255,255,255,0.8); }
.navbar-light .navbar-nav .dropdown:hover >.nav-link { color: rgba(0,0,0,0.8); }

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { background: #fff; }

.headroom--not-top .nav-toggle { margin-top: 10px; }

.main-nav { /*top: 0;*/ bottom: 0; }
.headroom--top { box-shadow: none; }

.headroom--not-top { background: rgba(2, 78, 115, 0.91) !important; }

.overlay { background: rgba(4, 59, 86, 0.56); }
.banner-internal .overlay { background: rgba(4, 59, 86, 0.56);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#013856+0,013047+100&0.69+21,0.29+100 */
background: -moz-linear-gradient(top,  rgba(1,56,86,0.69) 0%, rgba(1,54,83,0.69) 21%, rgba(1,48,71,0.29) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(1,56,86,0.69) 0%,rgba(1,54,83,0.69) 21%,rgba(1,48,71,0.29) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(1,56,86,0.69) 0%,rgba(1,54,83,0.69) 21%,rgba(1,48,71,0.29) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0013856', endColorstr='#4a013047',GradientType=0 ); /* IE6-9 */

}
a:hover .overlay { background: rgba(3, 45, 66, 0.78); }

.shadow-top {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+8,ffffff+44&0.07+0,0+44 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0px, rgba(255,255,255,0) 70px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0px, rgba(255,255,255,0) 70px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.03) 0px, rgba(255,255,255,0) 70px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */	
}

.footer-widget { background-color: #fff; padding: 1rem; }
.footer-widget > div > div { width: 100% !important; }

.nav-toggle { bottom: 0; }

.trading-hours table { width: 100%; }
.trading-hours table tr td:first-child { width: 55%; }

.banner-internal .container-fluid {   height: 240px; }

.flickity-slider > div:before {
	content: ' ';
	display: block; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backgroundX: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.53) 19%,rgba(0,0,0,0.25) 100%);
	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.69+15,0+40 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.69) 5%, rgba(38,38,38,0.69) 20%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.69) 5%,rgba(38,38,38,0.69) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.69) 5%,rgba(38,38,38,0.69) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.mm-page { padding-top: 0; }

/*smaller*/
@media (min-width: 400px) {

    .navbar-brand { max-width: 150px; }
}

/*small*/
@media (min-width: 544px) {

    .navbar-brand { max-width: 180px; }
    .headroom--not-top .navbar-brand  { max-width: 150px !important; }
	
	.banner-internal .container-fluid { height: 300px; }
	.headroom--not-top .nav-toggle {
    margin-top: 25px;
}
}

/*medium*/
@media (min-width: 768px) {
	.navbar-brand { max-width: 200px; }
    .headroom--not-top .navbar-brand  { max-width: 160px !important; }
	.banner-internal .container-fluid { height: 390px; }
	.nav-toggle { bottom: auto; }
}

/*large*/
@media (min-width: 992px) {
	.navbar-brand { max-width: 230px; }
    .headroom--not-top .navbar-brand  { max-width: 160px !important; }
	.banner-internal .container-fluid { height: 450px; }
}


/*xlarge*/
@media (min-width: 1200px) {
	.navbar-brand { max-width: 250px; margin-top: -10px; }
    .headroom--not-top .navbar-brand  { max-width: 200px !important; }
}

/*xxlarge*/
@media (min-width: 1450px) {
	.navbar-brand { max-width: 280px; }
    .headroom--not-top .navbar-brand  { max-width: 200px !important; }
}