/*
 * Theme Name: MCWC
 * Theme URI: http://apacheadvertising.com
 * Description: Based on Foundation, and HTML5bp
 * Version: 1
 * Author: Eric Wargo
 * Author URI: http://apacheinteractive.com
 */


/* Reset/Default */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th, td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
	textarea{resize:none;}strong{font-weight:bold;}img{width:100%;height:auto;}em{font-style:italic;}ul,ol{padding:0;margin:0;}:focus{outline:none;}.clearfix:before,.clearfix:after{content:" ";display:table;}#clear,.clear,.clearfix:after{clear:both;}.clearfix{*zoom:1;}.left{float:left;}.right{float:right;}.red{border:1px solid red;}.center{text-align:center;}.last,li:last-of-type{margin-right:0; border-right:0;}.hidden{display:none;}.nowrap{white-space:nowrap;}.unbold{font-weight:300 !important;}.block{display:block;}img.auto{width:auto;}.bred{background:red;}.no-margin{margin:0 auto;padding:0;}


/*
purple{color:#8620c8;}
green{color:#198450;}
original nav background purple {background:#652c8b url(img/bkgd-menu.jpg) repeat-x;
*/

/* === ---
======================================== */
	body{font:normal 14px/1.7em 'Open Sans',sans-serif; background:#fbfbfb url(img/bkgd.jpg);}
	p{margin-bottom:1rem;}
	pre{display:block; background:#e5e5e5; padding:20px; border:1px solid #ccc; font-family:Courier,monospace; margin:20px 40px;}
	code{background:none; border:0; font:85% Courier,monospace;}
	small{font:.8em/.9em sans-serif;}
	blockquote{padding:20px 25px; font-size:115%; color:#333; background:#eee; margin:20px 40px;}
	blockquote p{color:#333; margin-bottom:0;}
	hr{margin:2rem 0; display:block;}
	.alignleft{float:left; margin:0 1rem 1rem 0;}
	.alignright{float:right; margin:0 0 1rem 1rem;}


/* === Header
======================================== */
	.header{}
	.logo{max-width: 345px; margin-top:42px; text-align:center;}
	.info{text-align:right; padding-top:33px;}
		.info h2{font:bold 29px 'Lato',sans-serif; color:#4b4b4b; text-transform:uppercase;}
		.info .num{font:bold 59px 'Lato',sans-serif; color:#652c8a; display:block;}
		.searchform{display:block; width:100%; float:right; max-width:385px;}
			.searchIt{color:#9d9d9d; background:#eee !important; border:0 !important; font-size:12px; height:30px !important; width:90% !important; float:left; background-image:none !important;}
			.magnifying-glass{border:0; background-image:url(img/magnifying-glass.png) !important; background-repeat:no-repeat !important; background-position:center center; background-color:#198450; width:10%; height:30px; cursor:pointer; float:left;}

	.nav{background:#198450; margin:15px 0 0; border-bottom:1px solid #fcfcf9; padding:0;}
	.menu-main-nav-container{height:auto; width:100%; position:relative; z-index:500; margin:8px 0;}
		ul.menu{padding:0; margin:0 auto; width:100%; display:block; height:auto; list-style:none; text-align:left;}
		ul.menu li{display:inline-block; margin:0 4px;}
		ul.menu li a{width:100%; display:block; color:#eee; padding:5px 15px; font:bold 15px 'Open Sans', sans-serif; text-transform:uppercase;}
		ul.menu li:hover > ul{display:block;}
		ul.menu a:hover, ul.menu a:active{color:#d5f9e7; text-decoration:none;}
		ul.menu li.escape{background:#652c8a; color:#fff !important; margin:0 !important; border: 1px solid #d5f9e7}
		ul.menu li.escape:hover{background:#198450; text-decoration:none;}
			ul.menu li.escape:hover:before{background:#EFECF0; color:#333; font:bold 12px sans-serif; content:"SAFETY ALERT! Computer use can be monitored and often impossible to completely clear. Please click the Quick Escape button to leave this website."; position:absolute; top:-144px; padding:9px 24px;}
		#pull{display:none;}
			ul.menu ul{display:none; width:180px; position:absolute; text-align:left; margin-left:0;}
			ul.menu ul li{float:none; width:100%; background:#333; margin:0;}
			ul.menu li li a{font:1em 'Lato',sans-serif; padding:.5rem; border-top:1px solid #383838; text-transform:none;}

	.page-title{background:#efecf0; padding:30px 0;}
		.page-title h2{font:22px 'Open Sans',sans-serif; color:#4b4b4b; text-transform:uppercase;}
		.breadcrumbs{background:none; border:0; color:#7f8c8c !important; font-size:13px;}

	.slider{position:relative;}
		.slider .prevBtn{position:absolute; top:38%; left:0; background:url(img/s-left.png) no-repeat; width:50px; height:60px; text-indent:-9999px;}
		.slider .nextBtn{position:absolute; top:38%; right:0; background:url(img/s-right.png) no-repeat; width:50px; height:60px; text-indent:-9999px;}
		.slider .numericControls{margin:20px auto; display:inline-block; width:100%; text-align:center;}
		.slider .numericControls li{background:#b0b8b9; display:inline-block; margin:0 5px; width:60px; height:10px; position:relative; cursor:pointer;}
		.slider .numericControls li a{color:#b0b8b9; font-size:1px;}
		.slider .numericControls li:hover, .slider .numericControls li.current{background:#23b570;}
		.slider .numericControls li:hover. .slider .numericControls li a{color:#23b570;}



/* === Footer
======================================== */
	.footer{ color:#fff; margin-top:30px;
	background: #0a6c3b; /* Old browsers */
background: -moz-linear-gradient(top, #0a6c3b 0%, #198450 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a6c3b), color-stop(100%,#198450)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0a6c3b 0%,#198450 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0a6c3b 0%,#198450 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0a6c3b 0%,#198450 100%); /* IE10+ */
background: linear-gradient(to bottom, #0a6c3b 0%,#198450 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6c3b', endColorstr='#198450',GradientType=0 ); /* IE6-9 */}


		.footer .f-logo{padding:20px 0 10px; display:block;}
			.footer img{width:auto;}
		.footer h4{color:#fff; text-transform:uppercase; font:bold 17px 'Open Sans',sans-serif; padding:20px 0 24px; display:block;}
			.footer h4 a,.footer h4 a:visited{color:#fff;}
			.footer h4 a:hover{color:#047940;}
		.footer h5{color:#fff; text-transform:uppercase; font:bold 20px 'Open Sans',sans-serif; padding:10px 0 0; display:block;}
		.fwidgets{margin-bottom:20px; font:13px/18px sans-serif;}

		.footer-cats a{display:block; float:left; color:#a5aaaa; background:#222 !important; text-transform:lowercase !important; padding:2px 9px !important; font-size:13px; margin:0 5px 5px 0;}
			.footer-cats a:hover{color:#fff; background:#047940 !important;}

	    .really_simple_twitter_widget{}
	        .really_simple_twitter_widget li{border-bottom:1px dotted #fff; padding-bottom:15px; margin-bottom:15px;}
	        .really_simple_twitter_widget li:last-of-type{border:0;}
	    	.twitter-user,.twitter-link{color:#6bcf58 !important; display:inline-block; text-transform:none !important; padding:0 !important; float:none !important; font-size:inherit !important;}
	    	.twitter-user:hover,.twitter-link:hover{text-decoration:underline;}
	    	.rstw_comma{display:none;}
	    	.twitter-timestamp{clear:both; display:block; font-size:80%;}


	.copy{background:#0a6c3b; color:#fff; padding:8px 0;}
		.copy p{display:inline-block; vertical-align:middle; margin:0 8px 0 0; font-size:12px; }
		.copy a{font-weight:bold; color:#fff;}
			.copy a:hover{text-decoration:underline;}
		.footer-sm{display:inline-block; width:20px; height:22px; margin:0 2px; float:right;}
			.footer-fb{background:url(img/sm-f-fb.png) no-repeat;}
			.footer-tw{background:url(img/sm-f-tw.png) no-repeat;}


/* === RWD
======================================== */
	@media only screen and (min-width:1025px){
		/* Foundation Large */
	}
	@media only screen and (max-width:1024px){
		/* Foundation Mendium */
		ul.menu li a{padding:5px 5px;}
		.opener p{padding:12px 20px !important;}
	}
	@media only screen and (max-width:640px){
		/* Foundation Small */
		.logo{margin:15px auto;}
		.info{text-align:center !important; padding-top:15px;}
			.info h2{font-size:22px;}
			.info .num{font-size:42px;}
		.searchform{float:none !important; max-width:none !important;}
		.menu-main-nav-container{margin:0 !important;}
			ul.menu{display:none;}
			ul.menu li{display:block; margin:0;}
			ul.menu li a{color:#333; padding:.3rem 0; background:#eee; text-indent:1rem; text-align:left; border-top:1px solid #652c8b;}
			ul.menu li a:hover{color:#eee; background:#ae7dce;}
			ul.menu a.escape{display:none !important;}
			#pull{display:block; background:#652c8b url(img/bkgd-menu.jpg) repeat-x; width:100%; position:relative; text-transform:uppercase; padding:.5rem 0; color:#fff; text-indent:1rem; font:1.5em 'Open Sans',sans-serif; text-decoration:none;}
			#pull:after{content:""; background:url(img/nav-icon.png) no-repeat; width:20px; height:25px; position:absolute; right:1rem; top:.8rem;}
				ul.menu ul{display:block !important; width:100%; position:relative; border:0;}
				ul.menu li li a{font-size:.9em; padding:.3rem 0; text-indent:2rem;}
		.aside{margin-top:20px !important;}
	}


/* === Home
======================================== */
	.outline{background:#ede8ec; padding-top:15px; padding-bottom:15px; text-align:center; margin-top:25px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -khtml-border-radius:6px;}
		.outline h2{font:bold 45px 'Open Sans',sans-serif; color:#4b4b4b;}
		.outline p{font:bold 18px 'Open Sans',sans-serif; color:#198450; padding-top:10px;}
		.donating .readmore{font-size:16px !important; margin-top:15px; display:inline-block;}
	.gray{background:#ede7ee; margin-top:96px; padding:34px 0;}
	.opener{color:#494949; font-size:16px; text-align:center; margin-bottom:40px;}
		.opener h2{color:#525152; font:bold 34px sans-serif;}
		.opener p{padding:12px 150px;}
	.infographic{text-align:center;}
		.infographic img{width:auto;}
		.infographic h3{color:#4b4b4b; font:bold 30px sans-serif; padding:10px 0;}
		.infographic p{color:#494949; font:13px/15px sans-serif;}	
	.involved{}
		.involved strong{color:#4b4b4b;}
		.involved p{color:#494949; font-size:16px;}
		.involved span{color:#23b570; font-weight:bold;}
    .strip{background:#198450; display:block; font:36px 'Open Sans',sans-serif; color:#fff; text-align:center; padding:10px; margin:0 0 60px;}
   	.home-posts{text-align:center; padding-bottom:45px; line-height:20px;}
   		.home-posts h3{font:bold 16px 'Opens Sans',sans-serif; color:#494949; padding:10px;}


/* === Content
======================================== */	
	.content{margin-top:60px;}
		.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{font:bold 'Open Sans',sans-serif; display:block; font-weight:bold;}
		.content h1 a,.content h2 a,.content h3 a,.content h4 a,.content h5 a,.content h6 a{color:#6d10a8 !important; text-decoration:none;}
		.content h1 a:hover,.content h2 a:hover,.content h3 a:hover,.content h4 a:hover,.content h5 a:hover,.content h6 a:hover{color:#eee; text-decoration:underline;}
    	
    	.content h1{font:bold 34px sans-serif; color:#652c8a; margin-bottom:32px;}
    		.blog-content h1{margin-bottom:0 !important;}
    		.metas{font-size:11px; display:block; margin-bottom:1.4rem;}
    	.content h2{font-size:28px; margin-bottom:20px; line-height:28px;}
    	.content h3{font-size:24px; margin-bottom:18px;}
    	.content h4{font-size:20px; margin-bottom:14px;}
    	.content h5{font-size:16px; margin-bottom:10px;}
    	.content h6{font-size:12px; margin-bottom:8px;}
    	.content a:hover{color:#333;}

    	.content ul,.content ol{list-style:disc; margin:0px 20px; padding:0 20px 16px;}
    	.content ol,aside ol{list-style:decimal;}
    	.content img{width:auto; margin-bottom:1.1rem; display:inline-block;}			

    .feat-img{}
    .date{font:italic bold 85% sans-serif;}

    .readmore{background:#73be6d; font:bold 12px sans-serif; color:#fff !important; text-align:center; padding:12px 20px 8px; text-transform:uppercase; border-bottom:4px solid #198450; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -khtml-border-radius:6px; display:block; margin-top:15px;}
    	.readmore:hover{background:#52924e;}

    .aside{margin-top:60px;}
    .quickposts{text-align:center; padding-bottom:45px; line-height:20px;}
   		.quickposts h2{text-align:center; text-transform:uppercase; padding-bottom:10px; font-size:25px;}
   		.quickposts h3{font:bold 14px 'Opens Sans',sans-serif; color:#494949; padding:10px; margin-bottom:25px;}

	.widgets{margin-bottom:40px; clear:both;}
		.widgets h2{font:bold 20px 'Open Sans',sans-serif; padding-bottom:10px;}
		.widgets ul li a{background:#8620c8; padding:0 6px; text-transform:uppercase; color:#fff !important; float:left; margin:0 1% 1% 0; font-size:15px;}
		.widgets ul li a:hover{background:#198450;}

	.donate{background:#70bf69 url(img/bkgd-donate-green.jpg) repeat-x; padding:20px 10px; text-align:center; width:100%; margin-bottom:30px; display:block; color:#fff;}
		.donate:hover{background:#198450;}
		.donate h3{display:block; font:bold 24px 'Open Sans',sans-serif; color:#fff; text-transform:uppercase;}

	.quickconnect{}
		.quickconnect h2{text-align:center; text-transform:uppercase; padding-bottom:10px; font-size:25px;}

	.wpcf7{}
	    .wpcf7 img{width:auto;}
		.wpcf7 label{font-size:.55em;}
		.wpcf7 input,.wpcf7 textarea{font:.8em 'Open Sans',sans-serif;}
		.wpcf7 textarea{height:150px;}
	    .wpcf7 input:hover,.wpcf7 textarea:hover,.wpcf7 input:focus,.wpcf7 textarea:focus{}
	    .wpcf7-submit, #respond #submit, .submit{text-transform:uppercase; color:#eee; width:auto; padding:10px 20px; background:#652c8a; float:right; border:0; cursor:pointer;}
	    .wpcf7-submit:hover, #respond #submit:hover, .submit:hover{background:#198450;}
		.wpcf7-validates-as-required{}
		.wpcf7-mail-sent-ok{color:red; font-weight:bold;}
		.req{color:#a92020; font-weight:bold; padding-left:4px;}

	.authorarea{margin:2em 0; padding:1em 0; background:#eee; color:#333;}
		.authorarea img{width:auto; border:1px solid #ddd; margin:0 auto;}
		.authorarea h3{font:1.3em/1em 'Open Sans',sans-serif; text-transform:uppercase; display:block; padding:3px 0 .1rem;}
		.authorarea h3 span{color:#333; font-weight:bold;}
		.authorarea p{margin-bottom:.5rem;}
		.authorarea a{color:#333;}


/* === Comments and Replies
======================================== */
	#comments{font:1.4em/1em 'Open Sans',sans-serif; text-transform:uppercase; display:block; padding:3px 0 1rem; color:#eee;}
		.commentlist ol{list-style:none; padding:0; margin:0;}
		.commentlist li{border-top:1px solid #999;}
			.commentlist li li{margin-left:3.5rem;}

		.comment-body{clear:both; padding:1.2rem 1rem; position:relative; margin-bottom:1rem;}

			.comment-author{border:0; display:block; padding:0; margin:0;}
				.comment-author img{width:2rem; margin:0 1rem 1rem 0;}
				.comment-author cite{font-size:2em; text-transform:uppercase;}
				.comment-author .says{}

			.comment-meta{font-size:85%;}
				.comment-body p{margin-bottom:.4em;}
				.reply{float:right; font-size:75%; text-transform:uppercase;}

	#respond{clear:both; color:#eee; margin:1.8em 0; padding:2em 0; border-top:1px solid #E4E4E4;}
		#respond h3{font:1.4em/1em 'Open Sans',sans-serif; text-transform:uppercase; display:block; padding:3px 0 1rem; color:#eee;}
		#respond label small{display:block; padding-top:.3em; color:#eee; cursor:pointer;}
		#respond input, #respond textarea{padding:.75em; width:100%; color:#333; font:.9em 'Lato',sans-serif; margin-bottom:0;}
		#respond input:hover, #respond textarea:hover{background:#fafafa;}
		#respond input#url{display:none;}