/*
 * Layout 
 * Styling for the basic theme containers (header, content area, footer etc)
 */


/*clearfixes*/
/*http://nicolasgallagher.com/micro-clearfix-hack/*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/*universal layout elements*/
.align-left{
	text-align: left;
}
.align-right{
	text-align: right;
}
.align-center{
	text-align: center;
}

/*lists*/
ul{
	margin-left: 0px;
}

.site{
	overflow: hidden;
}


/*Universal responsive container elements*/
.responsive-grid{
	width: 100%;
}
.responsive-grid.pad{
	padding: 15px 25px;
}
.responsive-grid:after{
	content: '';
	display: table;
	clear: both;
}
/*grid elements*/
.responsive-grid div[class*='column-']{
	float: left;
	padding-right: 25px;
}
.responsive-grid div[class*='column-']:last-of-type{
	padding-right: 0px;
}
.responsive-grid div[class*='has-pad column-']:last-of-type{
	padding-right: 25px;
}

.responsive-grid .column-1-1{
	width: 100%;
}
.responsive-grid .column-2-3{
	width: 66.66%;
}
.responsive-grid .column-1-3{
	width: 33.33%;
}
.responsive-grid .column-1-2{
	width: 50%;
}
.responsive-grid .column-1-4{
	width: 25%;
}
.responsive-grid .column-1-5{
	width: 20%;
}
.responsive-grid .column-1-6{
	width: 16.66%;
}

.responsive-grid div[class*='column-'].margin-bottom{
	margin-bottom: 20px;	
}

/*forms inside responive container*/
.responsive-grid input,
.responsive-grid label{
	width: 100%;
}

/*interior containers*/
.site-content,
.site-header,
.site-footer,
.site-above-footer,
.site-below-footer,
.site-newsletter,
.banner-image-slider,
.banner-image{
	width: 90%;
	max-width: 1650px;
	margin: auto;
	padding: 15px 25px;
	position: relative;
	word-break: break-word;
}

/*header layout*/
.site-header .site-branding{
	position: relative;
	margin-bottom: 10px;
	text-align: center;
}
.site-header .logo-main{
	display: inline-block;
}
.site-header .logo-main img{
	max-height: 110px;
}
.site-header .social-media{
	float: left;
	display: none; /*Hidden for now*/
}
.site-header .social-media a{
	display: inline-block;
}
.site-header .social-media .icon{
	border-bottom: solid 2px rgb(8, 82, 150);
	background: #155fa4;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 120%;
	line-height: 40px;
	margin-right: 0px;
}
.site-header .social-media .icon:hover,
.site-header .social-media .icon:active{
	background: #145591;
	border-bottom-color: #074278;
}
	


.site-header .login-section{
	position: absolute;
	top: 0px;
	right: 0px;
}

.site-header .mobile-menu-toggle{
	display: none;
}


/*banner*/
.banner-image-slider{

}

/*main content area and sidebar*/
.site-content > .widget-area{
	width: 33%;
	margin-left: 2%;
	float: right;
}
.site-content > .content-area{
	width: 100%;
	float: left;
}
.site-content > .widget-area ~ .content-area  {
	width: 63%;
	margin-right: 2%;
}

.site-content .entry-footer{
	margin-top: 10px;
	width: 100%;
	float: left;
}
.site-content .entry-footer .edit-link{
	float: right;
}


/*Newsletter container*/
.site-newsletter{
	background: #eee;
	padding: 0px;
	margin-bottom: 20px;
}
.site-newsletter h2{
	margin: 0px; 
}


/*main content layout*/
.site-content{
	padding-left: 7.5%;
	padding-right: 7.5%;
}

/*news listing page (archive & single)*/
.post-listing .type-post{
}
.post-listing .type-post .article-date{
	text-align: center;
	float: left;
	margin-right: 20px;
	display: inline-block;
	color: #155fa4;
}
.post-listing .type-post .article-date .day{
	background-color: #155fa4;
	color: #fff;
	font-size: 200%;
	padding: 15px 25px;
}
.post-listing .type-post .article-date .month{
	font-weight: bold;
}
.post-listing .type-post .article-content{
	overflow: hidden;
}
.post-listing .type-post .article-content .entry-title{
	margin: 0px 0px 10px 0px;
}
.post-listing .type-post .article-content .entry-content{
	margin: 0px;
}
.post-listing .type-post .article-content .entry-content a{
	color: #155fa4;
	font-weight: 400;
}

/*responsive iframes (each iframe is wrapped around to make responsive)*/
.responsive-iframe{
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 56.25%;
}
.responsive-iframe iframe{
	position: absolute;
	height: 100%;
	width: 100%;
}


/*news listing (from widget and shortcodes)*/
.widget .post-listing .type-post .article-date .day{
	font-size: 150%;
	padding: 7px 12px;
}
.widget .post-listing .type-post .article-date .month{
	font-weight: normal;
}
.widget  .post-listing .type-post .article-content .entry-title{
	text-transform: capitalize;
	color: #333;
	margin-bottom: 5px;
}

/*single news item*/
.type-post .article-date{
	text-align: center;
	float: left;
	margin-right: 20px;
	display: inline-block;
	color: #155fa4;
}
.type-post .article-date .day{
	background-color: #155fa4;
	color: #fff;
	font-size: 200%;
	padding: 15px 25px;
}
.type-post .article-date .month,
.type-post .article-date .year{
	font-weight: bold;
}
.type-post .entry-content,
.type-post .entry-title{
	clear: none;
}


/*Post navigation / navigation elements*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
	float: left;
	width: 100%;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/*newsletter sign up padding*/
.mc4wp-alert,
.mc4wp-success,
.mc4wp-error {
	padding: 15px 25px;
}

/*above footer layout (sidebar with 1 widget zone)*/
.site-above-footer{
	background-image: url('../img/moran_above_footer_pattern.jpg');
	margin-bottom: 25px;
	padding: 50px 25px;
}
.site-above-footer .widget-area{
	margin: 0px;
}
.site-above-footer .widget-area .widget{
	float: left;
	width: 30%;
	margin: 0% 1.66% 3.33% 1.66%;
}
.site-above-footer .widget-area .widget:nth-of-type(3n-2){
	width: 31.5%;
	margin: 0% 1.375% 2.75% 0%;
	clear: left;
}
.site-above-footer .widget-area .widget:nth-of-type(3n-1){
	width: 31.5%;
	margin: 0% 1.375% 2.75% 1.375%;
}
.site-above-footer .widget-area .widget:nth-of-type(3n-0){
	width: 31.5%;
	margin: 0% 0% 2.75% 1.375%;
	clear: right;
}



/*footer layout (sidebar with 4 widget zones)*/
.site-footer{
	background-color: #eee;
}
.site-footer .widget{
	text-align: left;
}
.site-footer .widget-area{
	float: left;
	width: 22.5%;
	margin 0% 1.25% 0% 1.25%;
}
.site-footer .widget-area:nth-of-type(4n-3){
	width: 23%;
	margin: 0% 1.33% 0% 0%;
}
.site-footer .widget-area:nth-of-type(4n-2){
	width: 23%;
	margin: 0% 1.33% 0% 1.33%;
}
.site-footer .widget-area:nth-of-type(4n-1){
	width: 23%;
	margin: 0% 1.33%% 0% 1.33%;
}
.site-footer .widget-area:nth-of-type(4n-0){
	width: 23%;
	margin: 0% 0% 0% 1.33%%;
}

/*no list items bullets in footer*/
.site-footer .widget-area ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.site-footer .widget-area ul ul{
	margin-left: 20px;
}