/* --------------------------------- MOBILE -------------------------------------- */

@media screen and (max-width:767px)
{

a[href^=tel]{color:inherit;text-decoration:none;}

.bkgd_hero {
	background-color: #fff;
    background-image: url('../images/bkgd-hero.jpg');
    background-repeat: no-repeat;
    background-position: 60% top;
    background-size: cover;
    }

.btn-member-mobile {width: 60%; margin-top: 30px; margin-bottom: 20px;}

.navbar-brand {padding-top: 20px; margin-bottom: 20px; width: 100%; }
.navbar-brand img {width: 170px;}

.navbar-toggler.home {margin-bottom: 240px; }
.navbar-toggler {margin-bottom: 20px;}
.navbar-collapse {background-color: rgba(255, 255, 255, 0.95); margin-top: 0px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; border-radius: 4px;}

.nav-link { padding-top: 25px; padding-bottom: 25px;border-bottom: 1px solid #55185d ;}
.nav-link:hover:after {
	font-family: "FontAwesome";
	font-size: 22px;
	content: "\f0da";
	display: inline-block;
	color: #ecb602;
	font-weight: 900;
	position: relative; 
	left: 10px;
	top: 3px;
	}
	
.navbar-nav {margin-bottom: 25px;}

.dropdown-menu {background: transparent; border: none;}
.dropdown .nav-link:hover:after  {color: transparent;}
.dropdown-item {padding: 25px;	border-bottom: 1px dotted #55185d ;}



h1.h2, h2.h2, p.h2 {font-size: 1.6rem;}
h3.card-title  {font-size: 1.5rem;}

.logo-broadspire {width: 250px; margin-top: -20px;}
.logo-midwest {width: 280px; }


.asymmetric::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #55185d;
	transform-origin: top left;
	transform: skewY(-8deg);
	z-index: -30;
	}


.asymmetric-header::after {
 	position: absolute;
 	content: "";
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	background-color: #FFCC33;
 	transform-origin: bottom left;
 	transform: skewY(5deg);
 	z-index: -10;
	}


}




/* --------------------------------- TABLET -------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 991px) 
  
{

a[href^=tel]{color:inherit;text-decoration:none;}

.bkgd_hero {
	    background-color: #fff;
    background-image: url('../images/bkgd-hero.jpg');
    background-repeat: no-repeat;
    background-position: center 70%;
    background-size: cover;
    }
 
    
.navbar-brand {padding-top: 20px; margin-bottom: 20px; width: 100%; }
.navbar-brand img {width: 170px;}
.navbar-toggler.home {margin-bottom: 240px; }
.navbar-toggler {margin-bottom: 20px;}
.navbar-collapse {background-color: rgba(255, 255, 255, 0.95); margin-top: 0px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; border-radius: 4px;}

.nav-link { padding-top: 25px; padding-bottom: 25px;border-bottom: 1px solid #55185d ;}

.navbar-nav {margin-bottom: 25px;}

.dropdown-menu {background: transparent; border: none;}
.dropdown .nav-link:hover:after  {color: transparent;}
.dropdown-item {padding: 25px; border-bottom: 1px dotted #55185d ;
	}
.nav-tabs .nav-link {padding: 15px 32px;}

.btn-member-mobile {width: 30%; margin-top: 30px; margin-bottom: 20px;}

.logo-broadspire {width: 250px; margin-top: -20px;}
.logo-midwest {width: 220px; margin-right: 40px; }


}


/* --------------------------------- DESKTOP -------------------------------------- */
@media screen and (min-width:991px)
{

a[href^=tel]{color:inherit;text-decoration:none;}
.header-phone {color: #fff; font-weight: 300;} 


.bkgd_hero {
	    background-color: #fff;
    background-image: url('../images/bkgd-hero.jpg');
    background-repeat: no-repeat;
    background-position: center 70%;
    background-size: cover;
    height: 570px;
    }
    
        
.navbar {padding-right: 0; padding-left: 0; padding-top: 0;}
.navbar-brand {padding-top: 20px; margin-bottom: 3px;}
.navbar-brand img {min-width: 115px; margin-right: 30px;}

.navbar-nav {margin-top: 45px; font-size: 1.15rem;}
.navbar-nav li {padding: 0 20px 0 0;}

.dropdown-item:after {
	content: "";
    display: block;
    padding-top: .5rem;
    border-bottom: 1px solid #eee;
}

/* ---- push menu to right on member pages--- */
.navbar-nav li.last, .navbar-nav li.last a.nav-link {padding-right: 0;}

/* ---- add border between columns on certain member pages--- */
.col-border-left {border-left: 1px solid #545454; padding-left: 50px;}

.logo-broadspire {width: 250px; margin-top: -20px;}
.logo-midwest {width: 250px; }

.asymmetric::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #55185d;
	transform-origin: top left;
	transform: skewY(-2deg);
	z-index: -30;
	}

.asymmetric-header::after {
 	position: absolute;
 	content: "";
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	background-color: #FFCC33;
 	transform-origin: bottom left;
 	transform: skewY(1.1deg);
 	z-index: -10;
	}







}