/*
Theme Name: mcb
*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
}

h2.entry-title {
	font-weight:700;
	font-size:14px;
	text-transform: uppercase;
}

h3 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	color:#008349;
	margin-top:36px;
	margin-bottom:12px;
}

h3.subhead {
	text-transform: none;
	font-size: 24px;
	font-weight:400;
	color:#555;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 24px;
	margin:0!important;
}

h4 {
	font-size: 18px;
	margin:0;
}

body, table, input, textarea, select, li, button {
	font-family: 'Open Sans', sans-serif;
}

a, a:visited {
	text-decoration:none!important;
	color:#29A0DA;
}
a:hover {
	color:#999;
}

a.button {
	color:#fff;
}

	
/* ----------------------------------- NAVIGATION */

#nav-box {
	float: right;
}

#nav {
	margin:15px 0 0 0;
	float:right;
	padding:0;
}
#nav ul, #nav li {
	margin:0;
	padding:0;
	list-style:none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
#nav li {
	float:left;
	display:inline;
	position:relative;
	padding-right:.5em;
	margin-right:1.5em;
	font-weight:400;
}
#nav li:last-child {
	border-right:none;
}
#nav li a, #nav li a:visited {
	color:#999999;
}
#nav li a:hover {
	color:#008349;
}


/* ----------------------------------- DONATE BUTTON */

input.donate {
	width:100px;
	height:30px;
	line-height:25px;
	background:#008349;
	color:#fff;
	text-align:center;
	height:30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:none;
	font-weight:700;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}

input.donate:hover {
	background:#40a277;
}

/* ----------------------------------- SUBNAV */

.subnav ul, li {
	list-style:none;
	line-height:200%;
	font-size: 14px;
}
.subnav li a.parent {
	font-weight:700;
	color:#666;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}
.subnav li a {
	text-decoration:none;
	color:#666;
}

.subnav {
	margin-bottom: 48px;
}





/* ----------------------------------- HEADER */
#header h1 {
	width:211px;
	height:70px;
	float:left;
}
#header h1 a {
}
#header h1 span {
	display:none;
}
body.page #header h1 {
	height:90px;
}
/* // FEATURE */

.feature { padding:36px 0; }
.feature img { width:100%; height:auto; }
.feature .columns { padding:0 ; }

.banner {
	background:url("/wp-content/uploads/mcb-feature-image-e1477781636697.jpg") no-repeat top center;

	min-height: 600px;
	padding:10%;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin:12px 0 36px 0;
}

.banner h2 {
	color:#FFF;
	font-size: 21px;
	text-transform: none;
	background-color: rgba(0,131,73,.75);
	padding:24px;
	line-height: 1.4;
}

@media only screen and (max-width: 40em) {
	.banner h2 {
		font-size: 16px;
		padding:24px;
		line-height: 1.4;
	}

}


/* ----------------------------------- home-features (3 Boxes) */

.home-feature {
	padding:0 20px;
	border-right:1px dotted #ccc;
	float:left;
	margin-bottom:30px;
	text-align:left;
}
.home-feature:last-child {
	border:none;
}
.home-feature h3 {
	font-weight:900;
	font-size:24px;
	color:#333;
}


	
/* ----------------------------------- CONTENT */

.content a, .content a:visited {
	text-decoration:underline;
}
.page-photo img{
	margin-bottom:20px;
	width:100%!important;
	height:auto;
}
#post-11 .entry-content strong {
	font-size:21px;
	font-weight:normal;
}

.entry-content li {
	list-style:square;
	font-size: 16px;
	line-height: 1.6;
}

/* ----------------------------------- ADP */

img.adp { 
	float:right;
	padding:0 0 24px 24px;
	max-width: 300px;
}

@media only screen and (max-width: 40em) { 

	img.adp { 
		float:left;
		max-width: 100%;
		padding:0 0 24px 0;
	}

}





/* -----------------------------------footer */
	
#footer {
	font-size:12px;
	line-height:135%;
	margin-top: 60px;
	padding:80px 0; 
	background-color: rgba(0,131,73,.05);
}
#footer strong {
	display:block;
}
#footer li {
	line-height:110%;
	padding:0 0 8px 0;
}
#footer li a {
	text-decoration:none;
	color:#555;
}
#footer li:first-child a {
	font-weight:700;
	color:#333;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

#icons {
	font-size:14px;
}
#flickr,#facebook, #contact {
	height:32px;
	line-height:32px;
	margin-bottom:10px;
	padding-left:45px;
	display:block;
	background-repeat:no-repeat;
}

#flickr {background-image:url(../../images/flickr_32.png);}
#facebook {background-image:url(../../images/facebook_32.png);margin-top:20px;}
#contact {background-image:url(../../images/email_32.png);margin-bottom:50px;}