/*
Theme Name: Basepoint
Theme URI: http://base.southpointmedia.com
Description: A small business template.
Author: Southpoint Media
Author URI: http://www.southpointmedia.com
Version: 1.0
*/

@import url("styles/normalize.css");
@import url("styles/superfish.css");
@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic); /* font-family: 'Lato', sans-serif; */

/* TAGS & CLASSES */
html { overflow-y: scroll; }
body { background-color: #818285; color: #525252; font-family: 'Lato', sans-serif; font-size: 15px; line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; }
h1 { font-size: 21px; font-weight: 900; }
h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 17px; font-weight: normal; }
a:link, a:visited { color: #525252; }
a:hover {}
p { margin: 0 0 20px; }

/* WORDPRESS */
.alignleft { float: left; margin: 0 20px 0 0; }
.alignright { float: right; margin: 0 0 0 20px; }
.aligncenter { display: block; margin: 0 auto; }
a.more-link { background-color: #818285; color: #FFFFFF; display: inline-block; font-size: 10px; line-height: 1; padding: 10px 12px; text-decoration: none; text-transform: uppercase; }

/* COMMON LAYOUT */
#container { background-color: #fff; margin: 0 auto; max-width: 100%; width: 1120px; }
	#container > * { margin: 0 3%; }
	header { min-height: 80px; padding: 21px 0 15px 0; position: relative; text-transform: uppercase;  }
@media (max-width: 767px){
header > hgroup {width: 100%!important;  background: url(https://www.catholicschoolhouse.com/wp-content/uploads/catholic-schoolhouse-header-mobile.jpg)!important;
              
    background-repeat:   no-repeat!important;
    background-position: left bottom!important;  
	}	
	
	}

@media (max-width: 375px){
	header > hgroup {background-size: 100%px!important; height: 95px!important;}
}
@media (max-width: 600px){
	header > hgroup {background-size: 100%!important; height: 120px!important;}
}
@media (max-width: 767px){
	header > hgroup {background-size: 100%!important; height: 130px!important;}
	#name {
		font-size: 18px;}
}

@media (min-width: 768px) and (max-width: 1119px){
	header > hgroup {width: 100%!important;}
}
		#name { font-size: 29px; line-height: 1; margin: 0; }
			#name a { text-decoration: none; }
		#description { font-size: 11px; margin: 0; }
		#main-menu { float: right; }
			#main-menu a { font-size: 16px; text-decoration: none; }
			#main-menu a:hover { text-decoration: underline; }
			#main-menu li[class*="current"] > a { font-weight: bold; }
			/* Top-level menu items */
			#main-menu > ul > li > a { padding: 10px; }
			/* Sub-menu items */
			#main-menu .sub-menu { background-color: #fff; box-shadow: 0px 2px 2px 2px rgba(52,52,52,0.5) }
			#main-menu .sub-menu a { padding: 5px 10px; }
		#mobile-menu > * { display: none; }
		#top-menu { position: absolute; right: 0; top: 15px; }
			#top-menu a { border-left: 1px solid; font-size: 12px; height: 24px; line-height: 24px; margin-left: 5px; padding-left: 5px; text-decoration: none; }
			#top-menu li:first-child a { border-left: none; }
			#top-menu a:hover { text-decoration: underline; }
			#top-menu a[href*="facebook"]	{ background-image: url(images/icons/facebook.png);	border: none; display: block; padding: 0; text-indent: -999em; width: 24px; }
			#top-menu a[href*="linkedin"]	{ background-image: url(images/icons/linkedin.png);	border: none; display: block; padding: 0; text-indent: -999em; width: 24px; }
			#top-menu a[href*="twitter"]	{ background-image: url(images/icons/twitter.png);	border: none; display: block; padding: 0; text-indent: -999em; width: 24px; }
			#top-menu a[href*="youtube"]	{ background-image: url(images/icons/youtube.png);	border: none; display: block; padding: 0; text-indent: -999em; width: 24px; }
			#top-menu a[href*="mailto"]	{ background-image: url(images/icons/email.png);		border: none; display: block; padding: 0; text-indent: -999em; width: 24px; }
			#top-menu a[href*="flickr"]	{ background-image: url(images/icons/flickr.png);		border: none; display: block; padding: 0; text-indent: -999em; width: 24px; }
			#top-menu a[href*="feed"]	{ background-image: url(images/icons/rss.png);		border: none; display: block; padding: 0; text-indent: -999em; width: 24px; }
	#main { clear: both; overflow: hidden; }
		#main > hgroup { text-transform: uppercase; }
			#page-title { font-size: 21px; font-weight: 900; margin: 0; }
			#breadcrumbs { font-size: 11px; margin: 0 0 5px; }
				#breadcrumbs a { text-decoration: none; }
				#breadcrumbs a:hover { text-decoration: underline; }
		#content {}
		.woocommerce.has-sidebar #content {
			float: none;
			margin: 0;
			width: 100%;
		}
		.has-sidebar #content, .woocommerce.has-sidebar #content #container { float: left; margin-right: 3%; width: 73%; }
			#page-banner { display: block; margin-bottom: 20px; max-width: 100%; }
		#sidebar { float: left; width: 24%; }
	footer { font-size: 11px; margin-top: 20px; overflow: hidden; }
		footer p { clear: right; margin: 0 0 20px; }
		#footer-menu { float: left; }
			#footer-menu a { line-height: 1.6; margin-right: 10px; text-decoration: none; text-transform: uppercase; }
			#footer-menu a:hover { text-decoration: underline; }
		#copyright { float: right; }

/* POSTS */
#content article { margin: 20px 0; overflow: hidden; }
#content article:first-child { margin-top: 10px; }
	#content article > .title { font-size: 17px; margin: 0 0 5px; }
	#content article > .title a { text-decoration: none; }
	#content article .meta { color: #818285; font-size: 13px; margin: 0; text-transform: uppercase; }
	.single #content article .meta { margin-bottom: 10px; }
	#content article .excerpt p { margin: 10px 0 0; }
		#content article .excerpt p:first-child { margin-top: 0; }
	#content article .entry > *:first-child { margin-top: 0; }

.wp-pagenavi { margin: 0 0 25px; }

/* WIDGETS */
.widget { margin-top: 30px; }
.widget:first-child { margin-top: 0; }
	.widget > .title { border-bottom: 1px solid #525252; font-size: 15px; font-weight: 900; margin: 0 0 10px; padding-bottom: 10px; text-transform: uppercase; }
	.widget > ul, .widget ul.menu { list-style: none; margin: 0; padding: 0; }
		.widget > ul > ul, .widget ul.sub-menu { list-style: none; margin: 0; }

#before-content {}
	#before-content .spm_cta_widget { padding-right: 25%; position: relative; }
	#before-content .spm_cta_widget .title { border: medium none; font-size: 19px; font-weight: 700; line-height: 1; margin: 0; padding: 0; text-transform: none;}
		#before-content .spm_cta_widget .more-link { font-size: 17px; padding: 12px 20px; position: absolute; right: 0; top: 0; }

#after-content { clear: both; overflow: hidden; }
	#after-content .widget { float: left; margin: 0 3% 30px 0; width: 31.3%; }
	.oldie #after-content .widget { margin: 0 1.5% 30px; width: 30.3%; }
	#after-content .widget:nth-child(4n) { clear: left; }
	#after-content .widget:nth-child(3n) { margin-right: 0; }

/* HOME PAGE */
.home #main { margin: 0; }
.home #content { margin: 0 3%; }
.home.has-sidebar #content { width: 67%; }

#slides { margin-bottom: 25px; position: relative; }
	#slides .slides { overflow: hidden; }
		#slides .slide { background-color: #E6E6E6; height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 100%; }
		#slides .entry { float: left; margin: 3%; max-width: 45%; }
		#slides .content .entry { float: none; max-width: 100%; }
			#slides h1 { font-size: 36px; line-height: 1; margin: 0 0 20px; text-transform: uppercase; }
			#slides p { margin: 0 0 20px; }
		#slides .video { float: left; margin: 3% 3% 3% 0; max-width: 45%; }
		#slides .wp-post-image { display: block; max-width: 100%; }
		#slides .slide[class*="content"] .wp-post-image { float: left; margin: 3% 3% 3% 0; max-width: 45%; }
		#slides .cta {}
			#slides .more-link { font-size: 17px; padding: 15px 20px; }
		#slides .overlay { background: url(images/overlay.png); bottom: 0; color: #FFFFFF; left: 0; position: absolute; text-transform: uppercase; width: 100%; }
		.rgba #slides .overlay { background: rgba(0, 0, 0, 0.8); }
			#slides .overlay .entry { margin: 15px 3%; }
				#slides .overlay h1 { color: #fff; font-size: 21px; margin: 0; }
				#slides .overlay p { margin: 0; }
			#slides .overlay .cta { margin: 15px 3%; }
	#pager { bottom: 2%; position: absolute; right: 3%; z-index: 100; }
		#pager a { background-color: #FFFFFF; display: inline-block; height: 14px; margin-left: 7px; text-indent: -999em; width: 14px; }
		#pager .activeSlide { background-color: #818285; }
		
.home #after-content { margin: 0 3%; }

/* TESTIMONIALS */
.spm_testimonial hgroup { background: url(images/quote.png) no-repeat scroll 0 5px transparent; display: inline-block; padding-left: 35px; }
	.spm_testimonial .title { font-size: 14px; margin: 0; text-transform: uppercase; }
	.spm_testimonial .sub-title { font-size: 10px; font-weight: normal; margin: 0; text-transform: uppercase; }
	.spm_testimonial .entry .more-link { float: right; }

.widget .spm_testimonial { font-size: 13px; }
.widget .spm_testimonial.has-thumbnail hgroup { margin-left: 92px; }

/* CONTACT FORM */
#spm-contact-form { color: #525252; font-size: 13px; max-width: 400px; width: 100%; }
	#spm-contact-form p { margin: 0 0 10px; }
	#spm-contact-form .error { color: red; }
	#spm-contact-form .notice { color: green; }
	#spm-contact-form label { display: block;  font-weight: bold; text-transform: uppercase; }
	#spm-contact-form br { display: none; }
	#spm-contact-form input, #spm-contact-form textarea { border: 1px solid #CFCFCF; display: block; height: 15px; padding: 5px; width: 95%; }
	#spm-contact-form textarea { height: 80px; }
	#spm-contact-form input[type="submit"] { background-color: #818285; color: #FFFFFF; display: inline-block; float: right; font-size: 10px; height: auto; line-height: 1; padding: 5px 12px; text-decoration: none; text-transform: uppercase; width: auto; }

/* MEDIA ADJUSTMENTS */
@media only screen and (max-width: 800px) {
	#slides .entry, #slides .video, #slides .slide[class*="content"] .wp-post-image { float: none; margin: 3%; max-width: 100%; }
	.has-sidebar #content, #sidebar, .woocommerce.has-sidebar #content #container { float: none; margin: 0 0 20px; width: auto; }
	/*.has-sidebar #content, #sidebar { float: none; margin: 0 0 20px; width: auto; }*/
	.home #content, .home #sidebar { margin: 0 3%; width: auto !important; }
	#sidebar .widget, #after-content .widget { float: left; margin: 0 3% 30px 0; width: 48.5%; }
	.oldie #sidebar .widget, .oldie #after-content .widget { margin: 0 1.5% 30px; width: 47%; }
	#sidebar .widget:nth-child(3n), #after-content .widget:nth-child(3n) { clear: left; }
	#sidebar .widget:nth-child(2n), #after-content .widget:nth-child(2n) { margin-right: 0; }
}
@media only screen and (max-width: 600px) {
	#top-menu, #main-menu, #footer-menu { display: none; }
	.js #mobile-menu .tinynav { display: block; margin: 20px 0 0; }
	#slides .overlay { background: none !important; color: #525252; position: static; text-transform: none; }
	#slides .overlay h1 { color: #525252; font-size: 36px; margin: 0 0 20px; }
	#slides .more-link { font-size: 10px; padding: 10px 12px; }
	#before-content .spm_cta_widget { padding-right: 0; }
	#before-content .spm_cta_widget .more-link { margin: 20px 0 0; position: static; }
	div[class*="wpcol"] { float: none; margin: 0; width: auto; }
	#sidebar .widget, #after-content .widget { float: none; margin: 0 0 30px; width: auto; }
	#copyright { float: none; }
}

/* 2013/02/21: Tables spacing/alignment */
table { border-collapse: separate; border-spacing: 20px; }
table td { vertical-align: top; }