/* WordPress Presentational Styles*/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin:0 15px 5px 0; }
.alignright { float:right; margin:0 0 5px 15px; }
.wp-caption { border:none text-align:center; background:transparent; padding:10px; margin:10px }
/* WordPress Presentational Styles*/

.left {float:left}
.right {float:right}
.clear {clear:both}

* {margin:0; padding:0;}
html, body {height:100%}

body {font-family: 'proxima_nova', sans-serif; font-weight:300; font-size: 18px; line-height: 26px; color: #193441; background:#f5f6f7; }
body.home {font-family: 'nexa_slab', sans-serif; font-weight:300; font-size: 20px; line-height: 32px; color: #f9f6ea;}

h1 {font-family: 'nexa_slab', sans-serif; margin-bottom:20px; color:#f9f6ea; font-size:34px; line-height:36px; font-weight:400; font-style:italic;}
h2 {font-family: 'nexa_slab', sans-serif; margin-bottom:35px; color:#193441; font-size:34px; line-height:36px; font-weight:400; font-style:italic;}
h3 {font-family: 'proxima_nova', sans-serif; margin-bottom:20px; color:#193441; font-size:19px; line-height:20px; font-weight:700;}
h4 { font-family: Helvetica, sans-serif; margin-bottom:20px; color:#d5d6d8; font-size:26px; line-height:26px; font-weight:400;}

h5 {font-family: 'Arial', sans-serif; margin-bottom:10px; color:#333; font-size:14px; line-height:14px; font-weight:700;}
h6 {font-family: 'Arial', sans-serif; margin-bottom:10px; color:#333; font-size:14px; line-height:14px; font-weight:700;}

p{margin-bottom:24px;}

a, a img {outline:none; border:none; color:#ccc; text-decoration:none;}
a:hover, a:active {text-decoration:none;}

/*******************************************************************************
GENERAL
*******************************************************************************/
.row { width:100%; position:relative; float:left;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.rowBG { position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; background:no-repeat center center; background-size:cover;}
	.rowBG.bgLeft { background-position:30% center;}
	.rowBG.bgRight {background-position:right center;}
	.rowInner {width:100%; max-width:1200px; margin:0 auto; padding:100px 20px 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	
.colLeft {width:47.5%; float:left;}
.colRight {width:47.5%; float:right}

strong {font-weight:700 !important;}

.field {width:96%; height:55px; float:left; background:rgba(249,236,234,0.80); color:#1a0001; border:1px solid rgba(227,207,201,0.90); font-family: 'nexa_slab', sans-serif; font-size:17px; line-height:17px; padding:18px 10px 16px; margin:0 4% 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-style:italic; -webkit-appearance:none; border-radius:0;}
.field.med {width:38%;}
.field.small {width:25%;}

textarea.field { height:220px;}

.submit {width:157px; height:55px; margin:20px auto 0; display:block; background:#193441; text-align:center; border:none; font-style:italic; color: #f9f6ea; font-size:17px; font-family: 'nexa_slab', sans-serif;-webkit-appearance:none; border-radius:0;}
	
.parsley-error {border-color:#f00 !important; color:#f00 !important; text-decoration:blink;}
.parsley-error-list {display:none !important;}  

/*******************************************************************************
NAV ROW
*******************************************************************************/
#navRow { position:fixed; z-index:99999; top:0; left:0; -webkit-transform: translateZ(0);}
	#navRow .rowInner { padding:30px 30px 5px;}
	
	#logo {float:left; width:100%; max-width:161px; height:auto; margin:0 32px 15px 0;}
	
	#mobileMenuControl {float:right; font-size:45px; margin:4px 0 0 0; display:none;}
	
	#menu {float:right; text-align:left;}
		#menu li { margin:10px 32px 0 0; font-family: 'proxima_nova', sans-serif; font-weight:700; font-size:16px; line-height:16px; display:block; text-transform:uppercase; cursor:pointer; float:left;}
		#menu li:last-child { margin:10px 0 10px; }
			#menu li a {color:#f9f6ea;}
			
	#navRow.notTop {background:rgba(0,0,0,0.66);}
		
	
	
/*******************************************************************************
INTRO ROW
*******************************************************************************/
#introRow {}
	#introRow .rowBG {/*background-image:url(../images/bg-introRow.jpg)*/}
	#introRow .rowInner {}
	
		.hdrIntro { width:100%; max-width:399px; height:auto; display:block; margin:0 0 30px 0;}
		
		#introRow p { max-width:399px; font-style:italic; opacity:.65;}
			#introRow p a {color:#f9f6ea; text-decoration:underline; font-weight:700;}
			
		#introLinks { margin:60px 0 0 0;}
			#introLinks a { margin:0 27px 0 0; color:#f9f6ea; font-weight:700; font-family: 'proxima_nova', sans-serif; text-transform:uppercase; font-size:16px; line-height:21px;}
				#introLinks a img {vertical-align:middle; margin:0 3px 0 0;}

/*******************************************************************************
MISSION ROW
*******************************************************************************/
#missionRow {}
	#missionRow .rowBG {background-image:url(../images/bg-missionRow.jpg)}
	#missionRow .rowInner {}
	
	.hdrMission { width:100%; max-width:281px; height:auto; display:block; margin:0 0 30px 0;}
	
	#missionRow p { font-style:italic; opacity:.65;}
		#missionRow p a {font-family: 'proxima_nova', sans-serif; font-weight:700; font-size:17px; font-style:normal;}

    .donateLink { width: 50%; text-align: center; position:absolute; bottom: 100px; left: 0; margin:0; color:#f9f6ea; font-weight:700; font-family: 'proxima_nova', sans-serif; text-transform:uppercase; font-size:21px; line-height:21px; display: block;}
        .donateLink img {vertical-align:middle; margin:-5px 3px 0 0;}
	

/*******************************************************************************
BOARD ROW
*******************************************************************************/
#boardRow {}
	#boardRow .rowBG {background-image:url(../images/bg-boardRow.jpg)}
	#boardRow .rowInner {padding:100px 80px 50px; position:relative;}
	
	.hdrBoard { width:100%; max-width:377px; height:auto; display:block; margin:30px 0 50px 0;}
	
	.slideControl {font-size:45px; line-height:45px; margin:-22px 0 0 0; position:absolute; top:50%; z-index:99999}
	#next {right:20px;}
	#prev {left:20px;}
	
	.rowSlide {padding:0 0 0 170px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%;}
		.profileCol {width: 130px; float:left; margin:0 0 0 -170px; text-align:center;}
			.profilePic { display:inline-block; width:100%; height:auto; max-width:117px;}
			.profileName {display:block; text-align:right; font-family: 'proxima_nova', sans-serif; font-weight:700; font-size:20px; line-height:26px; margin:15px 0 5px 0;}
			.profileTitle { display:block; text-align:right; font-size:17px; line-height:21px; font-style:italic;}
		.rowSlide p {font-style:italic; font-size:17px; line-height:23px;}

        .rowSlide .colRight {width: auto; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
        /*.rowSlide .colRight p {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}*/
		

/*******************************************************************************
BLOG ROW
*******************************************************************************/
#blogRow {}
	#blogRow .rowBG {background-image:url(../images/bg-blogRow.jpg)}
	#blogRow .rowInner {position: relative;}
	
	.hdrBlog { width:100%; max-width:377px; height:auto; display:block; margin:30px 0 50px 2%;}

    .allPosts {position: absolute;top: 160px;right: 20px;color: #fff;font-style: italic;}

	.blogItem {width:29.33%; margin:0 2%; float:left; font-size:17px; line-height:23px; font-style:italic;}
		.blogContent {height:375px; overflow:hidden; margin:0 0 15px 0;}
		.blogContent p {opacity:.65;}
		.blogItem .blogLink { float:left; display:inline-block}
		.blogItem .blogDate { float:left; margin:0 30px 0 0; display:inline-block}
		
	
/*******************************************************************************
VOLUNTEER ROW
*******************************************************************************/
#volunteerRow {}
	#volunteerRow .rowBG {background-image:url(../images/bg-volunteerRow.jpg)}
	#volunteerRow .rowInner {}

	.hdrVolunteer { width:100%; max-width:391px; height:auto; display:block; margin:0 0 30px 0;}
	#volunteerRow a {color:#f9f6ea;}
	#volunteerRow p {opacity:.65; font-style:italic;}
	
	#volunteerRow .colLeft {width:49%; padding-top:85px;}
	

/*******************************************************************************
CONTACT ROW
*******************************************************************************/
#contactRow {}
	#contactRow .rowBG {background-image:url(../images/bg-contactRow.jpg)}
	#contactRow .rowInner {}	
	
	.hdrContact { width:100%; max-width:312px; height:auto; display:block; margin:0 0 30px 2%;}
	#contactRow a {color:#f9f6ea;}
	#contactRow p {opacity:.65; font-style:italic;}
	
	#contactRow .colLeft {width:49%; padding-top:85px;}
	
	#contactRow .submit {background:#91aa9d;}
	
	
	
/*******************************************************************************
*********************************BLOG PAGE *************************************
*******************************************************************************/

/*******************************************************************************
BLOG HEADER ROW
*******************************************************************************/
#headerRow { height:548px; background:url(../images/bg-blog_page_header.jpg) center center no-repeat; background-size:cover;}
	#headerRow .rowInner { padding:0 30px;}
	
	#colorBar {width:100%; height:14px; margin:0 0 35px 0; display:block;}
	
	#headerRow #logo {float:left; width:100%; max-width:161px; height:auto; margin:0 0 10px 0}
	.backHome {float:right; color:#f9f6ea; margin:15px 0 0 0;}
	.hdrBlogPage { width:100%; max-width:179px; height:auto; display:block; margin:120px 0 0 0;}
	

/*******************************************************************************
BLOG CONTENT ROW
*******************************************************************************/
#contentRow { background:#fff; padding:0 30px}
	#contentRow .rowInner { padding:70px 485px 70px 0;}
	
	#mainCol {float:left; width:100%;}
	
	#sideCol {width:370px; float: right; margin:0 -485px 0 0;}
	
	
	.post {}
		.postHeader { padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #eaeaec}
			.postDate { color:#193441; font-size:19px; line-height:19px; font-family: 'proxima_nova', sans-serif; font-weight:400;} 
				.postDate a { color:#276e8d}
				
		.postImage {}
			.postImage img {width:100%; height:auto; display:block; margin:0 0 40px 0;}
			
		.postContent {font-family: 'proxima_nova', sans-serif; font-weight:400; color:#193441;}
		
		.postFooter { padding:20px 0 0px; border-bottom:1px solid #eaeaec; border-top:1px solid #eaeaec; margin:50px 0 50px;}
			.postCats {float:left; color:#193441; font-size:19px; line-height:19px; font-family: 'proxima_nova', sans-serif; font-weight:400; margin:0 0 15px 0;}
				.postCats a { color:#276e8d}
			.postComments { float:right; color:#193441; font-size:19px; line-height:19px; font-family: 'proxima_nova', sans-serif; font-weight:400; margin:0 0 15px 0;}
		
	
	#pageLinks {}
		.oldPosts {float:left; color:#193441;}
		.newPosts {float:right; color:#193441;}
		
		
	#search { border:2px solid #d5d6d8; padding:0 48px 0 0;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 80px 0;}
		.searchField { color:#777; height:48px; width:100%; float:left; background:#fff; border:none; padding:15px; font-size:18px; line-height:18px; -webkit-box-sizing: border-box; box-sizing: border-box;} 
		.searchSubmit {color:#d5d6d8; height:48px; width:48px; text-align:center; line-height:48px; font-family: FontAwesome; font-size:18px; margin:0 -50px 0 0; background:#fff; border:none;}
		
	
	.sideBox { margin:0 0 80px 0;}
		
		#categories { list-style:none;}
			#categories li {border-top:1px solid #eaeaec; padding:14px 0 0 0; margin:14px 0 0 0; font-size:18px; line-height:18px; font-family: 'proxima_nova', sans-serif; font-weight:400;}
			#categories li:first-child {border:none; padding:0; margin:0;}
			#categories li:nth-child(1n) a{ color:#276e8d}
			#categories li:nth-child(2n) a{ color:#85342a}
			#categories li:nth-child(3n) a{ color:#79843f}
			#categories li:nth-child(4n) a{ color:#85572a}
			
		#archives {list-style:none;}
			#archives li {border-top:1px solid #eaeaec; padding:14px 0 0 0; margin:14px 0 0 0; font-size:18px; line-height:18px; font-family: 'proxima_nova', sans-serif; font-weight:400;}
			#archives li:first-child {border:none; padding:0; margin:0;}
			#archives li a {color:#193441;}
			
	.tweetBox { margin:0;}

/*******************************************************************************
COMMENT FORM
*******************************************************************************/

#respond {border-top: 1px solid #ccc; margin-top: 10px; padding-top: 30px;}
    #respond h3{font-family: "nexa_slab",sans-serif;margin-bottom: 35px;color: #193441;font-size: 24px;line-height: 36px;font-weight: 400;font-style: italic;}
    #cancel-comment-reply {}

    #commentform input {border: 2px solid #D5D6D8;color: #777; height: 48px; background: none repeat scroll 0% 0% #FFF;padding: 15px;font-size: 18px; line-height: 18px; box-sizing: border-box;}
    #commentform textarea {border: 2px solid #D5D6D8;color: #777; background: none repeat scroll 0% 0% #FFF;padding: 15px;font-size: 18px; line-height: 18px; box-sizing: border-box;}
    #commentform label small {color: #000;}

#comments {display: none;}
.commentlist {color: #000;}
    .commentlist a {color: #276E8D;}
    .commentlist ol {list-style-type: disc;}
    .commentlist li {list-style-type: none;background: rgba(180, 180, 180, 0.04);padding: 10px;margin-bottom: 20px;}
    .commentlist li:nth-child(even) {background: rgba(120, 120, 120, 0.1);}

    .commentlist li ul.children {margin-top: 20px;}
    .commentlist li ul.children li {border-top: 1px solid #ccc; margin-bottom: 10px;}