/*
Theme Name: Millennium Villages
Theme URI: http://viewportindustries.com/products/starkers
Description: Custom WordPress theme for Millennium Villages built using Foundation 4.0 and Starkers 4.0.
Version: 1.0
Author: Ryan Swaney
Author URI: http://smashandgrablabs.com
*/
/*
===========================
CONTENTS:
01 Defaults
02 Primary Styles
03 Media queries
===========================
*/
/* ----------------------------------------------------------------------------
01 Defaults ---------------------------------------------------------
-------------------------------------------------------------------------------
Typographic Scale
Modular Scale (http://modularscale.com/scale/?px1=16&px2=48&ra1=1.5&ra2=0)
16px @ 1:1.5
48px @ 1:1.5
px ems
------ -----
54.000 3.375
48.000 3
36.000 2.25
32.000 2
24.000 1.5
21.333 1.333
16.000 1
14.222 0.889
10.667 0.667
---------------------------------------------------------------------------- */
html { font-size: 100%; /* 16px equivalent across modern browsers */ }
body, input, textarea { font-size: 1em; line-height: 1.4; }
div,
article,
section,
header,
footer,
nav,
li { position:relative; /* For absolutely positioning elements within containers */ }
.group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body { background: rgb(243,243,243); font-family: "depot-new-web", sans-serif !important; font-weight: 300 !important; font-style: normal; }
::-moz-selection { background: rgb(13,182,219); color: rgb(255,255,255); }
::selection { background: rgb(13,182,219); color: rgb(255,255,255); }
h1, h2, h3, h4, h5, h6 { color: rgb(41,66,135); font-family: "depot-new-web", sans-serif; font-weight: 500; font-style: normal; }
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.333rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.889rem; }
h6 { font-size: 0.667rem; }
p { font-size: 1em; font-weight: 300; margin-bottom: 1.333em; }
a { color: rgb(13,182,219); -webkit-transition-property:: color; -webkit-transition-duration: 0.2s; transition-property: color; transition-duration: 0.2s; }
a:hover { color: rgb(41,66,135); }
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}
/* ----------------------------------------------------------------------------
01 Primary Styles ------------------------------------------------------------
---------------------------------------------------------------------------- */
a.social-color-email { color: rgb(170,170,170); }
a.social-color-facebook { color: rgb(59,91,153); }
a.social-color-flickr { color: rgb(0,99,220); }
a.social-color-rss { color: rgb(246,132,43); }
a.social-color-twitter { color: rgb(0,172,237); }
a.social-color-youtube { color: rgb(238,45,67); }
dl, ol, ul { list-style-position: inside; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 3%; }
.alignleft { float: left; margin-right: 3%; margin-bottom: 3%;}
.alignright { float: right; margin-left: 3%; margin-bottom: 3%; }
.action-center-banner { text-align: center; }
.action-center-banner h1 { color: rgb(0,0,0); font-size: 3em; font-weight: 700; line-height: 1em; margin: 0 auto; }
.action-center-banner h1 span { color: rgb(41,66,135); }
.action-center-panel-header { line-height: 1.333 !important; text-align: left; }
.action-center-panel-header span { color: rgb(41,66,135); font-weight: 700; }
.blog-archive-old-entries-header { border-top: 3px solid rgb(0,0,0); color: rgb(102,102,102); font-weight: 400; margin-bottom: 2em; margin-top: 2em; padding-top: 2em; }
.blog-post { border-bottom: 1px solid rgb(238,238,238); margin-bottom: 3%; }
.blog-post h2 a { color: rgb(41,66,135); }
.blog-post-author { color: rgb(159,159,159); font-size: 0.899em; margin-top: 0; }
.blog-post-author-homepage { color: rgb(159,159,159); font-size: 0.899em; margin: 0; }
.blog-post-date { background-color: rgb(148,195,50); color: rgb(255,255,255); font-weight: 700; text-align: center; display: inline-block; height: 3em; width: 3em; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em; }
.blog-post-date-homepage { font-weight: bold; text-align: center; position: absolute; top: 4px; left: 4px; background: rgb(255,255,255); padding: .5em .75em; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; }
.blog-post-date-homepage time { font-size: 0.889rem; display: block; margin-top: .33em; }
.blog-post-date-homepage time span { color: rgb(159,159,159); font-size: 0.667rem; font-weight: normal; line-height: .75em; text-transform: uppercase; display:block; }
.blog-post-date time { font-size: 1.333em; display: block; margin-top: .33em; }
.blog-post-date time span { font-size: 0.667rem; font-weight: 400; line-height: .75em; text-transform: uppercase; display:block; }
.blog-post-feature-image { margin: 2em 0; }
.blog-post-feature-image-homepage { border: 4px solid rgb(238,238,238); margin-bottom: 0; }
.blog-post-title { display: inline-block; margin-left: 1em; vertical-align: middle; width: 85%; }
.blog-post-title h2 { font-weight: 400; margin-bottom: 1%; }
.blog-post-title a:hover { color: rgb(13,182,219); }
.blog-post-title-homepage { margin: 0; }
.blog-post-condensed { display: inline-block; margin-bottom: 5%; margin-right: 5%; width: 44%; vertical-align: top; }
.blog-post-condensed .blog-post-date { background: none; border-radius: none; color: rgb(0,0,0); text-align: left; width: 10%; }
.blog-post-condensed .blog-post-date time { font-size: 1em; margin-top: 0; }
.blog-post-condensed .blog-post-date time span { color: rgb(159,159,159); }
.blog-post-condensed .blog-post-title { vertical-align: top; width: 75%; }
.blog-post-condensed .blog-post-title h2 { font-size: 1em; margin-top: 0; }
.blog-post-condensed h2 a { color: rgb(41,66,135); }
.blog-post-condensed p { font-size: 0.899em; }
.blog-sidebar-list { list-style: none; }
.blog-sidebar-list li { font-family: "rooney-web", sans-serif !important; font-size: 0.899em; }
.button-donate { background-color: rgb(148,195,50); color: rgb(255,255,255); font-size: 0.889rem; font-weight: 700; text-align: center; text-transform: uppercase; padding: .2em 1.33em !important; -moz-border-radius: .33em; -webkit-border-radius: .33em; border-radius: .33em; vertical-align: middle; }
.button-donate:hover { background-color: rgb(164,204,81); }
.button-email-subscpt { background-color: rgb(255,255,255); border-color: #ccc; color: rgb(255,145,65); }
.button-email-subscpt:hover, .button-email-subscpt:focus { background-color: rgb(255,145,65); box-shadow: none; }
.chirp p { font-style: normal; }
.current-menu-item a, .current-page-ancestor a, .current_page_parent a, current_page_item a { color: rgb(41,66,135) !important; }
.current-page-item a { color: rgb(41,66,135) !important; }
.featured-resource-article-header { font-weight: 400 !important; margin-top: 0; }
.featured-resource-header { color: rgb(65,65,65); border-bottom: 1px solid rgb(238,238,238); font-family: "depot-new-web", sans-serif; font-size: 0.889rem; font-weight: 700; text-transform: uppercase; padding-bottom: .25em }
.field-guide-aside { display: inline-block; vertical-align: top; width: 45%; }
.field-guide-intro { display: inline-block; vertical-align: top; width: 51%; }
.field-guide-nav:before { content: url("assets/images/MVP_field_guide.png"); float: left; margin-left: 1em; width: 140px; }
.field-guide-nav dt { font-weight: 400; text-transform: uppercase; }
.field-notes-homepage-feature { border-bottom: 1px solid rgb(238,238,238); margin-bottom: 3em; padding-bottom: 3em; }
.field-notes-homepage-feature h2 { color: rgb(65,65,65); font-weight: 400; }
.field-note-homepage-thumb { display: inline-block; margin-bottom: 3% }
.field-note-sticky-header { max-width: 50%; display: inline-block; margin: 0 0 0 3%; vertical-align: top; }
.field-note-sticky-header a { color: rgb(41,66,135); }
.field-note-sticky-header a:hover { color: rgb(13,182,219); }
.field-note-sticky-header span { color: rgb(164,164,164); display: block; font-size: 0.889rem; margin-bottom: 1.5%; text-transform: uppercase; }
.field-note-sticky-post-homepage { border-bottom: 1px solid rgb(216,216,216); margin-bottom: 5%; }
.flickr_item { display:inline-block; margin-right:20px; }
.flickr_img { width:165px; border:0; }
.flickr_set a:nth-child(4) { margin-right:0 !important; }
/* remove right margin for x items:
.items_x a:nth-child(x) { margin-right:0 !important; } */
.footer-nav { width: 50%; display: inline-block; }
.footer-nav-partners { border-top: 1px solid rgb(212,212,212); margin-top: 1em; padding-top: 2em; width: 100%; }
.footer-nav-partners ul li:first-child { color: rgb(170,170,170); font-size: 0.667rem; font-weight: bold; text-transform: uppercase; padding-top: 2em; }
.footer-nav-partners ul li:nth-child(3) { padding-top: 1.333em; }
.footer-nav-social { margin-left: 19%; width: 30%; display: inline-block; }
.footer-nav-social a { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.footer-nav-social a:hover { opacity: .5; }
.footer-nav-social ul li { font-size: 1.5rem; line-height: 1em; }
.footer-nav-social ul li:first-child { color: rgb(170,170,170); font-size: 0.667rem; font-weight: bold; text-transform: uppercase; padding-top: 0.899em; }
.get-topic-block { border-bottom: 1px solid rgb(212,212,212); margin-bottom: 6%; padding-bottom: 3%; }
.has-tip { border-bottom: none; cursor: pointer; }
.has-tip:hover, .has-tip:focus { border-bottom: none; }
.header-nav-social { /*position: absolute; top: -30%; right: 15px;*/ margin-top: 1.333em; }
.header-nav-social a { display: block; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.header-nav-social a:hover { opacity: .5; }
.header-nav-social ul li { display: inline-block; padding: 0 .5em; vertical-align: middle; }
.header-nav-social ul li:first-child { color: rgb(170,170,170); font-size: 0.667rem; font-weight: bold; text-transform: uppercase; }
.header-nav-social ul li:nth-child(2),
.header-nav-social ul li:nth-child(3),
.header-nav-social ul li:nth-child(4),
.header-nav-social ul li:nth-child(5),
.header-nav-social ul li:nth-child(6) { border-left: 1px solid rgb(238,238,238); }
.header-social-and-search { background-color: rgb(255,255,255); }
.homepage-banner h1 { font-size: 2.25em; font-weight: 700; }
.homepage-banner h2 { color: rgb(65,65,65); font-size: 1.125em; font-weight: 400; }
.homepage-spotlight { border-top: 1px solid rgb(212,212,212); }
.homepage-spotlight-feature-image { border: 4px solid rgb(212,212,212); }
.homepage-spotlight-feature-video { border: 4px solid rgb(212,212,212); }
.homepage-spotlight-header { color: rgb(65,65,65); font-size: 0.889rem; padding-top: 2em; text-transform: uppercase; }
.homepage-spotlight-title { font-size: 1.333em; }
.homepage-spotlight-secondary-title { font-size: 1em; }
.homepage-spotlight-title span, .homepage-spotlight-secondary-title span { color: rgb(164,164,164); display: block; font-size: 0.889rem; font-weight: 400; text-transform: uppercase; }
.homepage-spotlight-secondary-posts {
list-style: none;
}
.homepage-spotlight-secondary-posts li {
border-bottom: 1px solid #ccc;
margin-bottom: 1.5em;
padding: 0 0 1em 0;
}
.homepage-spotlight-secondary-post-thumbnail {
float: left;
margin: 0 1em 1.5em 0;
width: 40%;
}
.link-archive { color: rgb(65,65,65); !important; font-size: 0.889rem; font-weight: 700; letter-spacing: 0.13em; text-align: right; text-transform: uppercase; float: right; width: 30%; }
.link-archive:hover { color: rgb(246,132,43) !important; }
.link-go-back { border-bottom: 1px solid rgb(238,238,238); color: rgb(0,0,0) !important; font-size: 0.899rem; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; display: block; margin: 5% 0 !important; padding-bottom: 3%; }
.link-go-back:hover { color: rgb(246,132,43) !important; }
.link-keep-reading { color: rgb(65,65,65); !important; font-size: 0.889em; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; }
.link-keep-reading:hover { color: rgb(246,132,43) !important; }
.link-keep-reading-round { border: 1px solid rgb(238,238,238); color: rgb(65,65,65); !important; font-size: 0.889em; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; margin-top: 0.667em; margin-bottom: 0.667em; padding: 1em 2em; -moz-border-radius: 0.667em; -webkit-border-radius: 0.667em; border-radius: 0.667em; }
.link-keep-reading-round:hover { color: rgb(246,132,43) !important; }
.link-read-story { color: rgb(65,65,65); !important; border: 1px solid rgb(238,238,238); font-size: 0.889em; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; padding: 1em 2em; -moz-border-radius: 0.667em; -webkit-border-radius: 0.667em; border-radius: 0.667em; }
.link-read-story:hover { color: rgb(246,132,43) !important; }
.logo { font-size: 100%; margin: 0; overflow: hidden; }
.logo a { display: inline-block; width: 200px; }
#global-footer { padding: 2% 0 4% 0; width: 100%; }
#global-header { background-color: rgb(255,255,255); border-bottom: 1px solid rgb(238,238,238); padding: 1% 0 3% 0; width: 100%; }
#site-main { background-color: rgb(255,255,255); padding-bottom: 4%; }
.menu-item { font-size: 1rem; font-weight: 500; }
.menu-item a { color: rgb(65,65,65); }
.menu-item a:hover, .menu-item a:focus { color: rgb(41,66,135); }
.menu-about-subnav { padding-top: 2em; }
.menu-about-subnav > li { /*border-bottom: 1px solid rgb(238,238,238); */ }
.news-commentary-condensed { display: inline-block; margin-right: 3%; width: 29%; vertical-align: top; }
.news-commentary-condensed-date { color: rgb(164,164,164); font-size: 0.667rem; font-weight: 400; text-transform: uppercase; }
.news-commentary-condensed-header { font-family: "rooney-web", sans-serif !important; font-size: 0.889rem; font-weight: 400; font-style: normal; line-height: 1.4; margin-top: 1% !important; margin-bottom: 0 !important; }
.news-commentary-condensed-source { color: rgb(164,164,164); font-size: 0.889rem; font-weight: 400; margin-top: 0 !important; }
.news-commentary-post { border-bottom: 1px solid rgb(238,238,238); margin-bottom: 4%; padding-bottom: 3%; }
.no-border { border: none !important; }
.orbit-caption h1 { font-size: 1.333em; }
.orbit-caption h2 { color: rgb(159,204,67) !important; font-size: 1em; font-family: "rooney-web", sans-serif !important; }
.orbit-container .orbit-slides-container img { width: 100%; }
.orbit-container .orbit-prev, .orbit-container .orbit-next { background-color: rgba(159, 204, 67, 1); height: 50px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border radius: 50%; }
.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { border: 12px solid ; margin-top: -12px; }
.orbit-container .orbit-prev > span { border-color: transparent rgb(255, 255, 255) transparent transparent; margin-left: 6px; }
.orbit-container .orbit-next > span { border-color: transparent transparent transparent rgb(255, 255, 255); margin-left: -4px }
.orbit-container .orbit-prev { margin-left: 1%; }
.orbit-container .orbit-next { margin-right: 1%; }
.page-banner { background: url('assets/images/texture_gray.jpg') repeat; border-bottom: 1px solid rgb(212,212,212); border-top: 1px solid rgb(212,212,212); margin-bottom: 2em; padding: 2em 0; }
.page-banner h1 { color: rgb(0,0,0); }
.page-banner h1 strong { color: rgb(41,66,135); }
.page-title { font-size: 2.25rem; font-weight: 400; line-height: 2; margin-bottom: .5em; border-bottom: 1px solid rgb(238,238,238); }
.page-title-about { font-size: 2.25rem; font-weight: 400; line-height: 2; margin-bottom: .5em; }
.page-title-mp { font-size: 2.25rem; font-weight: 400; line-height: 2; margin-bottom: .5em; }
.pagination li { float: none !important; display: inline-block !important; }
.pagination li:hover a, .pagination li a:focus { background: none !important; color: rgb(246,132,43) !important; }
.pagination .page-numbers { font-size: 0.667rem; }
.pagination .next, .pagination .prev { font-size: 0.667rem; font-weight: 400; font-style: normal; text-transform: uppercase; }
.post-categories li { display: inline-block; margin-right: .33em; }
.post-categories li a { background-color: rgb(241,241,241); font-size: 0.889em; display: block; margin-bottom: .5em; padding: .33em .5em; width: inherit; -moz-border-radius: 0.889em; -webkit-border-radius: 0.889em; border-radius: 0.889em; }
.post-categories li a:hover { background-color: rgb(13,182,219); color: rgb(255,255,255); }
.post-categories:before { content: "Topics "; font-weight: 500; text-transform: uppercase; margin-right: 0.889rem; }
.post-tags li { display: inline-block; margin-right: .33em; }
.post-tags li a { background-color: rgb(241,241,241); font-size: 0.889em; display: block; margin-bottom: .5em; padding: .33em .5em; width: inherit; -moz-border-radius: 0.889em; -webkit-border-radius: 0.889em; border-radius: 0.889em; }
.post-tags li a:hover { background-color: rgb(13,182,219); color: rgb(255,255,255); }
.post-tags:before { content: "Tags "; font-weight: 500; text-transform: uppercase; margin-right: 0.889rem; }
.post-type-archive-promise-stories article { margin-bottom: 4em; }
.primary-nav { position: absolute; right: 15px; top: 40%; }
.primary-nav-list li { margin-left: 3em !important; }
.press-release { border-bottom: 1px solid rgb(238,238,238); margin-bottom: 3%; }
.press-release-condensed { display: inline-block; margin-right: 3%; width: 29%; vertical-align: top; }
.press-release-condensed-date { color: rgb(164,164,164); font-size: 0.667rem; font-weight: 400; text-transform: uppercase; }
.press-release-condensed-header { font-family: "rooney-web", sans-serif !important; font-size: 0.889rem; font-weight: 400; font-style: normal; line-height: 1.4; margin-top: 1% !important; }
.promise-stories-archive-banner { text-align: center; }
.promise-stories-archive-banner h1 { color: rgb(0,0,0); font-size: 3em; font-weight: 700; line-height: 1em; margin: 0 auto; }
.promise-stories-archive-banner h1 span { color: rgb(41,66,135); }
.resource-section { border-bottom: 1px solid rgb(238,238,238); margin-top: 3%; margin-bottom: 2.5%; padding-bottom: 2.5%; }
.resource-section-header { font-weight: 400; margin-bottom: 5% !important; }
.resource-section-top { border-bottom: 1px solid rgb(238,238,238); margin-bottom: 2.5%; padding-bottom: 2.5%; }
.reports-documents-post { border-bottom: 1px solid rgb(238,238,238); margin-bottom: 4%; padding-bottom: 3%; }
.reports-documents-condensed { display: inline-block; margin-right: 3%; width: 29%; vertical-align: top; }
.reports-documents-condensed-date { color: rgb(164,164,164); font-size: 0.667rem; font-weight: 400; text-transform: uppercase; }
.reports-documents-condensed-header { font-family: "rooney-web", sans-serif !important; font-size: 0.889rem; font-weight: 400; font-style: normal; line-height: 1.4; margin-top: 1% !important; }
.scientific-publication-post { border-bottom: 1px solid rgb(238,238,238); margin-bottom: 4%; padding-bottom: 3%; }
.scientific-publication-condensed { display: inline-block; margin-right: 3%; width: 29%; vertical-align: top; }
.scientific-publication-condensed-date { color: rgb(164,164,164); font-size: 0.667rem; font-weight: 400; text-transform: uppercase; }
.scientific-publication-condensed-header { font-family: "rooney-web", sans-serif !important; font-size: 0.889rem; font-weight: 400; font-style: normal; line-height: 1.4; margin-top: 1% !important; }
.search-form { margin: 1em 0 0 0; }
.search-form button { background-color: rgb(164,164,164); color: rgb(255,255,255); padding: 0; border-color: rgb(164,164,164); }
.search-form button i { font-size: 1em; }
.search-form button:hover { background-color: rgb(13,182,219); border-color: rgb(13,182,219); }
.sector-list { margin: 3em 0 !important; }
.sector-list li { margin-left: 2.25em; }
.sector-icon { width: 3em; }
.sidebar-blog { margin-top: 4em; }
.sidebar-nav-social a { font-size: 1.333em; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.sidebar-nav-social a:hover { opacity: .5; }
.sidebar-subnav li.sidebar-subnav-header{ font-family: "depot-new-web", sans-serif !important; font-weight: 700; text-transform: uppercase; }
.sidebar-subnav li { font-family: "rooney-web", sans-serif !important; font-size: 0.889rem; }
.sidebar-subnav .menu-item a { color: rgb(13,182,219) !important; -webkit-transition-property:: color; -webkit-transition-duration: 0.2s; transition-property: color; transition-duration: 0.2s; }
.sidebar-subnav .menu-item a:hover { color: rgb(35, 56, 115) !important; }
.sidebar-subnav .current-menu-item a { color: rgb(35, 56, 115) !important; }
.single-village-related-feature { border-top: 1px solid rgb(238,238,238); margin-top: 2em; padding: 2em 0; }
.single-promise-stories-feature { background: url('assets/images/texture_gray.jpg') repeat; text-align: center; margin-bottom: 3%; line-height: 0; }
.single-promise-stories-feature h1 { color: rgb(255,255,255); }
.single-promise-stories-feature img { width: 85%; margin: 0 auto; }
.single-promise-stories .aligncenter, .single-promise-stories .alignleft, .single-promise-stories .alignright { margin-bottom: 1%; }
.single-promise-stories p { font-size: 1.333em !important; }
.single-promise-stories p > strong { color: rgb(41,66,135); font-weight: 400; }
.single-promise-stories p.wp-caption-text { font-size: 0.889em !important; }
.single-promise-stories blockquote { border: none !important; }
.single-promise-stories blockquote > p { color: rgb(13,182,219) !important; font-family: "rooney-web", sans-serif !important; }
.single-search-result { margin: 1em 0; padding-bottom: 1em; border-bottom: 1px solid rgb(238,238,238); }
.single-search-result-permalink { font-size: 0.889em; }
.tooltip { background: rgb(255,255,255) !important; color: rgb(13,182,219) !important; font-size: 0.667rem; font-weight: 400; font-style: normal; text-transform: uppercase; }
.tooltip > .nub { border-color: transparent transparent rgb(255,255,255) transparent !important; }
.tooltip.tip-top > .nub { border-color: rgb(255,255,255) transparent transparent transparent !important; left: 15px; !important; }
.tooltip.opened { color: rgb(13,182,219) !important; }
.top-bar { background-color: rgb(255,255,255) !important; }
.top-bar.expanded .title-area { background-color: rgb(255,255,255); }
.top-bar-section ul { background-color: rgb(255,255,255) !important; }
.top-bar-section ul li > a { color: rgb(65,65,65); font-weight: 500; }
.top-bar-section li a:not(.button) { background-color: rgb(255,255,255); }
.top-bar-section ul li > a:hover,
.top-bar-section ul li.active a,
.top-bar-section li a:hover:not(.button) { background: none; }
.top-bar .toggle-topbar.menu-icon a { color: rgb(0,0,0) !important; }
.top-bar-section ul li.menu-item { font-size: 1.333em !important; }
.top-bar-section ul li.button-donate-top a { background-color: rgb(148,195,50); color: rgb(255,255,255); font-size: 0.889rem; text-transform: uppercase; -moz-border-radius: .33em; -webkit-border-radius: .33em; border-radius: .33em; }
.top-bar-section ul li.button-donate-top a:hover { background-color: rgb(164,204,81); }
.top-bar .toggle-topbar.menu-icon a span { -webkit-box-shadow: 0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black; box-shadow: 0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black; }
.topic_header { background: rgba(41,66,135,.6); color: rgb(255,255,255); font-weight: 400; margin: 0; padding: .333em; position: absolute; bottom: .25em; left: 0; right: 0; }
.topic-heading-group { margin-bottom: 1em; max-width: 75%;}
.topic-related-posts { margin-top: 2em; }
#sidebar h4 { color: rgb(0,0,0); font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; border-bottom: 1px solid rgb(238,238,238); padding-bottom: .5em; }
.subheader { font-weight: 500; font-style: normal; }
.video-post { border-bottom: 1px solid rgb(238,238,238); margin: 4% 0 !important; }
.video-post p { font-size: 0.889rem; }
.video-post-date { color: rgb(164,164,164); font-size: 0.667rem; font-weight: 400; text-transform: uppercase; }
.video-post-header { font-size: 1.333rem; font-weight: 400; margin-top: 2% !important; }
.village-feature-image { margin-bottom: 2em; }
.village strong { color: rgb(41,66,135); font-weight: 400; font-style: normal; }
.village-sidebar { font-style: normal; font-weight: normal; }
.village-sidebar h1 { color: rgb(0,0,0); font-size: 1em; text-transform: uppercase; }
.village-highlight { color: rgb(164,164,164); font-size: 0.889rem; font-style: normal; }
.village-nav-menu li { font-family: "rooney-web", sans-serif !important; font-size: 0.889rem; }
.village-nav-menu li:first-child { font-family: "depot-new-web", sans-serif !important; font-weight: 700; text-transform: uppercase; }
.village-nav-menu .menu-item a { color: rgb(13,182,219) !important; -webkit-transition-property:: color; -webkit-transition-duration: 0.2s; transition-property: color; transition-duration: 0.2s; }
.village-nav-menu .menu-item a:hover { color: rgb(35, 56, 115) !important; }
.village-stats { border: none; text-transform: uppercase; }
.village-stats td { color: rgb(246,132,43); font-size: 0.667rem; font-weight: 700; font-style: normal; padding: 4px !important; }
.village-stats td:first-child { color: rgb(0,0,0); text-align: right; }
.village-stats tr { background: none !important; }
.what-you-can-do-feature { border-top: 1px solid rgb(238,238,238); margin-top: 1em; padding-top: 2em; }
.what-you-can-do-feature h2 { color: rgb(65,65,65); font-weight: 400; }
.what-you-can-do-widget { background: url('assets/images/texture_gray.jpg') repeat; -moz-border-radius: 0.889em; -webkit-border-radius: 0.889em; border-radius: 0.889em; display: inline-block; height: 10em; margin-left: 2em !important; text-align: center; padding: 1em; vertical-align: top; width: 30%; }
.what-you-can-do-widget h3 { color: rgb(73,72,72); font-weight: 700; margin-bottom: 0; }
.what-you-can-do-widget h4 { color: rgb(163,163,162); font-weight: 400; margin: 0 0 1em 0; }
.what-you-can-do-widget form, .what-you-can-do-widget input { margin-bottom: 0; }
.what-you-can-do-widget ul { margin: 0 auto; width: 75%; }
.what-you-can-do-widget .button-donate { font-size: 1em; text-transform: uppercase; margin: 0 auto; width: 75%; }
.what-you-can-do-widget .button-donate:hover { color: rgb(255,255,255); }
.what-you-can-do-widget .spread-the-word-list li { font-size: 1.5em; margin-left: 1.125em; }
.what-you-can-do-widget .spread-the-word-list a { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.what-you-can-do-widget .spread-the-word-list a:hover { opacity: .5; }
.widget-blue { border: 2px solid rgb(189,217,221); }
.widget-darkblue { border: 2px solid rgba(41,66,135,.25); margin-top: 1em; }
.widget-green { border: 2px solid rgb(222,234,184); }
.widget-orange { border: 2px solid rgba(247,162,78,.5); }
.widget-purple { border: 2px solid rgb(196,201,207); }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.889em; }
.wp-tag-cloud li { display: inline-block; font-family: "rooney-web", sans-serif !important; font-size: 0.889rem; }
.wp-tag-cloud li a { background-color: rgb(241,241,241); -moz-border-radius: 0.889em; -webkit-border-radius: 0.889em; border-radius: 0.889em; display: block; margin-bottom: .5em; padding: .33em .5em; }
.wp-tag-cloud li a:hover { background-color: rgb(13,182,219); color: rgb(255,255,255); }
/* user show/hide box -- JH 2015/07 */
a.myShowHide {
text-decoration:none;
font-weight:bold;
}
div.myShowHide, p.myShowHide {
display: none;
}
/* ----------------------------------------------------------------------------
03 Media queries --------------------------------------------------------------
------------------------------------------------------------------------------- */
/* 400 and up */
@media screen and (min-width:400px) {
{ /* Place your styles here for all widths greater than 400px */ }
}
@media screen and (max-width: 58.75em ) {
.blog-post-title { width: 65%; }
.blog-post-condensed { width: 100%; }
.blog-post-condensed .blog-post-date { width: 5%; }
.blog-post-condensed .blog-post-title { margin-left: .333em; }
.footer-nav { width: 100%; }
.footer-nav-social { margin-left: 0; width: 100%; }
.footer-nav-social li:first-child { margin-left: 1.375rem; }
.footer-nav, .footer-nav-social { position: relative; left: 0; }
.top-bar-section ul li.button-donate-top a { border-radius: 0; }
.what-you-can-do-widget { margin: 0 15% 5% 15% !important; width: 65%; }
/*.aligncenter, .alignleft, .alignright { float: none; margin-left: auto; margin-right: auto; width: 100%; }
.blog-post-title { width: 80%; }
.blog-post-condensed { width: 100%; }
.field-guide-nav:before { display: none; }
.header-nav-social { position: relative; }
.logo a { display: block; margin-right: auto; margin-left: auto; width:100%; }
.logo a img { width: inherit; }
.news-commentary-condensed,
.press-release-condensed { width: 100%; }
.primary-nav { position: relative; }*/
}
@media screen and (max-width: 46em ) {
.action-center-panel-header { font-size: 1.5em; }
.blog-post-feature-image-homepage { width: 100%; }
.field-notes-homepage-feature article { margin-bottom: 3em; }
.news-commentary-condensed { width: 100%; }
.page-title { line-height: 1; padding-bottom: .333em; }
.press-release-condensed { width: 100%; }
.reports-documents-condensed { width: 100%; }
.scientific-publication-condensed { width: 100%; }
.topic-heading-group { max-width: 100%; }
.topic-heading-group img { width: 100%; }
}