/*
Theme Name: 	Catholic Schools Diocese of Dallas
Theme URI: 		http://malphursinteractive.com
Version: 		1.0
Author: 		Jason Donnini
Tags: 			HTML5, CSS3
*/

/* =============================================================================
   HTML5 Reset
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
	audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
	audio:not([controls]) {display:none;}
	[hidden] {display:none;}
	
	html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	html, button, input, select, textarea {font-family:sans-serif;color:#222;}
	body {margin:0;font-size:1em;line-height:1;}
	p {padding:7px 0 0 0;}
	
	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#444;margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;}
	
	a {color:#266E9E;text-decoration:none;}
	a:focus {outline:0;}
	a:hover, a:active {outline:0;}
	
	abbr[title] {border-bottom:1px dotted;}
	b, strong {font-weight:bold;}
	.clear {clear:both;}
	dfn {font-style:italic;}
	hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
	ins {background:#FF9;color:#000;text-decoration:none;}
	mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
	pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
	pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
	q {quotes:none;}
	q:before, q:after {content:"";content:none;}
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}
	
	sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup {top:-0.5em;}
	sub {bottom:-0.25em;}
	
	ul {margin:0;padding:0;list-style:none;}
	ol {margin:15px;}
	
	dd {margin:0 0 0 40px;}
	nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}
	
	img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
	
	svg:not(:root) {overflow:hidden;}
	
	figure {margin:0;}
	
	form {margin:0;}
	fieldset {border:0;margin:0;padding:0;}
	label {cursor:pointer;}
	legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
	button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
	button, input {line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}
	input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
	textarea {overflow:auto;vertical-align:top;resize:vertical;}
	input:valid, textarea:valid {}
	input:invalid, textarea:invalid {background-color:#F0DDDD;}
	
	table {border-collapse:collapse;border-spacing:0;}
	td {vertical-align:top;}

/* =============================================================================
   General Styles
   ========================================================================== */
   
   	/* Font Face Setup, add fonts to /fonts/ folder and link up below with filenames */
	@font-face {
		 font-family: 'interstatebold';
    src: url('fonts/interstate-bold-webfont.eot');
    src: url('fonts/interstate-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/interstate-bold-webfont.woff') format('woff'),
         url('fonts/interstate-bold-webfont.ttf') format('truetype'),
         url('fonts/interstate-bold-webfont.svg#interstatebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
   	body {
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
		font-size: 0.875em;
		line-height: 1em;
		-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
		-moz-font-smoothing:antialiased;
		-o-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
		color:#404040; /* Lighter on the eyes than #000 Black */
		background-color:#202287;
	}
	
/* =============================================================================
   Structure
   ========================================================================== */
   
   /* Interactive Map Begins */
   
   	#map {margin: 0px; padding: 0px; width: 400px;}
	
	#side_bar {margin: 0 10px; overflow: scroll; height: 400px;}
	
	.InteriorContent form {margin-top: 10px; font-weight: bold; text-align: center;}
	
	.InteriorContent #google {border: 1px solid #999;}
	
	#side_bar a {font-weight: 500; color: #171860;}
	
	#side_bar a {display: inline-block; padding: 5px 0; margin: 0; line-height: 1.25em;}
	
	#map .gmnoprint {line-height: 1.375em;}
	
	#map .gmnoprint a {float: left; font-weight: 500; color: #171860; padding: 0 3px 0 0; }
   
   /* Interactive Map Ends */
   
   .clear {clear:both;}
   
   a.post-edit-link {font-weight: 500; color: #171860;}

	header {
		height: 178px;
		width: 100%;
		background-color: #3a3a3a;
		clear:both;
		float: left;
	}
	
	#wrapper {
		background-image: url(img/body_tile.png);
		background-repeat: repeat;
	}
	
	.wrapper {
		margin:0 auto;
		width: 1280px;
	}
	
	.body {
		background-image: url(img/body_bkgd.png);
		background-repeat: repeat-y;
		background-position: left top;
		background-color: #FFF;
	}
	
	header .logo {
		width: 334px;
		height: 178px;
		float: left;
	}
	
	header .growing {
		width: 382px;
		height: 178px;
		float: left;
		background-image: url(img/header_growing.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	header .find {
		width: 564px;
		height: 178px;
		float: left;
	}
	
	nav {
		height: 48px;
		clear: both;
		background-image: url(img/nav_bkgd.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		text-align: center;
		clear:both;
		float: left;
		width:100%;
	}
	
	nav .wrapper ul {
		font-family: 'interstatebold';
		font-size: 1.145em;
		text-transform: uppercase;
		color: #FFF;
		line-height: 1em;
	}
	
	nav .wrapper ul li {
		display: inline-block;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #317ecb;
		margin-left: -5px;
	}
	
	nav .wrapper ul li a {
		display: block;
		color: #FFF;
		padding: 17px 13px 15px 13px;
		margin: 0;
	}
	
	nav .wrapper ul li a:hover {
		display: block;
		background-image: url(img/nav_hover.jpg);
		background-repeat: repeat-x;
		background-position: left top;
	
	}
	
	nav .wrapper ul li:last-child {
		border: none;
	
	}
	
	nav .wrapper ul li ul.sub-menu{
		font-family: Arial, Helvetica, sans-serif;
		position: absolute;
		background-color: #d4d0c3;
		padding: 0 0 0 5px;
		text-align: left;
		text-transform: none;
		font-size: 0.75em;
		display: none;
		z-index: 1001;
	}
	
	nav .wrapper ul li:hover ul.sub-menu{
		display: block;
		border: none;
	}
	
	nav .wrapper ul li ul.sub-menu li{
		display: block;
		border: none;
	}
	
	nav .wrapper ul li ul.sub-menu li a{
		display: block;
		color: #6e0a17;
		padding: 6px 17px 6px 13px;
	}
	
	nav .wrapper ul li ul.sub-menu li a:hover, nav .wrapper ul li ul.sub-menu li.current_page_item a {
		background-color: #e5e3db;
		background-image: none;	
	}
		
	aside {width: 249px; float: left; position: relative;}
	
	.sidebar {background-color: #d4d0c3;}
	
	aside h2 {
		font-family: 'interstatebold';
		width: 218px;
		background-color: #b0aa95;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 31px;
		color: #FFF;
		text-transform: uppercase;
		font-size: 1.145em;
		font-weight: normal;
    	font-style: normal;
	}
	
	aside ul.recent {padding: 14px 12px 15px 12px; display: block;}
	
	aside ul.recent li {display: block; width: 207px; color: #010101; font-size: 0.875em; font-style: italic; line-height: 1em; margin: 0 0 .5em 0; padding: 0; float: left;}
	
	aside ul.recent li h3 a {color: #6e0a17; font-weight: 700; font-style: 300; }
	
	aside ul.recent li p {margin: 0 0 7px 0; overflow: hidden;}
	
	.recent_date {
		float: left;
		height: 41px;
		width: 48px;
		color: #fff;
		border: 1px solid #FFF;
		text-align: center;
		font-weight: 700;	 
		background-color: #4db8f0;
		font-size: 1.125em;
		padding: 7px 0 0 0;
		margin: 0 12px 12px 0;
		font-style: normal;
	}
	
	.recent_date span{
		text-transform: uppercase;
		font-size: 0.5em;
		color: #fff;
	}
	
	aside ul.quicklinks {width: 209px; padding: 15px 0 15px 40px;}
	
	aside ul.quicklinks li {
		list-style-position: inside;
		list-style-image: url(img/quick_arrow.png);
		list-style-type: disc;
		line-height: 1.375em;
	}
	
	aside ul.quicklinks li a {
		color: #6e0a17; font-weight: 700; font-style: normal;
	}
	
	aside .contact {width: 209px; padding: 22px 0 25px 40px; color: #6e0a17; font-weight: 700; font-style: normal; line-height: 1.6875em;}
	
	.subnav {
		width: 200px;
		float: left;
		padding: 6px 0 87px 0;
		background-image: url(img/subnav_bkgd.png);
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	
	.subnav h2 {
		padding: 15px 10px;
		background-color: #d4d0c3;
		width: 176px;
		border-bottom-width: 10px;
		border-bottom-style: solid;
		border-bottom-color: #b0aa95;
		color: #ac1428;
		line-height: 1.0875em;
	}
	
	.subnav ul {color: #4db8f0; padding: 15px 10px; line-height: 1.625em; font-weight:700;}
	
	.subnav ul li {
		list-style-position: inside;
		list-style-type: disc;
	}
	
	.subnav ul.archive li {list-style:none;}
	
	.subnav ul.archive li ul li ul li {
		list-style-position: inside;
		list-style-type: disc;
	}
	
	.subnav ul li a {color: #000000;}
	
	.subnav ul li a:hover, .subnav ul li.current_page_item a {color: #ac1428; text-decoration: none;}
	
	.divider {
		width: 100%;
		border-top-width: 5px;
		border-bottom-width: 5px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #fff;
		border-bottom-color: #fff;
		background-color: #b0aa95;
		height: 10px;
		clear:both;
	}
	
	.home_lower {
		width: 800px;
		height: 166px;
		background-color: #f7c027;
		background-image: url(img/home_lower.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding: 15px 50px 45px 430px;
		font-size: 1.125em;
		line-height: 1.9375em;
		color: #4c4c4c;
		text-justify:inter-word;
		text-align:justify;}
	
	article {padding: 0; margin: 0 0 25px 0;}
	
	.interior {width: 986px; float: left; padding: 27px 26px 0 19px;}
	
	.interior_header {float: right; width: 744px; height: 100%; padding: 12px; -moz-box-shadow: 0px 0px 10px #666; -webkit-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666; border-radius: 6px 0 0 6px; margin: 0 0 50px 0;}
	
	.interior_wrapper {width: 729px; float: right; padding: 0px 20px 40px 20px; line-height: 1.875em;}
	
	.blog_bkgd { background-image: url(img/blog_bkgd.jpg); background-repeat: no-repeat; background-position: left bottom;}
	
	#image_loop {width: 220px; height: 155px; margin: 0 20px 0 0; float: left;}
	
	#image_loop img {max-width:100%; max-height:100%; margin:auto; display:block;}
	
	.interior_wrapper h2 {color: #ac1428; font-size: 1.5em; margin: 0 0 15px 0;}
	
	.interior_wrapper h2.yellow {color: #f7c027;}
	
	.interior_wrapper h2.blog {margin: 0 0 0 0;}
	
	.author {font-style:italic;}
	
	.interior_wrapper p {margin: 0 0 20px 0; text-justify:inter-word; text-align: justify;}
	
	.interior_wrapper p a, .interior_wrapper ul li a {font-weight: 700; color: #171860;}
	
	.interior_wrapper ul li strong a {font-weight: 700;}
	
	.interior_wrapper ul { list-style-position: outside; list-style-type: disc; padding: 0 0 0 20px;}
	
	.interior_wrapper ul li {padding: 0 0 15px 0;}
	
	.interior_image {float: right; width: 237px; height: 100%; padding: 12px; -moz-box-shadow: 0px 0px 10px #666; -webkit-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666; border-radius: 6px 6px 0 0; margin: 0 0 20px 20px;}
	
	footer {clear: both; text-align: center;}
	
	footer ul {padding: 13px 0; font-size: .75em;}
	
	footer ul li {
		display: inline-block;
		color: #FFF;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #53aae6;
		padding-right: 5px;
		padding-left: 3px;
	}
	
	footer ul li:last-child {
		border: none;
		padding-right: 0px;
	}
	
	footer ul li a {color: #FFF;}
	
	footer ul li a:hover, aside a:hover, .interior_wrapper p a:hover, .interior_wrapper ul li a:hover, #map .gmnoprint a:hover, #side_bar a:hover, a.post-edit-link:hover {text-decoration: underline;}

/* =============================================================================
   Individual School Template
   ========================================================================== */

   	h3 span,
   	h4 span {
   		font-size: .8em;
   	}

   	.page-template-page-school header {
   		height: auto;
   	}
   	.page-template-page-school .wrapper {
   		max-width: 1280px;
   		width: 100%;
   	}
   	.page-template-page-school header .wrapper {
   		background-image: url(http://www.csodallas.org/wp-content/uploads/2017/06/blueribbon-faces-2.jpg);
	    background-size: 50%;
	    background-position: 100% 50%;
	    background-repeat: no-repeat;
   	}

   	.s-logo {
    	float: left;
	    max-width: 100%;
	    width: 100%;
   	}
   	.s-logo img {
   		width: 100%;
   		height: auto;
   	}
   	.s-header-image {
		display: none;
   	}

	.s-body {
		background-color: #fff;
		max-width: 1280px;
		width: 100%;
	}
	.s-body .interior {
		width: 100%;
		float: left;
		padding: 0;
	}
   .s-body .interior_wrapper {
	    width: 100%;
	    float: left;
	    padding: 0;
	    line-height: 1.875em;
	}

	.s-body article {
		padding: 1rem;
	}

	.s-body article h1 {
		margin-top: 1.5rem;
		background: #a81829;
	    display: inline-block;
	    padding: .5rem 1rem;
	    -webkit-border-radius: 15px;
	    -moz-border-radius: 15px;
	    border-radius: 15px;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 2.4rem;
	    line-height: 1.2;
	}

	.page-template-page-school .interior_wrapper p {
		font-size: 16px;
	}

	/* /schools sidebar nav */
	.page-item-2353,
	.page-item-2361,
	.page-item-2389,
	.page-item-2292,
	.page-item-2369,
	.page-item-2376,
	.page-item-2382,
	.page-item-2393 {
		display: none;
		visibility: hidden;
	}

/* =============================================================================
   Mobile First Media Queries
   ========================================================================== */

	/* 320px and greater */
	@media only screen and (min-width: 320px) {
	/* Styles here */
	}

	/* 480px and greater */
	@media only screen and (min-width: 480px) {
	/* Styles here */
	}

	/* 768px and greater */
	@media only screen and (min-width: 768px) {
	/* Styles here */
	}

	/* 960px and greater */
	@media only screen and (min-width: 960px) {

		.s-logo {
	    	float: left;
		    max-width: 50%;
		    width: 100%;
	   	}
	   	.s-logo img {
	   		width: 100%;
	   		height: auto;
	   	}
	   	.s-header-image {
		    float: left;
		    max-width: 50%;
		    height: 178px;
		    display: block;
		    background-position: 50%;
		    width: 100%;
	   	}
	   	.s-body article {
			padding: 2rem;
		}
	   	.s-body article h1 {
			margin-top: 0;
		}

	}

	/* 1024px and greater */
	@media only screen and (min-width: 1024px) {
	/* Styles here */
	}

	/* Retina screens */
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
	}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
   /* Custom Selection Styles */
   ::selection {background:#f6c229;text-shadow:none;}
   ::-webkit-selection {background:#f6c229;text-shadow:none;}
   ::-moz-selection {background:#f6c229;text-shadow:none;}
   
   /* Input focus styles */
   input:focus {outline:0;border:1px solid #f6c229;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
   .alignnone {margin:5px 20px 20px 0;}
   .aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
   .alignright {float:right;margin:5px 0 20px 20px;}
   .alignleft {float:left;margin:5px 20px 20px 0;}
   .aligncenter {display:block;margin:5px auto 5px auto;}
   a img.alignright {float:right;margin:5px 0 20px 20px;}
   a img.alignnone {margin:5px 20px 20px 0;}
   a img.alignleft {float:left;margin:5px 20px 20px 0;}
   a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
   .wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
   .wp-caption.alignnone {margin:5px 20px 20px 0;}
   .wp-caption.alignleft {margin:5px 20px 20px 0;}
   .wp-caption.alignright {margin:5px 0 20px 20px;}
   .wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
   .wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
   .sticky {}
   .bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

   @media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
   }