/* Responsive Styles (NOTE: THIS SITE IS MOBILE FIRST!!! */

/* ------------------------------------------ */
/* ------------------------------------------ */
/*         START: Default styles that 
		change depending on screen size       */
/* ------------------------------------------ */
/* ------------------------------------------ */

#debug-header{
	display: block;
	height: 25px;
	margin-top: 100px;
	padding-top: 100px;
	display: none;
}

.hero{
	height: 250px;
}

/* ------- START: NAV - DEFAULT FOR MOBILE ---------- */
/*#block-mainnavigation{
	display: none;
}*/
.mm-navbar{
	color:#fff;
	font-weight: 600;
	background-color:#333;
}

.responsive-menu-toggle {
    display: block;
    position: fixed;
    top: 12px;
	right: 15px;
    background-color:#333333;
    padding-top: 3px;
}

.responsive-menu-toggle-icon::before, 
.responsive-menu-toggle-icon::after, 
.responsive-menu-toggle-icon span.icon,
.responsive-menu-toggle-icon span.label{
	color: #333333;
}

.responsive-menu-toggle-icon span{
	display: block;
}

.responsive-menu-toggle-icon span.label{
	display: none;
}

a.nav-subitem {
	padding-left: 35px;
}
/* ------- END: NAV - DEFAULT FOR MOBILE ---------- */


h3{
	text-align: center;
}

#header ul li,
#footer ul li,
#block-nationholdings-local-tasks li{
	display:inline-block;
}

#footer ul li{
	margin-bottom: 0;
}

#footer ul li a{
	padding:5px 10px 0 0;
	display: block;
}


#home-real-estate-promo-col-2{
	background-position: 20px top;
	background-size: 130px;
}


#home-real-estate-promo-col-2-inner{
	margin:0 20px 50px 170px; /* mobile */
}



/* ------------------------------------------ */
/* ------------------------------------------ */
/*         START: Media Queries         	  */
/* ------------------------------------------ */
/* ------------------------------------------ */

/* Larger than mobile */
@media (min-width: 400px) {
    #debug-header{
      background-color: blue;
    }
} /* END: 400px */


/* Larger than mobile */
@media (min-width: 550px) {
    
    .container{
    	width:90%;
    }

} /* END: 550px */


/* ======================================= */

/* Start going into Desktop Mode */
@media (min-width: 850px) {
    #debug-header{
    }

	#header-logo img {
	    width: 200px;
	}

	#block-mainnavigation{
		display: block;
	}

	#block-mainnavigation{
		font-size: 13px;
	}

	#header ul li a{
		padding:4px 15px 10px 0;
	}

	#footer ul li, 
	#block-nationholdings-local-tasks li{
		display: inline-block !important;
	}


    .container{
    	width:90%;
    }

	.flex-wrapper{
		display: flex;
		flex-direction: row;
	}

	.flex-item{
		width: auto;
	}

	.property-details .flex-item{
		width: 165px;
	}

	#block-views-block-properties-block-1 .property-item-wrapper{
		
	}

    .desktop-only{
		display: block;
	}

	.mobile-only{
		display:none;
	}

	.align-center-on-mobile-left-on-desktop{
		text-align: left;
	}

	.border-top-on-mobile{
		border-top: none;
	}

	.margin-bottom-on-mobile{
		margin-bottom: 0;
	}

	#home-real-estate-promo-col-2{
	background-position: 10px top;
	background-size: auto;
}


	#home-real-estate-promo-col-2-inner{
		margin:50px 20px 50px 270px; /* desktop */
	}

	#home-above-4-blurbs {
		padding:0 100px;
	}

} /* END: 850px */


/* ======================================= */


/* Small Desktop Window or Tablet */
@media (min-width: 960px) {
    #debug-header{
      background-color: gray;
    }

    .hero{
    	height: 400px;
    }


	#header-logo img {
	    width: 250px;
	}


	#header ul li a{
		padding:7px 20px 10px 0;
		font-size: 14px;
	}

	#footer ul li, 
	#block-nationholdings-local-tasks li{
		display: inline-block !important;
	}


	h3{
		text-align: left;
	}

} /* END: 960px */


/* ========================= */


/* Full Desktop */
@media (min-width: 960px) {
    #debug-header{
      background-color: green;
    }

    .container{
    	width:1020px;
    	max-width: 1020px;
    }

	#header-logo img {
	    width: 275px;
	}


    #block-mainnavigation{
		font-size: 16px;
	}


	#header ul li a{
		padding:7px 20px 10px 0;
		font-size: 16px;
	}

	.flex-item-add-left-margin{
		margin-left: 15px;
	}

	/* landing pages*/
	.page-node-type-page .hero{
		height: 565px;
		/*background-position: top center;*/
	}

	/* home page */
	.page-node-type-home .hero{
		height: 600px;
    	/*background-position: center -69px;*/
	}

}