/*
Theme Name: Reclaim Chicago Theme
Author: Jonathan Kissam
Author URI: http://www.jonathankissam.com/
Template: tldr
Description: Wordpress theme for Reclaim Chicago (TL;DR child theme)
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body { color: #0b3246; font-family: 'Helvetica','Helvetica Neue',Arial,sans-serif; -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; }
h1, h2, h3, h4 { font-family: 'PT Sans','Helvetica','Helvetica Neue',Arial,sans-serif; }
h1 { color: #ff0000; }

a:link, a:visited, .no-touch a:hover, a:active { color: #ff0000; }

a.button-donate { background: #008000; color: #fff; margin: 0; text-align: center; display: block; border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; text-transform: uppercase; }
.no-touch a.button-donate:hover { background: #ccc; color: #0b3246; }

#header-wrapper { background: #0b3246; }
#logo { width: 80px; margin: 10px 0; float: left; }
.site-name-slogan { position: absolute; left: -999em; }
.header-image img { display: block; }
#navigation { padding: 0; }
#navigation .navigation-header { position: absolute; right: 20px; top: 14px; color: #fff; }

.mobile-style-default #navigation .main-menu>ul { background: #0b3246; }
#navigation a, .no-touch #navigation a:hover, #navigation .menu-dismiss { color: #fff; }

#menu-item-123 a { background: #008000; color: #fff; }
.front #menu-item-123 a { border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; }

.front #header-wrapper { background: #000; }
.front .header-image { display: none; }
.front #logo { float: none; position: absolute; left: 20px; width: 200px; }
.front #navigation .navigation-header { display: none; }
.front .navigation-image { height: 0; }
.front .navigation-image img { display: block; }
.front.mobile-style-default #navigation .main-menu>ul { background: transparent; position: relative; left: 0; margin-top: 110px; bottom: auto; padding-top: 40px; font-size: 1.333em; width: 280px; }
.front.mobile-style-default #navigation .main-menu ul li { border-bottom: none; }
.front.mobile-style-default #navigation .main-menu ul li.menu-dismiss { display: none; }
.front.mobile-style-default #navigation .main-menu ul li#menu-item-123 { position: absolute; top: 0; }

.navigation-social { font-size: 1.8em; }
.navigation-social a, .no-touch .navigation-social a:hover { color: #fff; }
.navigation-social a span { position: absolute; left: -999em; }
.front #navigation-wrapper { overflow: hidden; background: #000; }
#navigation-wrapper .navigation-social { position: relative; margin-top: 5px; margin-left: 15px; margin-bottom: 20px; }

/*
#navigation { position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); }
*/

.main-wrapper { padding: 20px 0; }

.widget { padding-top: 20px; padding-bottom: 20px; }
.widget h2.widget-title { text-align: center; }
.widget #can_embed_form_inner h2, .widget #can_embed_form_inner h4,
.widget #can_embed_form #form-first_name, .widget #can_embed_form #form-last_name, .widget #can_embed_form .country_wrap,
.widget #can_embed_form .ajax-loading, .widget #can_embed_form #d_sharing, .widget #can_embed_form #action_info, .widget #can_embed_form #logo_wrap { display: none; }
.widget #form-email, .widget #form-zip_code { border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; margin-bottom: 1em; }
.widget #can_embed_form input[type="submit"] { border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; color: #fff; margin: 0; width: 100%; background: #ff0000; }
.widget #can_embed_form #can_thank_you h1 { text-align: center; }

.front .entry-title { text-align: center; }
.front .learn-more { color: #0b3246; font-family: 'PT Sans','Helvetica','Helvetica Neue',Arial,sans-serif; text-transform: uppercase; }

#text-7 { background: #B3DDF2; padding-top: 20px; padding-bottom: 20px; }
#text-7 h2.widget-title { text-align: center; }
#text-7 #form-email, #text-7 #form-zip_code { border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; margin-bottom: 1em; }
#text-7 input[type="submit"] { border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; color: #fff; margin: 0; width: 100%; background: #ff0000; }
#text-7 #can_thank_you h1 { text-align: center; }

.primary-sidebar .widget { background: #B3DDF2; padding: 20px; margin-bottom: 40px; margin-left: -20px; margin-right: -20px; }
.primary-sidebar h2.widget-title { text-align: center; }

.page-id-17 .main-wrapper { background: #d5d9da; }
.page-id-17 .entry-title { position: absolute; left: -999em; }
.takeaction-item { margin-bottom: 40px; }
.takeaction-item .content { background: #fff; padding: 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; height: 100%; }
.takeaction-item h2 { color: #ff0000; text-align: center; }
.takeaction-item .link { text-align: center; font-family: 'PT Sans','Helvetica','Helvetica Neue',Arial,sans-serif; text-transform: uppercase; }
.takeaction-item .link a { color: #0b3246; }
.no-touch .takeaction-item .link a:hover { color: #FF0000; }

.page-id-11 #can_embed_form { background: #0b3246; color: #fff; padding: 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; margin-bottom: 20px; }
.page-id-11 #can_embed_form_inner h2, .page-id-11 #can_embed_form_inner h4,
.page-id-11 #form-first_name, .page-id-11 #form-last_name, .page-id-11 .country_wrap,
.page-id-11 .ajax-loading, .page-id-11 #d_sharing, .page-id-11 #action_info, .page-id-11 #logo_wrap { display: none; }
.page-id-11 #form-email, .page-id-11 #form-zip_code { border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; margin-bottom: 1em; }
.page-id-11 input[type="submit"] { border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; color: #fff; margin: 0; width: 100%; background: #ff0000; }
.page-id-11 #can_thank_you h1 { text-align: center; }

.entry-meta { margin-bottom: 1.5em; }
.post-image { width: 100px; float: right; margin: 0 0 20px 20px; border: 1px solid #0b3246; }
.post-image img { display: block; }
.single-post .post-image { width: 100%; float: none; margin: 20px 0; border: none; }
.category #content .post { padding-top: 40px; border-top: 1px solid #B3DDF2; margin-top: 18px; }
.category #content .post h1.entry-title { font-size: 1.6em; margin-bottom: 1em; }
.category #content .post:nth-of-type(1) { padding-top: 0; border-top: none; margin-top: 0; }

.members { margin: 0; padding: 4px 4px 0 0; background: #B3DDF2; }
.members-member { padding: 0 0 4px 4px; }
.members-member .content { position: relative; overflow: hidden; }
.members-member .content h2 { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(11,50,70,0.8); color: #fff; padding: 5px; margin: 0; font-size: 1em; text-align: center; }
.no-touch .members-member .content h2 { display: none; }
.no-touch .members-member:hover .content h2 { display: block; }
.members-member .content img { display: block; margin: 0 auto; }
.members-member .content .description { background: #B3DDF2; position: absolute; top: 0; right: -100%; left: 100%; bottom: 0; padding: 40px 10px 10px; font-size: 1em; line-height: 1.2em; -webkit-transition: left 0.25s ease-in-out, right 0.25s ease-in-out; -moz-transition: left 0.25s ease-in-out, right 0.25s ease-in-out; -o-transition: left 0.25s ease-in-out, right 0.25s ease-in-out; transition: left 0.25s ease-in-out, right 0.25s ease-in-out; /* -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; */ }
.members-member .content .description.display { left: 0; right: 0; /* display: block; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; */ }
.members-member .content .description .button-back { position: absolute; top: 10px; left: 10px; font-size: 2em; }

.testimonials-testimonial { padding-top: 40px; border-top: 1px solid #B3DDF2; margin-top: 40px; }
.testimonials-testimonial:nth-of-type(1) { padding-top: 0; border-top: none; margin-top: 0; }
.testimonials-testimonial h2 { margin: 0 0 10px; }
.testimonials-testimonial p { margin: 0; }
.testimonials-picture img { display: block; }
.single-testimonial .testimonials-picture { margin-bottom: 20px; }

.post-summary { padding-top: 40px; border-top: 1px solid #B3DDF2; margin-top: 40px; }

ul.actionnetwork-calendar { list-style: none outside none; margin: 0; }
li.actionnetwork-calendar-item { margin-bottom: 0.66667em; }

#footer-wrapper { background: #B3DDF2; padding-top: 20px; }
#footer { text-align: center; }
.footer-image img { width: 215px; }
#footer a, .no-touch #footer a:hover { color: #0b3246; }
/* #footer .navigation-social a, .no-touch #footer .navigation-social a:hover { color: #0b3246; } */

.widget .disclaimer-text { border: 1px solid #0b3246; padding: 5px; }

#modals .widget>h2 { background: #0b3246; color: #fff; }
#modals .widget>*:not(h2) { border-color: #0b3246; }
.modal-dismiss.primary { color: #0b3246; }

@media (min-width: 768px) {
	#header-wrapper.no-header-image { height: 80px; }

	#logo { width: 120px; position: absolute; left: 20px; top: 10px; margin: 0; z-index: 500; }
	#navigation-wrapper { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100px; background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); background: -o-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); background: -moz-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); }
	.mobile-style-default #navigation .main-menu>ul { background: transparent; padding-left: 160px; padding-top: 20px; font-size: 1em; }
	.mobile-style-default #navigation .main-menu ul li a { padding: 0.5em 0.666667em; }
	#navigation-wrapper.no-header-image { background: transparent; }

	.front #header { width: 100%; }
	.front #logo { left: 30px; }
	.front .header-image { display: block; width: 66.66667%; margin-left: 33.33333%; }
	.front #navigation-wrapper { overflow: visible; width: 33.33333%; height: 0; padding-bottom: 56%; background-size: 100%; }
	.front .navigation-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; padding: 1.35% 0.5% 0px 1.35%; }
	.front .navigation-image img { max-width: 127%; position: absolute; right: 0; }
	.front.mobile-style-default #navigation .main-menu>ul { padding-left: 20px; font-size: 1.3333em; }
	.front #navigation ul li { float: none; }
	#navigation-wrapper .navigation-social { margin-left: 28px; }

	#highlighted-wrapper { padding: 20px 0; }
	#text-7 { border-radius: 20px; -webkit-border-radius: 20px; -moz-boder-radius: 20px; width: 600px; float: none; margin: 0 auto; }
	#text-7 .textwidget:after { content: ''; display: table; clear: both; }
	#text-7 #form-email, #text-7 #form-zip_code, #text-7 input[type="submit"] { width: 45%; float: left; margin: 0; }
	#text-7 #form-email { margin-right: 10%; }

	.page-id-11 .entry-title { text-align: center; }
	.page-id-11 .entry-content > p { width: 600px; margin: 0 auto 1em; }
	.page-id-11 #can_embed_form { width: 600px; float: none; margin: 0 auto 20px; }
	.page-id-11 #can_embed_form:after { content: ''; display: table; clear: both; }
	.page-id-11 #form-email, .page-id-11 #form-zip_code, .page-id-11 input[type="submit"] { width: 30%; float: left; margin: 0; }
	.page-id-11 #form-email, .page-id-11 #form-zip_code { margin-right: 5%; }

	.primary-sidebar .widget { margin-left: 0; margin-right: 0; }

	/* added 7-25-16: make interior pages use mobile menu on tablets */
	.not-front #logo { position: relative; top: auto; left: auto; margin: 10px 0; }
	.not-front #navigation-wrapper { z-index: 500; background: transparent; height: 0; }
	.not-front #navigation .navigation-header { left: auto; top: 22px; }
	.not-front #navigation .main-menu ul { position: absolute; left: -999em; margin: 0; }
	.not-front #navigation .main-menu ul.open { position: relative; left: auto; }
	.not-front #navigation .main-menu li ul { clear: both; padding: 0 1em; }
	.not-front #navigation .main-menu ul li { padding: 0; float: none; }
	.not-front #navigation .main-menu ul li a, #navigation .main-menu ul li span.nolink, #navigation .main-menu ul li span.separator { display: block; padding: 0.5em 1em; line-height: 1em; }
	.not-front.mobile-style-default #navigation .main-menu > ul { position: fixed; width: 300px; overflow-x: hidden; overflow-y: auto; top: 0; bottom: 0; left: -300px; @include transition-property(left); @include transition-duration(0.25s); @include transition-timing-function(linear); z-index: 505; background: #0b3246; font-size: 1.6em; padding: 40px 0 0; }
	.not-front.mobile-style-default #navigation .main-menu ul li a,
	.not-front.mobile-style-default #navigation .main-menu ul li span.nolink,
	.not-front.mobile-style-default #navigation .main-menu ul li span.separator { padding: 0.5em 0.8333em; }
	.not-front.mobile-style-default #navigation .main-menu ul li .menu-toggle { padding-right: 0.8333em; }
	.not-front.mobile-style-default #navigation .main-menu ul li { border-bottom: 1px solid #ccc; }
	.not-front.mobile-style-default #navigation .main-menu li ul li { border-bottom: none; }
	.not-front.mobile-style-default #navigation .main-menu ul li.first { padding-right: 2em; } 
	.not-front.mobile-style-default #navigation .main-menu ul li.menu-dismiss { font-size: 1.5em; border-bottom: none; display: block; position: absolute; top: 5px; }
	.not-front.mobile-style-default #navigation .main-menu > ul.open { left: 0; }
	.not-front.mobile-style-default #navigation .main-menu ul span.separator hr { border-width: 3px; }
	.not-front #menu-item-123 a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
	
	.post-image { width: 200px; }
	
	.members-member .content .description { /* font-size: 1em; line-height: 1.2em; */ }
	
	.testimonials-testimonial { min-height: 240px; position: relative; padding-left: 220px; }
	.testimonials-testimonial:nth-of-type(1) { min-height: 200px; }
	.testimonials-testimonial:nth-of-type(even) { padding-left: 0; padding-right: 220px; }
	.testimonials-picture { width: 200px; position: absolute; left: 0; top: 40px; border: 1px solid #0b3246; }
	.testimonials-testimonial:nth-of-type(1) .testimonials-picture { top: 0; }
	.testimonials-testimonial:nth-of-type(even) .testimonials-picture { left: auto; right: 0; }
	
	.single-testimonial .testimonials-picture { position: relative; left: auto; top: auto; float: right; margin: 0 0 30px 30px; }
}

@media (min-width: 992px) {
	#header-wrapper.no-header-image { height: 120px; }

	#logo { width: 200px; }
	#navigation-wrapper { height: 150px; }
	.mobile-style-default #navigation .main-menu>ul { padding-left: 240px; }

	/* added 7-25-16: make interior pages use mobile menu on tablets */
	.not-front #logo { position: absolute; top: 10px; left: 20px; margin: 0; }
	.not-front #navigation-wrapper { z-index: 1; height: 150px; background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); background: -o-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); background: -moz-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); }
	.not-front #navigation .navigation-header { left: -999em; }
	.not-front #navigation .main-menu > ul { background: transparent; z-index: 500; position: relative; left: auto; }
	.not-front #navigation .main-menu > ul:after { content: ''; display: table; clear: both; }
	.not-front .main-menu ul li.menu-dismiss { display: none; }
	.not-front #navigation .main-menu ul li { position: relative; }
	.not-front #navigation ul li { float: left; padding: 0; }
	.not-front #navigation li ul li { float: none; }
	.not-front #navigation .main-menu li ul { position: absolute; left: -999em; top: 2em; width: 100%; background: transparent; z-index: 500; }
	.not-front #navigation .main-menu li ul.open { position: absolute; left: auto; padding: 0; }
	.not-front #navigation .main-menu ul li .menu-toggle { margin-top: 0.6em; }
	.not-front #navigation .main-menu li ul li .menu-toggle.closed:before { content: "\f0da"; }
	.not-front #navigation .main-menu li ul li .menu-toggle.open:before { content: "\f0d9"; }
	.not-front #navigation .main-menu li li ul.open { left: 100%; top: 0; }
	.not-front #navigation .main-menu > ul > li > span.separator { padding: 0; margin: 0.25em 0; height: 1.6em; border-left: #ccc; }

	.not-front.mobile-style-default #navigation .main-menu > ul { width: auto; position: relative; top: auto; bottom: auto; left: auto; overflow: visible; font-size: 0.866667em; padding-top: 20px; padding-left: 240px; background: transparent; }
	.not-front.mobile-style-default #navigation .main-menu ul li { border-bottom: none; float: left; }
	.not-front.mobile-style-default #navigation .main-menu ul li.first { padding-right: 0; }
	.not-front.mobile-style-default #navigation .main-menu > ul.open { left: auto; }
	.not-front.mobile-style-default #navigation .main-menu ul li a,
	.not-front.mobile-style-default #navigation .main-menu ul li span.nolink,
	.not-front.mobile-style-default #navigation .main-menu ul li span.separator { padding: 0.5em 1em; }
	.not-front.mobile-style-default #navigation .main-menu ul li .menu-toggle { padding-right: 1em; }
	.not-front.mobile-style-default #navigation .main-menu ul li.menu-dismiss { display: none; }
	.not-front #menu-item-123 a { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
}

@media (min-width: 1200px) {
	.header-image img { width: 100%; }
/*
	#logo { width: 300px; }
	#navigation-wrapper { height: 200px; }
	.mobile-style-default #navigation .main-menu>ul { padding-left: 340px; font-size: 1.2em; }
*/

	#highlighted-wrapper { position: absolute; top: 0; left: 0; width: 100%; }
	#highlighted-wrapper .container { width: 100%; }
	#text-7 { position: absolute; top: 400px; left: 20px; width: 30%; z-index: 25; }
	#navigation-wrapper #text-7 { position: relative; top: auto; width: auto; left: auto; margin-left: 20px; margin-right: 20px; }
	#text-7 #form-email, #text-7 #form-zip_code, #text-7 input[type="submit"] { width: 100%; float: none; margin: 0; }
	#text-7 #form-email, #text-7 #form-zip_code { margin-bottom: 1em; }

	#main { max-width: 980px; }

	/* added 7-25-16: make interior pages use mobile menu on tablets */
	.not-front.mobile-style-default #navigation .main-menu > ul { font-size: 1em; padding-top: 40px; }
}