/*

	File: rich.css
	The styles for the rich desktop-based user experience
	
	See also: baseline.css and responsive.css which supply styles for browers that do not receive this sheet and devices that receive this one, plus need device-specific styling

*/


/*
	set up the theme/core template
*/
body {font-family: 'Merriweather', serif; }
h1.site-title {background: #799309; color: #fff; padding: .5em; height: 90px; width: 90px; letter-spacing: normal; text-align: center; padding-top: 1em;}
h1.site-title a {color: #fff; }

footer.site-footer {background-color: #E3DFD6; padding-top: 1em;}
footer  .site-by {text-align: right;}



/*
	type, links, buttons, images
*/

.nonhome .row-highlight h1 {font-family: 'ProximaNova-bold', sans-serif; text-transform: uppercase;}
main h1, main h2, main h3 {font-size: 1.5em; color: #799309; font-weight: 100; margin-bottom: 1rem;}
main h2 {font-size: 1.1875em;}
main h3 {font-size: .9375em;}
main h4, main h5, main h6 {font-size: .875em; font-weight: 700;}

.home main h1, .main-navigation li {letter-spacing: 1px; font-weight: normal;}
main p, main li, #secondary p {font-weight: 300; font-size: .875em; }
main h2 a, main p a, main li a {text-decoration: none;}
h1.menu-toggle {color: #799309}
.main-navigation ul {float: right;  font-weight: 200; line-height: 90px;}
.main-navigation li {font-size: .925em; padding: 0 1em; text-transform: uppercase; }
.main-navigation a:link, .main-navigation a:visited {
	color: #222;
}
.main-navigation li:hover a, .main-navigation li.current_page_item a, .main-navigation li.current_page_parent a {color: #799309; }
.main-navigation li:hover, .main-navigation li.current_page_item, .main-navigation li.current_page_parent {background: url(../_images/nav-pointer.png) center bottom no-repeat;}
.explorer-parent .button a {background-color: #799309;  font-weight: 700; color: #fff; line-height: 40px; text-align: center; text-decoration: none; display: inline-block; padding: 0 1em;}

footer.site-footer p {font-size: .9em; text-transform: uppercase;}

#secondary li {list-style: none; }
#secondary li img.alignleft {margin-left: -1em; margin-right: 1em;}
#secondary .col.twitter-feed h1 {background: url(../_images/tweet-bird.png) right no-repeat; border-bottom: 0 none;}
#secondary .twitter-feed a.handle {display: block;}
#secondary li p {overflow: hidden;}

a {text-decoration: none;}
p.more a {display: inline-block; margin-top: 1em; background: url(../_images/chevron-green.png) left no-repeat; padding-left: 1em;}
.row-highlight  p.more a {background-image: url(../_images/chevron-beige.png);}
/*
	@HOME
*/

.explorer-parent .banner {max-width: 62.5em; background-color: #E3DFD6; margin-bottom: 2em; position: relative; overflow: visible; }
.explorer-parent .banner .image-wrap {width: 1200px; position: absolute; left: 50%; top: 10px; margin-left: -600px;	z-index: 10;	}
.explorer-parent .banner .banner-caption { padding: 2em 0; margin-top: 10px; /*to balance the top:10px in rule above */ }
.explorer-parent .banner  p {font-size: 1.9em; font-weight: 100; line-height: 1.2; color: #555; font-weight: lighter; margin-left: 8.695%; margin-right: 12%}

.explorer-parent.home .banner {padding-top: 500px;}

.home  main .section.group {border-bottom: 2px solid #E3DFD6;}
.home  main .span_4_of_12 h1, #secondary .col h1 {border-bottom: 1px solid #ccc; padding-bottom: 1rem; margin-bottom: 1rem;}
.home main .span_4_of_12 h1 + img, #secondary h1 + img {margin-top: -1rem; margin-bottom: 1em;}

.explorer-parent.home main h1, .nonhome .row-highlight h1  {background: #799309; color: #E3DFD6; display: inline-block; padding: .5em; letter-spacing: normal; font-size: 1em;}
.explorer-parent.home .row-highlight h1 {background: #E3DFD6; color: #799309; }
.row-highlight {background: #799309; padding: 2em 0;  margin: 2em 0;}
.row-highlight .col {padding-top: 1rem;}
.row-highlight .col img.alignleft {margin-top: -1rem;}
.row-highlight h2, .row-highlight p,  .row-highlight a {color: #E3DFD5;}
.row-highlight p {font-size: .9375em; font-weight: 300; line-height: 1.3}
.row-highlight h2 {font-size: 1.5em; margin-bottom: .4em;}
.home main h2 {font-size: 1.5em; font-weight: 300;}
.home .span_4_of_12 h2 {font-size: 1.125em;}
/*
	@non-home
*/
body..explorer-parent.nonhome main .col.span_8_of_12 {margin-left: 8.695%; margin-right: 8.695%}
body.nonhome .banner p {padding-top: 1em; padding-bottom: 1em; font-size: 1.4em; line-height: 1.2; font-weight: 100;}
.nonhome .entry-content h1 {margin-bottom: 1rem;}
.entry-content > p strong {font-size: 1.75em; line-height: 1.25; font-weight: 200;}
.nonhome .entry-content ul, .nonhome .entry-content ol {margin-bottom: 1em;}
.nonhome .entry-content ol {margin-left: 1em;}
.nonhome .entry-content ul li {list-style: none; background: url(../_images/bullet-green-square.png) left no-repeat; padding-left: 1em;}
.nonhome .entry-content li {margin-bottom: 1rem;}

.nonhome h3 img {margin-bottom: 1em;}


.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	color: #fff;
	text-decoration:none;
}
.pagination {text-align: center;}
.pagination li {
	display: inline;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
	color: #799309;
}

.pagination li a:hover,
.pagination li.active a {
	background-color: transparent;
	color: #333
}


/*
	@classes
*/
	.offscreen {
	    clip: rect(1px, 1px, 1px, 1px);
	    height: 1px;
	    overflow: hidden;
	    position: absolute !important;
	    width: 1px;
	}	
	html, body {
    overflow-x: hidden;
	}
	.extend-full-width {
	    position: relative;
	}
	.extend-full-width:before, .extend-full-width:after {
	    bottom: 0;
	    content: "";
	    position: absolute;
	    top: 0;
	    width: 9999px;
	    background-color: #E3DFD6; 
	}
	.extend-full-width:before {
	    right: 100%;
	}
	.extend-full-width:after {
	    left: 100%;
	}
	.row-highlight.extend-full-width:before,.row-highlight.extend-full-width:after  {
		background: #799309;	
	}
/*
	@sidebar
*/
#secondary.col .col {width: 100%; background: #fff; margin: 0 0 2em 0;}
#secondary {padding-top: 2em;}