/* From Starkers Template */


div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1,
h2,
h3,
h4,
h5,
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* HumaneWatch Custom Styles */

/*** UTILITY CLASSES ***/

.pad_left {
	padding-left: 20px;
}

.pad_right {
	padding-right: 20px;
}

.hide_text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/** BASIC STYLES **/

body {
	font-family: 'Open Sans';
	font-size: 15px;
	background: url(../img/bg_texture.png) #4A6C31;
	-webkit-font-smoothing: antialiased;
}

.wrapper {
	background: url(../img/page_shadow_bg.png) repeat-y center;
}

a {
	color: #5E7D48;
	text-decoration: none;
	font-weight: 700;
}

a:hover {
	color: #698F4F;
}

h2 {
	font-size: 22px;
	line-height: 26px;
}

h3 {
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 85%;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
	color: #000;
}

blockquote p {
	font-size: 15px;
	line-height: 20px;
}

i.icon {
	margin-right: .7em;
}


/*** HEADER ***/

/* Top Nav Bar */

.top_menu_container {
	background: #000;
}

nav {
	background: #000;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	min-height: 32px;
	letter-spacing: 1px;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav ul li {
	float: left;
	background: url(../img/green-divider.png) no-repeat center right;
	padding: 0 20px;
	height: 32px;
	line-height: 32px;
}

nav ul li:last-child {
	background-image: none;
}

nav ul li a {
	color: #91A880;
}

nav ul li a:hover {
	text-decoration: none;
	color: #fff;
}

.right_menu ul {
	float: right;
}

.right_menu ul li {
	background-image: url(../img/grey-divider.png);
}

.right_menu ul li a {
	color: #afafaf;
}

.right_menu .help-us-menu-item a {
	color: #FFD24D;
	padding-left: 20px;
	background: url(../img/help-us-star.png) no-repeat left -1px;
}

/*
.right_menu .menu-item-1787 a:before {
	content: '\2605 \0000a0';
}
*/

.right_menu .menu-item-1787 a:hover {
	color: #FFEFBF;
}

/** Mobile Nav Bar **/

.mobile_menu {
	box-shadow: 0 2px 5px rgba(0,0,0,0.8);
}

#menu_expand_button {
	color: #868686;
	padding-top: 10px;
}

#slide_down_menu {
	margin-bottom: 20px;
	display: none;
}

#slide_down_menu li {
	background-image: none;
	clear: both;
}

#slide_down_menu li a {
	color: #ccc;
}

/* Logo Area */

.logo_search_container {
	background: url(../img/humanewatch_white_header_gradient.png) repeat-x bottom #F7F7F5;
}

.logo_area {
	text-align: center;
}

.logo_area h1 {
	display: none;
}

.logo_area img {
	max-width: 100%;
	margin: 20px 0;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.logo_area img:hover {
	opacity: 0.6;
}

/* Search Area */

.header_search {
	margin-top: 70px;
}

.header_search form {
	text-align: center;
}

#s {
	width: 70%;
}
#searchsubmit {
	width: 20%;
}

/*** CONTENT ***/

.content_container {
	background: #fff;
	padding: 20px 0;
	min-height: 300px;
}

.content_divider {
	height: 8px;
	background: #4A712C;
	border-bottom: 1px solid #28351e;
	border-top: 1px solid #4d8c27;
	margin-top: 1px;
}

.date_sidebar {
	text-align: center;
	margin-top: 10px;
}

.post_date {
	font-weight: 300;
	font-size: 16px;
}

.post_date span {
	border-bottom: 1px dotted #d2d2d2;
	padding-bottom: 5px;
}

.left_facebook_button {
	display: inline-block;
	width: 48px;
	margin-top: 15px;
}

.mobile_facebook {
	padding: 10px 0;
	margin-bottom: 10px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.page_title {
	margin-top: 30px;
}

/** Post Content **/

.post_content {
	margin: 0;
}

.post_content ul li {
	list-style-type: square;
	margin-bottom: 10px;
}

.post_content ol li {
	list-style-type: decimal;
}

.post_content img {
}

.post_content h3 {
	clear: both;
}

.post_content iframe {
	max-width: 100%
}

.wp-post-image {
	float: right;
	border: 1px solid #686859;
	margin-left: 15px;
	margin-bottom: 15px;
}

.page .post_content { /* remove bottom content border for pages */
	border-bottom: none;
}

.post_content p {
	margin-bottom: 18px;
}

.after_content {
	font-size: 85%;
	font-style: italic;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #D6D7D4;
	background: #EDEFED;
}

.post_contet .after_content {
	margin: 0;
}

.category_buttons a {
	margin-right: .5em;
}

.blog_posts {
	margin-left: 0;
}

.blog_posts li {
	margin-bottom: 25px;
}

.blog_posts .post_title {
	margin-top: 0;
}

/** Pagination Links **/

.older_posts_button {
	float: left;
}

.newer_posts_button {
	float: right;
}

/** WORDPRESS POST CONTENT STYLING **/

img.alignright {
	float:right;
	margin:0 0 1em 1em;
	border: 1px solid #000;
}

img.alignleft {
	float:left;
	margin:0 1em 1em 0;
	border: 1px solid #000;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
}

a img.alignright {
	float:right;
	margin:0 0 1em 1em;
}

a img.alignleft {
	float:left;
	margin:0 1em 1em 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*** PAGES ***/

.page_title {
	border-bottom: 4px solid #666;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

/*** RIGHT SIDEBAR ***/

.facebook_wrapper {
	padding-right: 20px;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/*** FOOTER ***/

.footer_container {
	background: #263819;
	border-top: 2px solid #3D651E;
}

footer {
	color: #ccc;
	font-size: 13px;
	padding: 20px 0;
}

footer a {
	color: #ccc;
	font-weight: 700;
}

footer a:hover {
	color: #fff;
}


/***** INDIVIDUAL PAGES *****/

/** Front Page **/

.home .content_area {
	margin: 25px 0;
}

.recent_posts_header .inner_header {
	border-bottom: 4px solid #666;
	margin-bottom: 20px;
}

.recent_posts_header h3 {
	float: left;
	line-height: 18px;
	border-bottom: none;
	margin-bottom: 10px;
}

.recent_posts_header a {
	float: right;
	text-transform: uppercase;
	line-height: 18px;
	margin: 10px 0;
	font-size: 16px;
	font-weight: 400;
}

.read_more_link {
	margin-top: 10px;
}

/** Desktop Slider **/

.slider_area_wrapper {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	box-shadow: 0 2px 10px -1px rgba(0,0,0,0.3);
	z-index: 1;
}

.desktop_slider {
	display: none;
	width: 640px;
	height: 382px;
	float: left;
	position: relative;
}

.desktop_slider .slidesjs-pagination {
	width: 100%;
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 11;
	text-align: right;
}

.desktop_slider .slidesjs-pagination-item {
	width: 27px;
	height: 27px;
	display: inline-block;
}

.desktop_slider .slidesjs-pagination-item a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/slider-pager-sprite.png) no-repeat;
	background-position: -27px 0;
	font-size: 0;
}

.desktop_slider .slidesjs-pagination-item a.active {
	background-position: 0 0;
}


/** Mobile Slider **/
/*
#slidesjs_area {
	display: none;
}

.mobile_slider {
	background: #fff;
	padding-bottom: 20px;
}

.mobile_slider img {
	border-bottom: 1px solid #ccc;
}

.slidesjs-pagination {
	text-align: center;
	margin: 0;
	padding: 5px 0 10px 0;
	width: 100%;
	background: url(../img/mobile_slider_bg.png) repeat-x top;
}

.slidesjs-pagination-item {
	display: inline-block;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;
}

.slidesjs-pagination-item a {
	background: url(../img/mobile_pager_inactive.png) no-repeat;
	display: block;
}

.slidesjs-pagination-item a.active {
	background-image: url(../img/mobile_pager_active.png);
	display: block;
}
*/

/** Slider Sidebar **/

.slider_sidebar {
	width: 300px;
	height: 362px;
	padding-top: 20px;
	float: right;
	margin: 0;
	background: #D2D4D2;
	/* to position Visual HSUS image absolutely */
	position: relative;
}

.slider_sidebar li {
	font-size: 16px/28px;
	margin-left: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	height: 70px;
	width: 260px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.slider_sidebar li a {
	color: #000;
	font-weight: 400;
}

.slider_sidebar img {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.slider_sidebar img:hover {
	opacity: 0.7;
}

.slider_sidebar li.visual_hsus_link {
	position: absolute;
	bottom: 55px;
	left: 10px;
	margin-left: 0;
	margin-top: 0;
}

li.email_updates {
	background: url(../img/email-updates-bg.png) no-repeat;
	z-index: 1000;
}

li.email_updates form {
 	text-align: right;
}

li.email_updates input {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0 0 0;
	position: relative;
}
li.email_updates input[type="email"] {
	width: 50%;
}
li.email_updates input[type="submit"] {
	padding: 4px 12px;
}

li.email_updates div.wpcf7-response-output { background: #fff; }

li.email_updates span.wpcf7-not-valid-tip {
	position: absolute;
	width: 200px;
	right: -35px;
	top: -25px;
}

/*

li.email_updates {
}

li.email_updates form {
	margin-top: 10px;
}

li.email_updates .newsletter_email {
	width: 50%;
}

*/

/** Front Page Clock Area **/

.clock {
	width: 95%;
	margin-bottom: 40px;
}

.clock.post_clock {
	width: 250px;
}

.clock h4 {
	text-align: center;
}

.clock table {
	width: 100%;
	text-align: center;
	border: 2px solid #000;
	margin-bottom: 1em;
	background: #F7F9F7;
}

.clock table td {
	padding: 5px 0;
}

.clock table .labels td {
	background: #000;
	color: #fff;
}

/** Visual HSUS List **/

.visual_container {
	clear: both;
	margin-bottom: 50px;
}

.visual_image_container img {
	float: left;
	margin: 0;
}

.visual_image_container img:hover {
	opacity: .8;
}

.visual_image_container {
	float: left;
	width: 325px;
	text-align: center;
	z-index: 2;
}

.visual_image_container img {
	border: 1px solid #000;
}

/** Ads Page **/

.ad_page_wrapper {
	text-align: center;
	margin: 20px 0;
}

.ad_container {
	width: 20%;
	text-align: center;
	display: inline-block;
	float: left;
	height: 240px;
	margin-right: 35px;

}

.ad_container a {
	display: block;
	clear: both;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	line-height: 20px;
}

.ad_container a img {
	float: none;
	border: none;
	margin: 0;
	margin-bottom: 10px;
	border: 1px solid #999;
	box-shadow: 0 6px 6px -2px rgba(0,0,0,0.2);
}

/** Shelter List **/

.shelter_list {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.shelter_list dt {
	padding-bottom: 10px;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #666;
}

.shelter_list dt:first-child {
	margin-top: 0;
}

.shelter_list dd {
	margin-left: 0;
}

.shelter_list li {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid-column;
	margin-bottom: 20px;
}

/** Document Library **/

.page-template-page-document-library-php ul.document_page_buttons {
	padding: 0;
	margin: 0;
}

.page-template-page-document-library-php .document_page_buttons li {
	list-style-type: none;
}

.page-template-page-document-library-php .document_page_buttons li {
	float: left;
	margin-right: 10px;
}

/** Quiz **/

#quizArea .question {
	margin-bottom: 25px;
}

#quizArea .answer {
	margin-top: 25px;
}

/** Single Organization Page **/

.org_page_logo {
	display: block;
	margin: 20px 0;
}

/** Why Humanewatch **/

.why_humanewatch_sidebar {
	margin-left: 20px;
	margin-top: 35px;
	padding: 20px;
	background: #F2F2F2;
}

.why_humanewatch_sidebar h3 {
	margin-top: 0;
}

.why_humanewatch_sidebar ul {
	margin: 20px 0;
}

.why_humanewatch_sidebar ul li {
	margin-bottom: 15px;
}

/* Help Us Page */
.hsus-form input[type="checkbox"] {
	margin: 0;
}

/* IE Fixes */

.ie8 .top_menu_container {
	font-size: 12px;
}

.ie8 li.menu-item {
	padding: 15px;
}

/* Shelter Pledge Page */

.shelter-pledge-title {
	margin-bottom: 45px;
	text-transform: uppercase;
	text-align: center;
	font-size: 25px;
	line-height: 1.3;
}

.shelter-pledge-subtitle {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.shelter-pledge-number {
	font-weight: 400;
	border: 2px solid #4A712B;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	margin-top: 45px;
}

.shelter-pledge-number span {
	font-weight: 700;
}

.shelter-pledge-form {
	background: #eee;
	padding: 10px;
	border-radius: 5px;
}

.share-buttons {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 60px;
}

.share-buttons li {
	display: inline-block;
}

.share-buttons li:first-child {
	margin-right: 60px;
}

.share-buttons li.facebook {
	background: #45619B;
}

.share-buttons li.twitter {
	background: #59ADEB;
}

.share-buttons a {
	display: inline-block;
	padding: 10px;
	color: #fff;
}

.share-buttons a:hover {
	color: #fff;
	text-decoration: none;
}

/* Stripe Donate Page */

.fullstripe-form-label {

}

._100 img {
	display: block;
	margin: 0 auto 5px;
}

._100 button[type="submit"] {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color: #f89406;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

._100 button[type="submit"]:hover,
._100 button[type="submit"]:focus,
._100 button[type="submit"]:active {
	color: #ffffff;
	background-color: #f89406;
}

}

.stripe-wrap {
	display: block;
	margin-bottom: @spacing/2;
}
.stripe-wrap:before,
.stripe-wrap:after {
	content: " ";
	display: table;
}
.stripe-wrap:after { clear: both; }

/**
 * Utilities
 */

.hw-form-group {
	margin-bottom: 15px;
}

input.hw-form-control,
.hw-form-control {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	margin: 0;
}

textarea.hw-form-control {
	height: auto;
}