/*
Theme Name: 	Laboure Society
Theme URI: 		
Description: 	Custom theme
Version: 		1.0
Author: 		Chris Foote - Modern Design
Author URI: 	
*/

/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 				{ border-collapse:collapse; border-spacing:0 }
fieldset, img 		{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th	 		{ text-align:left }
q:before, q:after 	{ content:''}
a img 				{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with imput and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio,
canvas,
video 					{ display:inline-block; }
audio:not([controls]) 	{ display: none; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body			{ height:100%; }
:link img 			{ border:none }
a 					{ outline:none;}
.hidden 			{ display:none; }
br.clear 			{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }
/* new clearfix */
.clearfix:after 				{ visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */

/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		{ height:100%; }
img				 	{ -ms-interpolation-mode: bicubic; }

/* ======================= Fonts ======================= */
/*
	
	Gotham:
	type:			sans-serif
	font-family: 	'Gotham SSm A', 'Gotham SSm B'; 
	weight/style: 	300	(normal | italic)
					400 (normal | italic)
					700 (normal | italic)
	
*/

/* universal */
ul					{ margin:0; padding:0; }
ul li				{ margin:0; padding:0; list-style:none; line-height:1.5; }
small 				{ font-size:9px; }
strong 				{ font-weight:700; }
em 					{ font-style:italic; }
table				{ border-collapse:collapse; }
table tr td			{ padding:5px; }
/* headings */
h1,h2,h3,h4,h5,h6 	{ text-align:left; font-weight:700; color:#2f2f2f; line-height:1.2; font-family:'Montserrat', sans-serif; }
h1					{ font-size:28px; margin:0 0 20px 0; }
h2 					{ font-size:24px; margin:0 0 20px 0; }
h3 					{ font-size:20px; margin:0 0 10px 0; color:#59c5ef; }
h4 					{ font-size:18px; margin:0 0 10px 0; }
h5					{ font-size:14px; margin:0 0 10px 0; }
h6					{ font-size:12px; margin:0 0 10px 0; letter-spacing:1px; text-transform:uppercase; }
/* universal links */
a					{ color:#59c5ef; text-decoration:none; }
a:hover 			{ color:#59c5ef; text-decoration:none; }
a.button,
a.more  			{ background:#373636; display:inline-block; margin:0; padding:5px 15px; float:left; width:auto; color:#45c4f2; font-size:12px; border:1px solid #333; }
a.button:hover		{  }

/* ======================= Forms ======================= */
label							{ display:block; margin:0 0 5px 0; }
input,
textarea,
select							{ display:block; color:#555; margin:0 0 15px 0; padding:5px; border:1px solid #ccc; font-family:'Muli', sans-serif;  
						          /* keep all boxes equal */ box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
input[type="submit"] 			{ padding:3px; }
select							{ line-height:28px; } /* this is needed to keep height on select elements in safari */
/* placeholder font color */
::-webkit-input-placeholder 	{ color:#333; }
:-moz-placeholder 				{ /* Firefox 18- */ color:#333; }
::-moz-placeholder				{ /* Firefox 19+ */ color:#333; }
:-ms-input-placeholder 			{ color:#333; }

/*======================= Default architecture ======================= */
body 				{ margin:0; padding:0; background:#fff; color:#666;
					  font-family:'Muli', sans-serif; font-size:14px; font-weight:400; text-align:left; }
#topbar 			{ width:50%; height:15px; background:#000; }
#page-wrap			{ width:1200px; margin:-15px auto 0 auto; background:#fff; overflow:hidden; }
#logins 			{ border-top:15px solid #000; }
#logo 				{ width:100%; }
#content-wrap 		{ margin:50px auto; padding:0; }
#primary			{ width:75%; float:left; margin:0; padding:0; }
#primary .inner		{ margin:0; padding:0 4% 0 0; }
#secondary			{ width:25%; float:left; margin:0; padding:0; }
#secondary .inner	{ margin:0; padding:0; }
#footer-wrap 		{ width:100%; background:#252525; }
#footer				{ width:1200px; margin:0 auto; padding:50px 0; color:#fff; }
#copyright 			{ width:1200px; margin:0 auto; padding:30px 0 40px 0; }

.offset-right 		{ margin-right:14.3%; }
.offset-left 		{ margin-left:14.3%; }

/* ======================= #logins ====================== */
#logins ul 					{ float:right; margin:0; padding:10px 0 0 0; }
#logins ul li 				{ text-align:right; }
#logins ul li a 			{ font-size:13px; font-family:'Montserrat', sans-serif; }
#logins ul li.benefactors a { color:#2f2f2f; }

/* ======================= #logo ====================== */
#logo h1 				{ margin:0 0 0 90px; padding:0; } 	
 
/* ======================= #nav-wrap ====================== */
#nav-wrap 						{ float:right; margin:60px 0 0 0; }
ul#nav 							{ margin:0; padding:0; width:100%; }
ul#nav li						{ list-style:none; position:relative; float:left; display:block; padding:0; margin:0; }
ul#nav li a 					{ display:block; margin:0; padding:35px 10px; min-width:170px; font-size:16px; border-right:1px solid #fff; text-align:center; color:#fff; 
	                              font-family:'Montserrat', sans-serif; background:#45c4f2; line-height:1; text-transform:uppercase; text-decoration:none;
								  -o-transition:.5s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
ul#nav li.last a 				{ border-right:none; }
ul#nav li a:hover 				{ text-decoration:none; }
/* when a top level item is hovered */
ul#nav li.active > a,
ul#nav li.current-menu-item a	{ background:#30abd7; }
ul#nav li.nolink a:hover 		{ background:#30abd7; text-decoration:none; }
/* special cases for current items and children items and active top level items */
ul#nav li.current-menu-parent ul li.current-menu-item a,
ul#nav li.current-menu-parent a,
ul#nav li.current-menu-parent ul li a:hover,
ul#nav li.current-menu-item ul li a:hover		{  }
ul#nav li.current-menu-parent ul li a,
ul#nav li.current-menu-item ul li a				{ background:none; } /* this should be the default color */
/* sub-nav levels */
ul#nav li ul 					{ display:none; background:rgba(48,171,215,0.8); position:absolute; left:-1px; top:100%; width:100%; margin:0; padding:0; z-index:100; 
								  border-left:1px solid #fff; border-bottom:1px solid #fff; }
ul#nav li:hover > ul 			{ display:block; }
ul#nav li ul li 				{ _display:inline; /* for IE6 */ float:none; margin:0; padding:0; }
ul#nav li ul li a 				{ float:none; display:block; margin:0; padding:6px 10px; text-transform:none; text-align:left; font-size:14px; background:transparent; 
	                              border-right:1px solid #fff; border-top:1px solid #fff; }
ul#nav li ul li ul				{ left:100%; top:0; }

/* ======================= .post ====================== */
h1.entry-title					{ margin:0 0 20px 0; }
h1.home-title					{  }
.post 							{ padding:0; margin:0; position:relative; }
.post p.date					{ margin:0; font-size:11px; letter-spacing:1px; text-transform:uppercase; }	
.post blockquote				{ margin:20px; padding:10px 20px; border-left:4px solid #536381; font-size:22px; }
.post blockquote p				{ font-style:italic; margin:0; }
/* post universal */
.post ul 						{ margin:10px 0px 20px 0; padding:0; }
.post ul li						{ text-align:left; margin:5px 0 5px 30px; padding:0; list-style:disc; }
.post ul li ul li				{ list-style:circle; }
.post ol 						{ margin:10px 0px 20px 0; padding:0; }
.post ol li						{ text-align:left; margin:5px 0 5px 30px; padding:0; list-style:decimal; }
.post p 						{ padding:0; margin:0 0 15px 0; line-height:1.5; }

/* ======================= #secondary ====================== */
#secondary a.donate 			{ display:block; width:100%; margin:0 0 10px 0; padding:35px 0; text-align:center; color:#fff; font-size:24px; background:#45c4f2; text-transform:uppercase; font-family:'Montserrat', sans-serif; }
#secondary .widget				{ margin:0 0 10px 0; padding:0; position:relative; background:#f2fbfe; }
#secondary .widget p			{ line-height:1.3; margin:0 0 10px 0; }
#secondary h3.widget-title		{ font-size:15px; margin:0 0 10px 0; padding:5px 10px; background:#e8f7fd; }
#secondary .widget ul 			{ margin:10px 10px 0 10px; padding:0 0 10px 0; }
#secondary .widget ul li		{ text-align:left; margin:5px 0; padding:0 0 0 15px; background:url(images/bg/list-item.png) no-repeat left 5px; list-style:none; line-height:1.2; }
#secondary .widget p.edit		{ position:absolute; top:0; right:0; font-size:11px; }
#secondary .textwidget 			{ margin:10px; overflow:hidden; }

/* WP widgets */
.widget_recent_entries					{  }
.widget_recent_entries ul				{  }
.widget_recent_entries ul li			{ margin:0 0 10px 0; }
.widget_recent_entries span.post-date	{ display:block; font-size:0.688em; font-style:italic; }
.widget_categories						{ margin:0 0 0 15px; }
.widget_categories ul					{  }
.widget_archive							{  }
.widget_archive ul						{  }

/* ======================= archive.php / search.php ====================== */
.archive .post 				{ margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #ddd; }
.archive .post .thumb		{ width:25%; min-width:120px; float:left; margin:0 20px 0 0; padding:0; }

/* paging */
div.pagination				{ margin:20px 0 10px 0; }

/* ======================= #footer ======================= */
#footer .column 					{ width:23%; float:left; margin:0 2% 0 0; position:relative; }
#footer h3 							{ color:#59c5ef; }
#footer h4 							{ color:#fff; font-size:15px; font-weight:normal; }
#footer p 							{ color:#bbb; margin:0 0 15px 0; }
/* gallery first column */
#footer img 						{ margin:0 10px 10px 0 !important; display:block; border:5px solid #454444; }
/* recent posts */
.recent-14 p.date 					{ font-size:12px; }
/* testimonials slider */
ul.testimonials-slider cite 		{ display:block; margin:0 0 15px 0; line-height:1.3; }
ul.testimonials-slider li p,
ul.aspirant-slider li p 			{ line-height:1.3; }

/* ======================= #copyright ======================= */
#copyright .widget_text 						{ width:50%; float:left; padding-top:10px; color:#999; font-size:12px; }
#copyright .menu-social-links-container 		{ width:50%; float:right; }
ul#social										{ margin:0; padding:0; float:right; }
ul#social li									{ display:inline-block; margin:0 5px 0 0 !important; padding:0; }
ul#social li a									{ display:block; width:38px; height:38px; text-indent:-9999px; overflow:hidden; background:url(images/bg/social-icons2.png) no-repeat 0 0; }
ul#social li a[href*="facebook.com"]			{ background-position:-38px 0px; }
ul#social li a[href*="twitter.com"]				{ background-position:0px 0px; }
ul#social li a[href*="youtube.com"]				{ background-position:-76px 0px; }
ul#social li a[href*="linkedin.com"]			{ background-position:-114px 0px; }
ul#social li a[href*="pinterest.com"]			{ background-position:-151px 0px; }
ul#social li a[href*="plus.google.com"]			{ background-position:-188px 0px; }

/* ======================= Page Templates ====================== */
#home h1 					{ margin:50px 0 35px 0; }
#home .column 				{ width:48%; }
#home .column.col-1 		{ float:left; }
#home .column.col-2 		{ float:right; }
#home .widget 				{ position:relative; }
#home .widget img 			{ max-height:230px; width:auto; }
#home .widget h3 			{ margin:15px 0 10px 0; font-size:17px; color:#373636; }
#home .widget a.more 		{ margin-top:20px; }
#home .widget p.edit 		{ width:75px; position:absolute; top:5px; right:5px; text-align:right; font-size:10px; }

/* slider */
#slider 					{ clear:both; position:relative; height:420px; }
#slider a.edit				{ display:block; position:absolute; top:10px; right:10px; font-size:12px; text-align:right; color:#fff; }
#slider .banner 			{ width:85%; position:absolute; top:60%; left:0; color:#fff; z-index:1000; height:110px; background-color:rgba(0, 0, 0, 0.5); }	
#slider h2 					{ width:83%; float:left; color:#fff; font-size:20px; margin:0; padding:25px 20px 25px 100px; font-weight:300; font-style:italic; font-family:'Muli', sans-serif; }
#slider a.donate 			{ width:17%; display:block; float:left; height:100%; line-height:100%; color:#fff; padding:42px 0 0 0; 
							  font-family:'Montserrat', sans-serif; background:#45c4f2; text-align:center; font-size:25px; text-transform:uppercase; }	
#slider a.donate span 		{ display:inline-block; margin:0 0 0 3px 0; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:10px solid #fff; }
/* OR header static image */
#header-img 				{ clear:both; position:relative; }
#header-img img 			{ display:block; }
#header-img .banner 		{ width:auto; position:absolute; bottom:0; left:0; color:#fff; z-index:1000; padding:25px 50px 25px 100px; background-color:rgba(0, 0, 0, 0.5); }	
#header-img h2 				{ color:#fff; font-size:21px; margin:0; padding:0; font-weight:300; font-style:italic; font-family:'Muli', sans-serif; }

/* aspirants */
#aspirants 					{ margin:30px 0 30px 0; }
#aspirants .aspirant 		{ width:29%; float:left; margin:0 4% 30px 0; font-size:12px; height:600px; overflow:hidden; }
#aspirants .aspirant img 	{ display:block; }
#aspirants .aspirant h3 	{ margin:10px 0 10px 0; font-size:16px; font-weight:400; font-family:'Muli', sans-serif; }

/* share prayer */
#share-prayer h2.comments-title 				{ display:none; }
#share-prayer .comment-body div.comment-author 	{ display:none; }

#dafdirectdiv 		{ width:200px !important; }

/* ======================= searchform.php ================= */
form#searchform			{ position:relative; margin:0; padding:0; }
input#s 				{ width:96%; margin:0; padding:7px 2%; background:url(images/bg/icon-search.png) no-repeat 96% 7px; border:1px solid #ccc; outline:none; color:#555; } 
input#s:focus		 	{ border:1px solid #3e485a; }
input#searchsubmit 		{ position:absolute; right:0px; top:0px; width:23px; height:25px; background:none; border:none; outline:none; text-indent:-999px; }

/* ======================= Theme helpers ======================= */
/* multi-column lists */
ul.col-2			{ width:100%; overflow:hidden; }
ul.col-2 li			{ width:40%; float:left; margin:5px 0 0px 30px; }
ul.col-3			{ width:100%; overflow:hidden; }
ul.col-3 li			{ width:33%; float:left; margin:5px 0 5px 30px; }

/* ======================= Presentational classes generated by WordPress ======================= */
.aligncenter 				{ display:block; margin:0 auto }
.alignleft 					{ float:left }
.alignright 				{ float:right }
img.alignright				{ margin:0 0 20px 10px; }
img.alignleft				{ margin:0 20px 10px 0; }

/* WP captions */
.wp-caption					{ margin:0 0 20px 0; padding:15px; border:1px solid #EEE; background:#F7F7F7; }
.wp-caption.alignleft		{ margin-right:20px; }
.wp-caption.alignright		{ margin-left:20px; }
.wp-caption img				{ margin:0; padding:0; }
p.wp-caption-text			{ margin:5px 0 0 0; font-style:italic; font-size:11px; color:#9E8F32; }

/* ======================= Plugin Styling ======================= */
/* calendar 14 */
/* responsive maps */
.mapwrap                { position:relative; padding-bottom: 75%; /* This is the aspect ratio */ height:0; overflow:hidden; }
.mapwrap iframe         { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }

/* ======================= Shortcode Styling ======================= */
div.hr			{ width:100%; height:1px; clear:both; margin:20px 0; background:#4C254C; }

/*=========================== Review Script ===============================*/
.reviewsc {width:30%; float:right; padding-left:4.5%;}

/* ======================= Responsive ======================= */
/* responsive navigation */
#resp-nav									{ display:none; }
#resp-nav .menu-bar							{ padding:6px 2% 2px 2%; background:#45c4f2; color:#fff; }
#resp-nav a									{ display:block; color:#fff; margin:0; padding:10px 0; font-size:16px; }
#resp-nav a.home							{ width:75px; float:left; padding-top:12px; }
#resp-nav a.menu							{ width:34px; height:34px; float:right; text-align:right; background:url(images/bg/resp-menu-square.png) no-repeat 0 7px; }
#resp-nav .menu-wrap						{ display:none; padding:10px 2% 20px 2%; background:#30abd7; }
#resp-nav .menu-wrap > ul					{ margin:0; padding:0; }
#resp-nav .menu-wrap ul li					{ margin:0; padding:0; list-style:none; }
#resp-nav .menu-wrap ul li.menu-item-home	{ display:none; } /* hides the home link if it is there */
#resp-nav .menu-wrap ul li a				{ display:block; margin:0; padding:10px 0; }
#resp-nav .menu-wrap ul li ul li a			{ padding-left:15px; }
#resp-nav .menu-wrap ul li ul li ul li a	{ padding-left:30px; }

@media only screen and (min-width: 1201px) {
	ul#nav 						{ display:block !important; }
}
@media only screen and (max-width: 1200px) {
	#topbar 					{ display:none; }
	#logo h1 					{ margin:0 5%; padding:10px 0 20px 0; }
	#page-wrap					{ width:100%; margin:0 auto; }
	#logins 					{ border-top:15px solid #000; }
	#content-wrap 				{  }
	#footer						{ width:100%; margin:0 auto; padding:50px 0; color:#fff; }
	#copyright 					{ width:100%; margin:0 auto; padding:30px 0 40px 0; }
	.offset-right 				{ margin-right:5%; }
	.offset-left 				{ margin-left:5%; }
	#resp-nav					{ display:block; }
	#nav-wrap,
	#header-img .banner			{ display:none; }
	#slider 					{ height:auto; }
}
@media only screen and (max-width: 768px) {
	#topbar 					{ width:100%; display:block; }
	#logins 					{ border-top:none; }
	#primary					{ width:100%; float:none; }
	#primary .inner				{ padding:0; }
	#secondary					{ width:100%; float:none; }
	/* slider */
	#slider h2 					{ font-size:16px; padding:15px 15px 0px 35px; }
	#slider a.donate 			{ font-size:16px; }	
	#slider a.donate span 		{ display:none; }
	/* footer */
	#footer .widget 			{ width:100%; float:none; margin:0 0 30px 0; overflow:hidden; }
	#footer .widget:first-child img 	{ float:left; }
	/* remove contact round image, remove any other absolute positioned images like the side tags, etc. */
	.alignleft 					{ float:none; margin:0; }
	.alignright 				{ float:none; margin:0; }
	.wp-caption					{ max-width:100%; }
	.wp-caption.alignleft		{ margin:15px 0; }
	.wp-caption.alignright		{ margin:15px 0; }
	img.alignright				{ margin:0 0 0 10px; }
	img.alignleft				{ margin:0 0 10px 0; }
	ul.col-2 li					{ width:100%; float:none; }
	ul.col-3 li					{ width:100%; float:none; }
}
@media only screen and (max-width: 550px) {

	#slider .banner 			{ width:100%; position:static; top:0; left:0; color:#666; z-index:1000; height:auto; background-color:#fff; }
	#slider h2 					{ width:100%; height:auto; float:none; color:#666; font-size:18px; margin:0; padding:15px 5%; font-weight:300; }
	#slider a.donate 			{ width:100%; display:block; float:none; height:auto; line-height:1; color:#fff; padding:15px 5%; font-size:26px; }	
	#home .widget 				{ border-bottom:1px solid #ddd; width:100%; float:none; margin:0 0 20px 0; padding:20px 0 30px 0; }
	#home .widget img 			{  }
	#aspirants .aspirant 		{ border-bottom:1px solid #ddd; width:100%; float:none; margin:0 0 20px 0; padding:20px 0; font-size:14px; height:auto; }
	#copyright .widget_text 						{ width:100%; float:none; margin:0 0 20px 0; padding:0px; }
	#copyright .menu-social-links-container 		{ width:100%; float:none; }
	ul#social										{ margin:0; padding:0; float:none; }
	.reviewsc {padding-left:0;}
}