/* ---------------------------------------
	 			Mobile Nav
   --------------------------------------- */

@media only screen and (min-width: 991px){
	
	.line-break{
		display: none;
	}
	
	.mobile-header {
	   display: none;
	}
}

@media only screen and (max-width: 990px){
	
	.header{
		background-color: #3d3d3d;
	}
	
	.desktop-header{
		display: none;
	}
	
	.mobile-header{
		display: flex;
		justify-content: center;
	}
	
	.mobile-header-content{
		flex-direction: column;
		align-items: center;
		justify-items: center;
	}
	
	.mobile-side-nav{
		display: none;
	}
	
	.body-contain{
		margin-top: var(--header-height);
	}
	
	.home-logo{
		display: none;
	}

	.desktop-nav-contain{
		justify-content: center;
		flex-grow: unset;
		transition: .5s;
	}

	.primaryNav{
		display: none;
	}

	.header .secondaryNav{
		display: none;
	}

	.mobile-nav-menu-icon{
		display: block;
		padding: 50px;
		margin-left: auto;
		margin-right: auto;
	}

	.side-nav-contain{
		padding: 25px;
	}

	.banner .post-image {
		height: 125px !important;
	}

	.bar1, .bar2, .bar3{
		width: 25px;
		height: 3px;
		background-color: #fff;
		margin: 5px 0;
		transition: 0.4s;
	}

	.open .bar1 {
		-webkit-transform: rotate(-45deg) translate(-4px, 2px);
		transform: rotate(-45deg) translate(-4px, 2px);
	}

	.home-logo{
		position: relative;
	}

	.home-logo img{
		max-height: 90%;
	}
	
	.home-link{
		max-width: 40%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}

	.header{
		display: flex;
		justify-content: center;
	}

/* 	.menu{
		text-align: center;
		margin-left: 0;
	} */

	.menu li{
		display: block;
	}

	.page-content > div > div{
		margin-bottom: 50px;
	}
	.page-content > div > div:last-child{
		margin-bottom: 0px;
	}

	#homeowners-main{
		margin-bottom: 0;
	}

	.county-list{
		text-align: center;
	}
	
	.bod-container{
		column-count: 2;
	}

	.board-btn{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 5%;
	}
	
	.dash-contain{
		flex: 0 0 60%;
		max-width: 60%;
	}

}

/* -------------------------------------
        Medium Devices (Tablets)
------------------------------------- */


@media only screen and (max-width: 767px) {
/* 	.left, .right {
		padding: 0;
	} */
	
	.page-content > div > div > div{
		margin-bottom: 50px;
	}
	
	.page-content > div > div > div:last-child{
		margin-bottom: 0px;
	}
	
	.content-container{
		padding-left: 12vw;
		padding-right: 12vw;
	}

	.spacer{
		padding-top: 12vw;
		padding-bottom: 12vw;
	}

	.introSection{
		text-align: center;
	}
	
	.introSection .row{
		justify-content: center;
	}

	#home-intro img{
		margin-bottom: 75px;
	}
	
	.county-list li{
    	display: inline;
  	}
	
	.county-list li:not(:last-child)::after{
		content: ",";
	}
	#next-meeting{
		flex-direction: column;
	}
	
	#next-meeting .col-6{
		min-width: 100%; 
	}
	#next-meeting .right{
		padding-left: 0;	
	}
	
	.board-intro{
		width: 100%;
	}

	.board-logo{
		max-width: 50%;
	}
	
	.board-btn{
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.3333%;
		padding: 2%;
  	}
	
	.bod-container{
		column-count: 1;
	}
	
	.officers{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.members{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#footer{
		padding: 50px 50px 100px 50px;
	}
	
	.footer-container{
		margin-top: 50px;
	}

	.counties{
		flex-direction: column;
	}

	 #the-process{
	   text-align: left;
	 }
	
	.dashboard-widget{
		padding-top: 8vw;
		padding-bottom: 20vw;
	}
	
	.dash-contain{
		flex: 0 0 100%;
		max-width: 100%;
	}
	#menu-secondary-nav-2{
		display: flex;
		justify-content: space-around;
	}
	.left, .right {
		padding: 0;
		margin-bottom: 50px;
	}
}


/* -------------------------------------
				Mobile
------------------------------------- */

@media only screen and (max-width: 575px) {
	
	*[class^="col-"]{
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	
	.col-9{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}	
     
     .left p:last-child, .right p:last-child{
          margin-bottom: 0;
     }
	
    .cleanCorp-btn-lg{
		margin-right: 0;
    }
	
	.home-logo{
		margin: 25px;
	}
	
	.menu{
		font-size: 6vw;
	}
	
	.board-btn{
		padding: 5% 12%;
  	}
	
	.officers{
		-ms-flex: 0 0 100%;
		flex: 0 0 calc((100% / 2) - (15px / 2 * (2-1)));
		max-width: calc((100% / 2) - (15px / 2 * (2-1)));
	}
	
	.contact-widget{
		-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
		margin-bottom: 25px;
	}
	
	.contact-widget > .right{
		padding-left: 0;
	}
	
	#menu-secondary-nav li{
		display: block;
	}
	
	#menu-secondary-nav li a, #menu-secondary-nav-1 li a, #menu-secondary-nav-2 li a{
		max-height: 100px;
	}
	
	#menu-secondary-nav-2{
		display: block;
	}

}

/* ---------------------------------------
			  VISIBILITY MODES
   --------------------------------------- */


/* ---------------------------------------
			  Hidden Desktop
   --------------------------------------- */

@media only screen and (min-width: 991px){
	.hidden-desktop{
		display: none;
	}

}

/* ---------------------------------------
			  Visible Desktop
   --------------------------------------- */

@media only screen and (min-width: 991px){
	.visible-desktop{
		display: block;
	}

}

/* ---------------------------------------
			  Hidden Tablet
   --------------------------------------- */

@media only screen and (max-width: 990px){
	.hidden-tablet{
		display: none;
	}

}

/* ---------------------------------------
			  Visible Tablet
   --------------------------------------- */

@media only screen and (max-width: 990px){
	.visible-tablet{
		display: block;
	}

}

/* ---------------------------------------
			   Hidden Mobile
   --------------------------------------- */

@media only screen and (max-width: 767px){
	.hidden-mobile{
		display: none;
	}
}

/* ---------------------------------------
			   Visible Mobile
   --------------------------------------- */

@media only screen and (max-width: 767px){
	.visible-mobile{
		display: block;
	}

}

@media only screen and (max-width: 575px){
	.side-nav a{
		font-size: 1em;
	}

}