

.bg1 { background-color: #fff; }
.bg2 { background-color: #f5d003; }
.bg3 { background-color: #fece08; }
.bg4 { background-color: #f5bf03; }
.bg5 { background-color: #314b90; }
.header-search-container { background: rgba(92, 205, 245, 0.91); }
.header-search-form button{ background: #b7be1c; }
.header-search-form button:hover { background: #d8e029; }

.bg2 .card { background-color: rgb(3, 91, 134);}
.no-touch .bg2 a:hover .card { background-color: rgb(4, 102, 150);}

/* yellow */
.bg3 .card { background-color: rgb(5, 128, 189);}
.no-touch .bg3 a:hover .card { background-color: rgb(7, 143, 210);}


.feature-links .card { border-bottom: 15px solid #5c92cd; }
.dropdown-menu { border-bottom: 15px solid #b7be1c; }
.mm-menu { background: #0a946e; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #077c5c; border-color: #077c5c; }

.bg2 a.card .button {
    background: rgb(3, 125, 185);
}
.no-touch .bg2 a:hover .card .button {
    background: rgb(3, 131, 193);
}

.no-touch .bg3 a:hover .card .button {
    background: rgb(5, 162, 239);
}

.bg3 .button { background: rgb(4, 151, 224); }

.social-header .fa-stack-1x { color: #077c5c; }
.footer-social .fa-stack-1x { color: #f5d003; }

.member-status { background-color: #077c5c; }

.nav-button { background-color: rgba(38, 60, 119, 0.61); }
.nav-button:hover { /*background-color: rgb(97, 139, 200);*/ background-color: rgba(38, 60, 119, 1);  }
.headroom--not-top .navbar-brand { max-width: 120px !important; /*display: none;*/ }

.overlay { background: rgba(19, 37, 33, 0.7); }
.banner-internal .overlay { background: rgba(19, 37, 33, 0.7); }
a:hover .overlay { background: rgba(19, 37, 33, 0.7); }

/* square logo */
.navbar-brand { max-width: 120px; }
.mm-page { padding-top: 83px; }


.flickity-prev-next-button { bottom: 0; top: auto; opacity: 0.7; }


/* flat logo */
/*.navbar-brand { max-width: 220px; }
.mm-page { padding-top: 62px; }
.nav-toggle { bottom: 0; top: auto;}*/

/*small*/
@media (min-width: 544px) {
    /* square logo */
    .navbar-brand, .headroom--not-top .navbar-brand  { max-width: 150px; }
    .mm-page { padding-top: 107px; }
	
	.flickity-prev-next-button { bottom: auto; top: 50%; }

    /* flat logo */
    /*.navbar-brand { max-width: 300px; }
    .mm-page { padding-top: 80px; }*/
}

/*medium*/
@media (min-width: 768px) {
    /* square logo */
    .navbar-brand, .headroom--not-top .navbar-brand  { max-width: 225px; }
    .headroom--not-top .navbar-brand { max-width: 160px !important; }
    .mm-page { padding-top: 149px; }

    /* flat logo */
    /*.navbar-brand { max-width: 350px; }
    .mm-page { padding-top: 80px; }*/
}

/*large*/
@media (min-width: 1024px) {
    /* square logo */
    .navbar-brand, .headroom--not-top .navbar-brand  { max-width: 205px; }
    .headroom--not-top .navbar-brand { max-width: 205px !important; }
    .mm-page { padding-top: 176px; }

    /* flat logo */
    /*.navbar-brand { max-width: 390px; }
    .navbar { padding: 1rem 2rem; }
    .mm-page { padding-top: 88px; }*/
}


/*xlarge*/
@media (min-width: 1200px) {
    /* square logo */
    .navbar-brand, .headroom--not-top .navbar-brand  { max-width: 250px; }
    .mm-page { padding-top: 176px; }

    /* flat logo */
    /*.navbar-brand { max-width: 500px; }
    .mm-page { padding-top: 88px; }*/
	
	.main-nav, .top-nav { display: none; }
	.nav-toggle { display: block; }
}


@media (min-width: 1300px) {

    .main-nav, .top-nav { display: block; }
	.nav-toggle { display: none; }
}
