/*
* Stylesheet: Stratford Prep
* Author: MGH
* 
* Version: 1.0
*
*/

/* TWO COL HERO */
.two-col-hero {
	background:var(--blue);
	position:relative;
}

.two-col-hero .tch-media {
	background-size: cover;
	float:left;
	height:400px;
	width:65%;
}
.two-col-hero .tch-media.slider { height:auto; }

.two-col-hero .tch-content {
	box-sizing:border-box;
	float:left;
	padding:55px 4%;
	width:35%;
}

.two-col-hero .tch-content h2 {
	color:#ffffff;
	font-weight:bold;
	font-size:36px;
	margin-bottom:10px;
}

.two-col-hero .tch-content p {
	color:#ffffff;
	font-size:17px;
	line-height: 24px;
}

.two-col-hero .tch-content p.large {
	font-family: 'Handlee', cursive;
    font-size: 32px;
    line-height: 45px;
	padding: 15px 0 0;
}

.two-col-hero .tch-content .read-more { display:none; }

/* PAGE LIST DROPDOWN */
.page-list-dropdown {
	border: solid 1px #fff;
	margin-top: 15px;
	position:relative;
}

.page-list-dropdown li {
	border-top: solid 1px #fff;
	color:#fff;
	display:none;
	font-size:14px;
	position:relative;
}

.page-list-dropdown li.title {
	border:none;
	display:block;
	padding: 15px;
}

.page-list-dropdown li.title.open {
	display:none;
}

.page-list-dropdown li a {
	color:#fff;
	display:block;
	padding: 15px;
	text-decoration:none;
}

.page-list-dropdown li a:hover {
	background:#fff;
	color:var(--blue);
}

.page-list-dropdown li ul {
	text-indent:15px;
}

.page-list-dropdown li.title:after, 
.page-list-dropdown li.title:before,
.page-list-dropdown li.page_item_has_children:after, 
.page-list-dropdown li.page_item_has_children:before {
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-color:transparent;
	border-left-width: 15px;
	border-right-width: 15px;
	border-top-width:15px;
	position:absolute;
	right: 12px;
	transform: rotate(0deg);
}

.page-list-dropdown li.title:before,
.page-list-dropdown li.page_item_has_children:before {
  	border-top-color: #fff;
	top:15px;
}

.page-list-dropdown li.title:after,
.page-list-dropdown li.page_item_has_children:after {
  	border-top-color: var(--blue);
	top:14px;
}

.page-list-dropdown li.sub-open:before,
.page-list-dropdown li.sub-open:after { transform: rotate(180deg); }

.page-list-dropdown li.sub-open:before { top:12px; }
.page-list-dropdown li.sub-open:after { top:13px; }

.entry-content.two-thirds {
	float:left;
	width:60%;
}

/* PAGE LIST NAV */
.page-list-nav {
	float:right;
	width:33%;
}

.page-list-nav ul.top {
	border-bottom:1px solid #6A6565;
	margin-bottom:20px;
}

.page-list-nav ul li {
	border-top:1px solid #6A6565;
}

.page-list-nav ul li a {
	color:#000;
	display:inline-block;
	padding:10px 0;
	text-decoration:none;
}

.page-list-nav ul li.current_page_item > a,
.page-list-nav ul li a:hover {
	color:#7f1223;
}

.page-list-nav ul li ul {
	text-indent: 15px;
}

.page-list-nav .cta {
	background:#9D2235;
	color:#ffffff;
	display: inline-block;
	padding:10px 30px;
	margin-right:10px;
	text-decoration:none;
	text-transform:uppercase;
}

.page-list-nav .cta:hover {
	background:#7f1223;
}

/* PAGE LIST EXCERPT */
.page-list-excerpt {}

.page-list-excerpt ul {}

.page-list-excerpt ul li {
	margin-bottom:20px;
}

.page-list-excerpt ul li img {
	float:left;
	height:auto;
	margin-right: 3%;
	width:20%;
}

.page-list-excerpt ul li .excerpt {
	float:left;
	width:70%;
}

.page-list-excerpt ul li p {
	margin-bottom:20px;
}

.page-list-excerpt ul li a { 
	color:#000; 
	font-weight:bold; 
	position:relative;
	text-decoration:none;
}

.page-list-excerpt ul li a::after {
	content:'';
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #000;
	height: 0;
	width: 0;
	position: absolute;
	right: -11px;
	top: 5px;
}

.page-list-excerpt ul li a:hover { color:#7f1223; }
.page-list-excerpt ul li a:hover::after { border-left-color:#7f1223; }

/* TWO COL CTA */
.two-col-cta {
	background:var(--blue);
	position: relative;
	padding: 50px 0 50px;
}

.two-col-cta .tcc-photo {
	float:left;
	margin-bottom:30px;
	width:50%;
}

.two-col-cta .tcc-content {
	box-sizing:border-box;
	float:left;
	margin-bottom:30px;
    margin-left: 3%;
    padding: 0 0 0;
    width: 47%;
}

.two-col-cta .tcc-content h3 {
	color:#fff;
	font-size: 26px;
	font-weight: 700;
	margin-bottom:7px;
}

.two-col-cta p, 
.two-col-cta .tcc-content p {
	color:#fff;
	margin-bottom: 15px;
}

.two-col-cta .tcc-content p a {
    color: #fff;
    font-weight: bold;
}

.two-col-cta.hs {
	background:var(--red);
	margin-bottom: 50px;
}

.two-col-cta.hs .tcc-photo {
	float:right;
}

.two-col-cta.hs .tcc-content {
	margin-left: 0;
}

/* Misc */
.mobile-only { display:none; }

@media only screen and ( max-width: 1025px ) {
	.two-col-hero .tch-media { background-position: center; float:none; height: 250px; width:100%; }
	.two-col-hero .tch-content { float:none; padding: 25px 4%; width:100%; }
	.two-col-hero .select-wrap { display:block; }
	.two-col-hero .tch-content p { margin-bottom:20px; }
	.two-col-hero .tch-content p.large { padding:0; }
}

@media only screen and ( max-width: 768px ) {
		
	.entry-content.two-thirds { float:none; width:100%; }
	.entry-content .alignleft, .entry-content img.alignleft {
		float:none;
		width:100%
	}
	
	.page-list-excerpt ul li img { float:none; margin-bottom: 20px; width:100%; }
	.page-list-excerpt ul li .excerpt { float:none; margin-bottom: 40px; width:100%; }
	
	.page-list-excerpt ul li a {
		border: solid 2px #003868;
		color: #003868;
	    display: block;
		font-size: 20px;
	    margin: 0 auto;
		padding: 18px;
	    text-align: center;
	    width: 200px;
	}
	.page-list-excerpt ul li a::after { display:none; }
	
	.two-col-cta {
		padding-top:0;
	}
	
	.two-col-cta .tcc-photo { /* Full Width Mixin */ 
		float:none; 
		left: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		max-width: 100vw;
		position: relative;
		right: 50%;
		width: 100vw;
		
	}
	.two-col-cta.hs .tcc-photo { float:none; }
	
	.two-col-cta .tcc-content { float:none; margin-left: 0; padding:0; width:100%; }
	
	/* Misc */
	.desktop-only { display:none; }
	.mobile-only { display:block; }
}