/*
Theme Name: Willson Hill Academy
Theme URI: https://www.webdingo.net/zoo
Author: Web Dingo
Author URI: https://www.webdingo.net
Description: Single page multi purpose parallax and animated scrolling theme.
Version: 1.0.6
License: GNU General Public License
License URI: license.txt
Tags: white, light, one-column, two-columns, right-sidebar, flexible-width

*/

/* ==========================================================================
   Fonts
   ========================================================================== */

/** Generated by FG **/
@font-face {
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond";
	src: url("fonts/HelveticaLTStd-LightCond.eot");
	src: local("☺"), url("fonts/HelveticaLTStd-LightCond.woff") format("woff"),
		url("fonts/HelveticaLTStd-LightCond.ttf") format("truetype"),
		url("fonts/HelveticaLTStd-LightCond.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   General
   ========================================================================== */
html {
	font-style: normal;
	/*line-height:1.65;*/
	line-height: 1.8;
	font-family: serif;
}

body {
	height: 100%;
	width: 100%;
	/*overflow-x:hidden; 	
  overflow-y:auto;*/
	overflow: visible;
	font-family: Helvetica, Arial, sans-serif;
}
p,
li {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
.lt-ie8 body {
	overflow: hidden;
}
.lt-ie8 .page {
	position: relative;
}
.lt-ie8 .mainnav,
.lt-ie8 .slide-caption,
.lt-ie8 .scrollanimation,
.lt-ie8 #topbar {
	left: 0;
}
.lt-ie8 .nav-links li,
.lt-ie8 .tabs li,
.lt-ie8 .portfolio-nav li,
.lt-ie8 .social-networks li,
.lt-ie8 .portfolioinner li,
.lt-ie8 .mix {
	float: left;
}
.lt-ie9 .mainnav .row {
	padding: 0px 15px;
}
.lt-ie9 .nav-links {
	right: -60px;
}

#main,
#primary {
	min-height: 100%;
}

.fixed {
	position: fixed !important;
	top: 0;
}

.alignright {
	text-align: right;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.alignleft {
	text-align: left;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.aligncenter {
	text-align: center;
}
.nopadding {
	padding: 0 !important;
}

div.page {
	width: 100%;
	padding: 90px 0px;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 10;
}

.home .page {
	padding: 90px 0;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	div.page {
		position: static;
	}
} /* Chrome Hack */

/*.page-template-default #main{padding-top: 54px;}*/
.grid:after {
	content: "";
	display: table;
	width: 100%;
	clear: both;
}
.footer {
	width: 100%;
	text-align: center;
	padding: 70px 35px;
}
.footer:before {
}
.footer small {
	display: block;
	width: 100%;
	margin-top: 8px;
	font-size: 80%;
	text-align: center;
}
.footer .grid > div {
	padding: 5px 15px;
}

.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0.9);
		opacity: 0.7;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;
	}
}

.iconholder {
	width: 12.13675213675214%;
	position: relative;
	float: left;
	height: 500px;
	margin: 0% 3.931623931623932%;
}
.lt-ie8 .iconholder {
	margin: 0% 3.5%;
}

/* ==========================================================================
   Typography
   ========================================================================== */
::selection {
	background: #22303d;
	color: #fff;
}
::-moz-selection {
	background: #22303d;
	color: #fff;
}

.ampersand {
	font-family: Ampersand, Verdana, sans-serif;
}
.breakword {
	word-wrap: break-word;
}
.normal-wrap {
	word-wrap: normal;
}
.inherit-wrap {
	word-wrap: auto;
}
small {
	font-size: 65%;
}

.c12 h1:after,
h2.tribe-events-single-event-title:after {
	content: "";
	display: block;
	border-bottom: 1px solid #22303d;
	margin-top: -3px;
}
h2.tribe-events-single-event-title {
	border-bottom: 1px solid #22303d;
	line-height: 0.45 !important;
	font-size: 45px !important;
	color: #22303d !important;
}

#L2Header {
	margin-top: 1px;
}

#L2Header h1 {
	padding-top: 92px;
	color: #fff;
	text-transform: capitalize;
	margin-left: 3%;
}

.page-header {
	border-bottom: 1px solid #22303d;
	margin: -25px 0 30px 0;
}

.category-blog .page-header,
.category-news .page-header,
.category-announcements .page-header {
	display: none;
}

.date .page-header,
.category .page-header,
.author .page-header,
.single-post .page-header,
.page-id-4581 .page-header {
	border: none;
}

.date .page-header,
.category .page-header,
.author .page-header,
.page-id-4581 .page-header {
	margin: -25px 0 0 0;
}

.page-header h1 {
	font-size: 46px;
	margin-top: 9px;
	line-height: 1.2;
	position: relative;
	top: 18px;
	margin: 0;
}
.date .page-header h1,
.category .page-header h1,
.author .page-header h1,
.single-post .page-header h1,
.page-id-4581 .page-header h1 {
	line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1;
	margin-top: 0;
	text-rendering: optimizeLegibility;
	font-weight: normal;
	letter-spacing: 2px;

	/*  font-family: 'Conv_Adobe - HelveticaLTStd-LightCond', 'Open Sans Condensed', Helvetica, Arial, sans-serif;*/
	font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
}
h2,
h3,
h4,
h5,
h6 {
	margin: 0.8em 0 0.5em 0;
}

.tera {
	margin-bottom: 0.25385em;
}
.giga {
	margin-bottom: 0.33em;
}
.mega {
	margin-bottom: 0.4125em;
}
/*h1, */
.alpha {
	margin-bottom: 0.495em;
}
/*h2, */
.beta {
	margin-bottom: 0.61875em;
}
/*h3, */
.gamma {
	margin-bottom: 0.825em;
}
/*h4, */
.delta {
	margin-bottom: 1.2375em;
}
/*h5, */
.epsilon {
	margin-bottom: 1.4142857142857141em;
}

h6,
.zeta,
.entry-title a,
#reply-title span > span {
	/*  margin: 0;
  display: inline !important;
  padding: 12px 15px;
  background-color: #2e2e2e;
  color: #fff !important; */
	font-size: 26px !important;
	letter-spacing: 2px;
	/*  text-transform: uppercase;
  line-height: 34px;*/
}

h6:after,
.zeta:after,
.entry-title a:after,
#reply-title span > span:after {
	content: "";
	width: 100%;
	height: 0px;
	display: block;
	float: left;
	/*  border-top: 1px dotted rgba(23,23,23,0.5);
  margin-top: -1px;
  margin-bottom: 1.65em;*/
}
.lt-ie9 h6:after,
.lt-ie9 .zeta:after,
.lt-ie9 .entry-title a:after,
.lt-ie9 #reply-title span > span:after {
	border-top: 1px dotted #a4a4a3;
}

#reply-title a {
	color: #fff;
}
a {
	text-decoration: none;
	-webkit-transition: color 75ms ease;
	-moz-transition: color 75ms ease;
	-ms-transition: color 75ms ease;
	-o-transition: color 75ms ease;
	transition: color 75ms ease;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px dotted rgba(23, 23, 23, 0.5);
	margin: 0px;
}
.lt-ie9 hr {
	border-top: 1px dotted #a4a4a3;
}

.drop-cap:first-letter {
	float: left;
	margin: auto 0.15em auto auto;
	padding: inherit;
	font-size: 6em;
	font-family: LatoBlack;
	line-height: 1;
	text-indent: 0;
	background: transparent;
	color: inherit;
	font-style: normal !important;
}
p + .drop-cap {
	text-indent: 0;
	margin-top: 0;
}
.zoo-page-title {
	font-size: 1.18em;
}
.zoo-page-title span {
	font-weight: normal;
}

h2 + p,
h3 + p,
h4 + p {
	margin-top: -0.8em;
}

p {
	margin: auto auto 1.5em;
}
p + p {
	margin-top: -0.5em;
}
abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
pre code {
	word-wrap: normal;
}
code {
	font-family: monospace;
}
abbr {
	font-variant: small-caps;
	font-weight: 600;
	text-transform: lowercase;
	color: #808080;
}
abbr[title]:hover {
	cursor: help;
}
.lining dt,
.lining dd {
	display: inline;
	margin: 0;
}
.lining dt + dt:before,
.lining dd + dt:before {
	content: "\A";
	white-space: pre;
}
.lining dd + dd:before {
	content: ", ";
}
.lining dd:before {
	content: ": ";
	margin-left: -0.2em;
}
.dictionary-style dt {
	display: inline;
	counter-reset: definitions;
}
.dictionary-style dt + dt:before {
	content: ", ";
	margin-left: -0.2em;
}
.dictionary-style dd {
	display: block;
	counter-increment: definitions;
}
.dictionary-style dd:before {
	content: counter(definitions, decimal) ". ";
}
blockquote p:last-of-type {
	margin-bottom: 0;
}
.blockquote + figcaption {
	display: block;
	font-size: inherit;
	text-align: right;
}
.blockquote + figcaption:before {
	content: "-";
}
/*blockquote{
  background: url('images/quote.png') no-repeat 0px 5px;
  padding: 0px 0px 0px 55px;
  margin: 0;
  font-style: italic; 

}
blockquote:after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin: 15px 0px;
  border-bottom: 1px dotted rgba(23,23,23,0.5) !important;
}*/
.lt-ie9 blockquote:after {
	border-bottom: 1px dotted #a4a4a3;
}
cite {
	color: #2e2e2e;
	font-style: normal;
}
.pull-quote {
	position: relative;
	padding: 1em;
}
.pull-quote:before,
.pull-quote:after {
	height: 1em;
	opacity: 0.15;
	position: absolute;
	font-size: 4em;
	color: #dc976e;
}
.pull-quote:before {
	content: "“";
	top: 0;
	left: 0;
}
.pull-quote:after {
	content: "”";
	bottom: 0;
	right: 0;
}
.tooltip {
	display: inline;
	position: relative;
}
.tooltip:hover {
	text-decoration: none;
}
.tooltip:hover:after {
	background: #111;
	background: #111;
	bottom: 18px;
	color: #fff;
	content: attr(title);
	display: block;
	left: -50%;
	margin-left: -15px;
	padding: 5px 15px;
	position: absolute;
	white-space: nowrap;
	z-index: 98;
}
.tooltip:hover:before {
	border: solid;
	border-color: #111 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 12px;
	content: "";
	display: block;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	z-index: 99;
}

/* ==========================================================================
   Navigation
   ========================================================================== */
.mainLogo img {
	display: inline;
	vertical-align: middle;
}
.mainLogo {
	padding: 0;
	float: left;
	line-height: 55px;
}
.lt-ie8 .mainLogo {
	padding-top: 15px;
}
.page-template-single-page-php .mainnavhide {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.mainnav {
	display: block;
	width: 100%;
	min-height: 50px;
	letter-spacing: 1px;
	position: relative;
	z-index: 50;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(86, 90, 88, 0.1);
	box-shadow: 0px 2px 1px 0px rgba(86, 90, 88, 0.1);
}

.mainnav .nav-links.top-responsive {
	display: none;
}

.no-js .mainnav {
	top: 2px;
}
.mainnav a {
	text-decoration: none;
	padding: 0;
	position: relative;
	font-size: 18px;
}
.mainnav a:focus {
	outline: none;
}
/*.mainnav  ul{
  display: block;
  margin: 0;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  float: right;
}
.mainnav ul > li{
  display: inline-block ;
  padding: 0;
  position: relative;
  height: 55px;
  margin-right: 60px;
  text-align: center;
  line-height: 56px;
}
.mainnav ul > li > a{
  display: block;
  letter-spacing: 2px;
  height: 14px;
  width: 100%;
  white-space: nowrap;
}*/
.mainnav ul {
	display: table;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	position: relative;
	width: 100%;
}
.mainnav ul > li {
	display: table-cell;
	padding: 0;
	position: relative;
	margin: 0;
	text-align: center;
	line-height: 1;
	width: 5%;
}
.mainnav ul > li > a {
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	display: block;
	letter-spacing: 1px;
	line-height: 1;
	padding: 18px 5px;
	width: 100%;
	white-space: nowrap;
}

.mainnav ul > li > ul {
	padding: 0;
	position: absolute;
	top: 43px;
	padding-top: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	max-height: 0px;
	overflow: hidden;
	display: none;

	-webkit-transiton: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	-transition: all 0.4s;
}
.mainnav ul > li > ul > li > ul {
	position: absolute;
	left: 100%;
	top: 0px;
	display: none;
}

.mainnav ul > li > ul > li {
	display: block;
	color: #fff;
	width: 100%;
	/* padding: 0px 20px; */
	text-align: left;
	min-width: 150px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.mainnav ul > li > ul > li > a {
	padding: 10px;
	background: none;
	text-transform: none;
	letter-spacing: 1px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
}

.mainnav ul > li > ul > li:first-child {
	border-top: none;

	-webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
}
.mainnav ul > li:hover ul {
	max-height: 1000px;
	overflow: visible;
}

.mainnav:not(.responsive-menu) ul > li:hover ul {
	display: table;
}

.mainnav:not(.responsive-menu) ul > li > ul > li:hover ul {
	display: block;
}

.mainnav .grid {
	padding: 0px 15px;
}
.mainnav ul > li:last-child {
	margin-right: 0px;
}
.mainnav select {
	display: none;
}
#active-bar {
	height: 2px;
	z-index: 1046;
	position: fixed;
	top: 0px;
	left: 0;
	-webkit-transition: left 500ms ease-out, width 300ms ease-out;
	-moz-transition: left 500ms ease-out, width 300ms ease-out;
	-ms-transition: left 500ms ease-out, width 300ms ease-out;
	-o-transition: left 500ms ease-out, width 300ms ease-out;
	transition: left 500ms ease-out, width 300ms ease-out;
}
#topbar {
	display: block;
	width: 100%;
	height: 2px;
	top: 0px;
	position: fixed;
	z-index: 1046;
	overflow: hidden;
}
#menubutton {
	width: 40px;
	height: 36px;
	float: right;
	display: none;
}

/* =======================================================================
   Form Elements
   =======================================================================*/

form {
	text-align: left;
}
select {
	width: 100%;
	padding: 10px 10px 10px 5px;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
	width: 100%;
	height: 40px;
	border: none;
	padding: 0px 10px;
	border: 1px solid #d9d9d9;
}
input[type="submit"] {
}
input[type="submit"]:hover {
	background: transparent;
	border: 2px solid;
}
input[type="text"]:focus,
textarea:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
	border: 1px solid #2e2e2e;
	outline: none;
	background: #fff;
}
textarea {
	width: 100%;
	max-width: 100%;
	min-height: 124px;
	border: none;
	padding: 15px 10px;
	border: 1px solid #d9d9d9;
}
textarea,
input[type="text"],
input[type="email"],
input[type="tel"] {
	background: #fefefe;
	font-size: 12px;
}
.button,
button,
input[type="submit"] {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #fff;
	border: 2px solid;
	padding: 13px 45px;
	max-width: 100%;
	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}

/* ==========================================================================
   Contact From 7
   ========================================================================== */

span.wpcf7-not-valid-tip {
	left: 50%;
	margin-left: -140px;
	text-align: center;
	top: -30px;
	padding: 8px 5px;
	background: #cd4237;
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
	border: none;
}
div.wpcf7-response-output {
	margin: 0;
	padding: 0;
	font-style: italic;
}
div.wpcf7 img.ajax-loader {
	margin-left: 15px;
}
span.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 13px;
}

span.wpcf7-not-valid-tip:after {
	border: solid;
	border-color: #cd4237 transparent;
	border-width: 6px 6px 0 6px;
	bottom: -6px;
	content: "";
	display: block;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	z-index: 99;
}

/* ==========================================================================
   BLOG
   ========================================================================== */
/*
.recent-post-img:after{
  content:'';
  position: absolute;
  background: url('images/link@2x.png') no-repeat center center;
  opacity: 0;
  background-size: 0px 0px; 
  width: 74px;
  height: 74px;
  top: 50%;
  left: 50%;
  margin: -37px 0px 0px -37px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transition: all 300ms linear;
  -moz-transition: all  300ms linear;
  -ms-transition: all  300ms linear;
  -o-transition: all  300ms linear;
  transition: all  300ms linear;
}
.recent-post-img:hover:after{
  background: url('images/link@2x.png') no-repeat center center;
  background-size: 78px 78px;
  opacity: 1;
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
}
.recent-post-img img{
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -ms-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}
.recent-post-img:hover img{
  opacity: 0.7;
}*/
.single,
.search,
.archive,
#recent-posts,
.blog,
.error404 {
	text-align: left;
}
.blog-recent-post-item img {
	width: 100%;
	height: auto;
	display: block;
}
.recent-post-img {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 0px;
}
.search .recent-post-img {
	width: 170px;
	height: 170px;
	display: block;
	line-height: 0px;
	float: left;
	margin: 5px 20px 5px 0;
}
.readmore {
	display: block;
	float: right;
}
.lt-ie8 .readmore {
	margin-top: -18px;
}
.readmore:after {
	content: "\203A";
	padding-left: 8px;
}
.sep {
	padding: 0px 3px;
}

.home #primary {
	padding: 144px 0px 90px 0px;
}
#primary {
	padding: 70px 3% 50px 3%;
}
#secondary {
	float: left;
	width: 21%;
	margin-right: 4%;
	height: 100%;
	padding-top: 30px;
	padding-left: 0px;
}

span.date {
	display: none;
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	width: 100px;
	height: 100px;
	padding: 25px 10px;
	color: #fff;
}
.lt-ie8 span.date {
	height: 50px;
	right: 0;
}
.day {
	/*  display: block;
  font-size: 40px;
  line-height: 40px;*/
}
.blog-bottom-bar {
	border-bottom: 1px dotted #a4a4a3;
	border-top: 1px dotted #a4a4a3;
	padding: 12px 0px;
	text-align: left;
	width: 100%;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#recent-posts .entry-title {
	margin-bottom: 0;
	padding-bottom: 0.61875em;
}

#recent-posts p,
.entry-summary p {
	margin: 0.2em 0 0 0;
}
#comments ul,
.total-comment,
#reply-title,
.author-description {
	margin: 0;
}
.commentlist {
	counter-reset: comment-counter;
	padding: 0;
	list-style: none;
}
.comment-holder:before {
	content: counter(comment-counter);
	counter-increment: comment-counter;
	text-align: right;
	color: #a4a4a3;
	font-size: 11px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.comments-area {
	text-align: left;
}
.children {
	list-style-type: none;
}
.form-submit {
	padding-top: 13px;
}
.fn {
	font-weight: normal;
	font-style: normal;
	padding-right: 10px;
}
.authorbio .author-avartar {
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid transparent;
	border-radius: 50px;
	float: left;
	margin-right: 15px;
}
.authorbio {
	border-bottom: 1px dotted rgba(23, 23, 23, 0.5);
	border-top: 1px dotted rgba(23, 23, 23, 0.5);
	padding: 30px 0px;
	min-height: 170px;
}
.lt-ie9 .authorbio {
	border-bottom: 1px dotted #a4a4a3;
	border-top: 1px dotted #a4a4a3;
}
.comment-holder {
	border-bottom: 1px dotted rgba(23, 23, 23, 0.5);
	padding-bottom: 30px;
	overflow: hidden;
}
.lt-ie9 .comment-holder {
	border-bottom: 1px dotted #a4a4a3;
}
.comment-avartar {
	display: block;
	width: 44px;
	height: 44px;
	border: 1px solid transparent;
	border-radius: 22px;
	float: left;
	margin-right: 15px;
}
.comment .c1 {
	width: 75px;
}
.bypostauthor > article .avatar {
	border: 2px solid;
}
#comment_submit {
	margin-left: 15px;
}
.logged-in-as,
.must-log-in {
	width: 100%;
	min-height: 1px;
	float: left;
	padding: 0px 15px;
	margin: 0;
	position: relative;
}
.taxonomy-description {
	font-style: italic;
	margin-top: 15px;
}
#nav-below {
	border-bottom: 1px dotted rgba(23, 23, 23, 0.5);
	border-top: 1px dotted rgba(23, 23, 23, 0.5);
	line-height: 48px;
	display: table;
	width: 100%;
}
#nav-above {
	/* border-bottom: 1px dotted rgba(23,23,23,0.5);
  border-top: 1px dotted rgba(23,23,23,0.5);
  line-height: 48px;*/
	width: 100%;
	position: relative;
}
.lt-ie9 #nav-above,
.lt-ie9 #nav-below {
	border-bottom: 1px dotted #a4a4a3;
	border-top: 1px dotted #a4a4a3;
}
.nav-next,
.nav-previous {
	float: right;
}
.nav-next {
	margin-left: 20px;
}
.nav-next a,
.nav-previous a {
	padding: 0 !important;
}
.nav-next a:after {
	content: "\203A";
	padding-left: 8px;
}
.nav-previous a:before {
	content: "\2039";
	padding-right: 8px;
}
#nav-above {
	float: right;
}
#nav-above a,
#crumbs a,
#crumbs .current {
	display: inline-block;
	top: 0;
	text-decoration: none;
	letter-spacing: 2px;
	/*  height: 48px;
  line-height: 48px;*/
	position: relative;
	text-transform: uppercase;
}
#crumbs span {
	margin-right: 10px;
}
#crumbs {
	float: left;
}
#secondary aside {
	margin-bottom: 30px;
}
#secondary aside ul {
	list-style: none;
	padding: 0;
}
#secondary aside li {
	border-bottom: 1px solid #f4f4f4;
	line-height: 1.2;
	margin: 0 !important;
	padding: 10px 0 !important;

	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
}
#secondary aside li a:hover {
	color: #ef4a23;
}

#secondary aside a,
.widget a {
	color: #747474;
}

#secondary aside:first-child li a:hover,
.category-news #secondary #nav_menu-2 li a:hover,
.category-announcements #secondary #nav_menu-2 li a:hover {
	color: #747474;
}

#secondary aside:first-child a,
.category-news #secondary #nav_menu-2 a,
.category-announcements #secondary #nav_menu-2 a {
	color: #ef4a23;
	font-size: 1.2em;
}

.category-news #nav_menu-3,
.category-announcements #nav_menu-3 {
	display: none;
}
.category-blog #nav_menu-2 {
	display: none;
}

#searchsubmit {
	position: absolute;
	right: 0;
	top: 0px;
	width: 40px;
	height: 40px;
	min-height: 40px;
	line-height: 0px;
	padding: 0;
	text-indent: -9999px;
	opacity: 0.4;
	background: transparent url(images/search.png) no-repeat center center;
	border: none;
	-webkit-transition: opacity 50ms linear;
	-moz-transition: opacity 50ms linear;
	-ms-transition: opacity 50ms linear;
	-o-transition: opacity 50ms linear;
	transition: opacity 50ms linear;
}
#searchsubmit:hover {
	opacity: 1;
}
#searchform {
	position: relative;
	top: -6px;
}
#wp-calendar {
	width: 100%;
}
.wp-caption {
	background: #fff;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.sticky {
}
.gallery-caption {
}

/*************************************************************************
BEGIN PKD
**************************************************************************/

/* =Typography Mods
-------------------------------------------------------------- */
.tabs li,
.portfolio-nav li {
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
}

table.courseTable {
	width: 100%;
}

table.courseTable tr {
}

table.courseTable td,
table.courseTable th {
	vertical-align: top;
	padding: 0.5em 8px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	line-height: 1.4;
}

table.courseTable th {
	text-align: left;
	vertical-align: top;
	font-size: 1.1em;
}
table.courseTable tr:first-child th {
	color: #22303d;
	background-color: #eee;
	border-bottom-color: #fff;
	border-right: 2px solid #fff;
	padding-left: 6px;
}

table.courseTable td p {
	margin: 0;
	padding: 0;
}

table.courseTable tr:hover {
	background: #efefef;
}

/* =Header
-------------------------------------------------------------- */

hgroup {
}

#logo-container {
	background: #22303d;
	width: 100%;
	height: 100%;
	position: relative;
	/*overflow:hidden;*/
}
.home #logo-container {
	background: #22303d;
	z-index: 40;
	position: absolute;
	height: auto;
}

#logo {
	display: block;
	background: url(images/logo-wilson-hill.png) no-repeat 50% 50%;
	background-size: contain;
	/*height: 56px;
	width: 360px;
	margin: 26px auto;*/
	height: 108px;
	width: 240px;
	margin: 0 auto;
}

#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: 0.67em 0;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}

.displace {
	position: absolute;
	top: -1000px;
}

/* =Top Menu
-------------------------------------------------------------- */
#TopNav {
	width: 100%;
	height: 40px;
	background: #1f2c38;
}
#TopNav .menu-top-menu-container {
	float: right;
}

#TopNav .menu {
	list-style: none outside none;
	padding: 0;
	margin: 0;
	display: block;
	height: 31px;
	padding-left: 12px;
}
#TopNav .menu li {
	*display: inline;
	float: left;
	font-size: 14px;
	line-height: 1;
	zoom: 1;
	position: relative;
}
#TopNav .menu li a {
	display: block;
	padding: 12px 20px;
	color: #eee;
	text-decoration: none;
}

#TopNav .menu li:hover {
	background: #ef4a23;
}
#TopNav .menu li:hover a {
	color: #fff;
}
#TopNav li.current_page_item a {
}

#TopNav .menu li ul.sub-menu {
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	min-width: 110px;
	display: none;
	z-index: 1000;
}
#TopNav .menu li:hover ul.sub-menu {
	display: block;
}
#TopNav .menu li ul.sub-menu li {
	display: block;
	background: #ef4a23;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	float: none;
}
#TopNav .menu li ul.sub-menu li a {
	padding: 8px 20px;
	white-space: nowrap;
}
#TopNav .menu li ul.sub-menu li:hover {
	background: #fff;
}
#TopNav .menu li ul.sub-menu li:hover a {
	color: #ef4a23;
}

/* =Social Icons */
#TopNav #search {
	float: right;
	margin: 5px 7px 0 10px;
}
#TopNav #search #searchform {
	top: 0;
}
#TopNav #search #searchform > div {
	position: relative;
}
#TopNav #search #searchform input[type="text"] {
	height: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	width: 0;
	background-color: transparent;
	border-color: transparent;
}

#TopNav #search #searchform input[type="text"]:hover {
	cursor: pointer;
}

#TopNav #search #searchform input[type="text"]:focus {
	width: 200px;
	background-color: #ffffff;
	border-color: #d9d9d9;
}

#TopNav #search #searchform #searchsubmit {
	top: -5px;
	z-index: 0;
	background-image: url(images/search-white.png);
	opacity: 1;
	right: 5px;
}

#TopNav #search #searchform input[type="text"]:focus + #searchsubmit {
	z-index: 1;
	background-image: url(images/search.png);
	right: 0;
}

/* =Social Icons
-------------------------------------------------------------- */

#social {
	float: left;
}
.socialicon {
	display: table-cell;
	display: none;
	width: 38px;
	height: 38px;
	margin-right: 1px;
	background: url("images/sprite-social-icons.png") 0 0 no-repeat;
}
#facebook.socialicon {
	background-position: 0 -100px;
}
#twitter.socialicon {
	background-position: -100px -100px;
}
#linkedin.socialicon {
	background-position: -200px -100px;
}
#facebook.socialicon:hover {
	background-position: 0 0px;
}
#twitter.socialicon:hover {
	background-position: -100px 0px;
}
#linkedin.socialicon:hover {
	background-position: -200px 0px;
}

/* Phone */
#phone {
	float: left;
	font-size: 22px;
	line-height: 1;
	color: #fff;
	vertical-align: middle;
	margin: 30px 0 0 20px;
	letter-spacing: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#phone a {
	text-decoration: none;
	color: #fff;
}
#phone span {
	display: block;
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 15px;
	margin-bottom: 2px;
}

/* =Top Menu
-------------------------------------------------------------- */
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white p {
	color: #ffffff !important;
}
.white .c12 h1:after {
	border-color: #fff;
}

/* = Submenu
-------------------------------------------------------------- */
#submenu ul {
	margin: 0;
	padding: 0;
}
#submenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}
#submenu li a {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 12px 0 4px;
	text-decoration: none;
	color: #666;
}
#submenu li:first-child a {
	border-top: 1px solid #ccc;
}

#submenu li a:hover,
#submenu li.current-cat a,
#submenu li.current_page_item a {
	color: #ef4a23;
}

#submenu .menu-title {
	/*font-size: 19px;
	margin-top: 1.5em;
	color: #666;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: bold;*/
	font-size: 19px;
	margin-top: 1em;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: normal;
	background: #ef4a23;
	padding: 12px 1px 6px 8px;
	margin-bottom: 0;
	color: #fff;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#submenu h4.menu-title + ul li a {
	padding-left: 8px;
}

/* = ARCHIVES
-------------------------------------------------------------- */

h2.entry-title {
	margin-bottom: 0.1em;
}
article {
	margin-bottom: 0.7em;
}

/* =FIXED BUTTONS
-------------------------------------------------------------- */
#register {
}

#fixedmenu {
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 2000;
}

.admin-bar #fixedmenu {
	top: 82px;
}

.home #fixedmenu {
	/* top: 20%;*/
}

.fixedbutton {
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	width: 170px;
}
.fixedbutton a {
	padding: 8px 20px 3px 20px;
	background: #ef4a23;
	display: block;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4);
	transition: all 0.3s ease-in-out;
}
.fixedbutton a:hover,
.fixedbutton a:focus {
	background: #bf3b1c;
}
.fixedbutton a,
.fixedbutton a:hover {
	color: #fff;
	text-decoration: none;
}
.fixedbutton:hover {
	background: #22303d;
}
.fixedbutton:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#register {
	margin-top: 20px;
}
#classroom {
}

/* =Button
-------------------------------------------------------------- */

a.widebutton {
	display: block;
	width: 33%;
	margin: auto;
	padding: 0.8em 0 0.4em;
	text-align: center;
	background: #ef4a23;
	color: #fff;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1;
	/*height: 2em;*/
	position: relative;
	z-index: 40;
	border: #ef4a23 2px solid;
	clear: both;
}
.white a.widebutton {
	background: rgba(255, 255, 255, 0.6);
	border: transparent 2px solid;
	color: #666;
}
a.widebutton:hover {
	background: #fff;
	border: #ef4a23 2px solid;
}
.white a.widebutton:hover {
	background: rgba(255, 255, 255, 0.8);
	border: #fff 2px solid;
}

/* =Blockquote
-------------------------------------------------------------- */
blockquote {
	width: 75%;
	margin: auto;
	max-width: 1200px;
}
blockquote p {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.6;
	color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 0;
	margin-bottom: 2.5em;
}

/* =CUSTOM MOD
-------------------------------------------------------------- */

div#WhyWilsonHill.page {
	padding-bottom: 0px;
}
div#WhyWilsonHill.page img {
	margin-bottom: -8px;
}
div#WhyWilsonHill.page div.c4 {
	padding-bottom: 0px;
}
div#Teachers.page {
}

/* =Blockquote
-------------------------------------------------------------- */

.classlist {
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	color: #777;
	letter-spacing: 1px;
}
.entry-summary + .classlist {
	margin-top: 5px;
}

/* =CUSTOM MOD
-------------------------------------------------------------- */

.tabs li a {
	line-height: 58px;
} /* Fixes Helvetica's line height */

.white .tabs {
	border-color: #fff;
}
.white .tabs li a.active {
	background: rgba(255, 255, 255, 0.8) !important;
	color: #22303d !important;
}
.white .tabs li a {
	background: rgba(0, 0, 0, 0.2);
}
.white .tabs li a:hover {
	background: rgba(255, 255, 255, 0.2);
}
.white .tabs li a {
	color: #fff !important;
}

#WhyWilsonHill .tabs li a:hover {
	background: rgba(34, 48, 61, 0.4) !important;
	color: #fff !important;
}

/* =ADJUST MAIN NAV HOME - Hidden, but Must be present in code for smooth-scroll 
-------------------------------------------------------------- */
.mainnav ul li {
	display: none;
}
.mainnav ul li.page-section {
	display: table-cell;
}

/* =CUSTOM MOD Video Player on superslides
-------------------------------------------------------------- */
.captioninner {
	margin-top: 0 !important;
	top: 177px;
	bottom: 65px;
}

.slides-pagination a.current {
	background: rgba(255, 255, 255, 0.8);
}
.slides-pagination a {
	border: 2px solid rgba(255, 255, 255, 0.8);
}

/* =CUSTOM MOD Portfolio Menu
-------------------------------------------------------------- */

.portfolio-nav {
	border: none;
	border-bottom: 1px solid #22303d;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.portfolio-nav li {
	margin: 0;
	display: block;
	padding: 7px 10px 0;
	text-align: center;
	white-space: nowrap;
	font-size: 20px;
}
.portfolio-nav li:hover {
	background: #777;
	color: #fff !important;
}
.portfolio-nav li.active {
	background: #22303d;
}

#portfolioinner li {
	background: #444 !important;
	margin-top: -6px;
	margin-right: 1px;
	width: 19.5%;
}

#portfolioinner .rift {
}
#portfolioinner .rift .caption {
	z-index: 2000;
}
#portfolioinner .rift .caption a {
	background: none !important;
	line-height: 1.2;
	padding: 0;
	height: inherit;
	position: static;
	color: #fff !important;
	padding: 5px;
	font-size: 15px !important;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0;
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

#portfolioinner .rift .caption .caption-title {
	top: 50%;
	left: 0;
	right: 0;
	bottom: auto;
	transform: translateY(-50%);
	position: absolute;
}

#portfolioinner .rift img {
	display: none;
}

/* =Teachers
-------------------------------------------------------------- */

.teacher-img {
	width: 300px;
	height: 300px;
	float: left;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	border-radius: 400px;
	margin: 5px 20px 35px 0;
	overflow: hidden;
}

/* =Academics home page
-------------------------------------------------------------- */

.rcsTitle {
	display: inline-block;
	background: #666;
	color: #fff;
	padding: 3px 10px;
	clear: both;
	margin: 0 0px 2px 0;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 0.8em;
	width: 99.5%;
}

#rcsTitle2 {
	width: 27%;
	margin-left: -2px;
	display: none;
}

.academicButtons {
	width: 86%;
	margin: 0 7% 65px 7%;
	clear: both;
}
.academicButtons p {
	margin: 0;
}
.academicButtons a.widebutton {
	display: inline-block;
	margin: 0 0.5% 0 0;
	width: 32.8%;
	vertical-align: top;
	letter-spacing: 1px;
}
.academicButtons a.widebutton:last-child {
	width: 99.5%;
	margin-top: 2px;
}
.academicButtons a.widebutton:hover {
}

@media only screen and (max-width: 1170px) {
	.academicButtons a.widebutton {
		font-size: 17px;
		letter-spacing: 0.1%;
	}
}

/* =STUDENT LIFE home page
-------------------------------------------------------------- */

#StudentLife {
	clear: both;
}

#StudentLife a.widebutton {
	display: inline-block;
	margin: 0 4px 4px 0;
	width: 25%;
	vertical-align: top;
	letter-spacing: 1px;
}

#secondary #StudentLife a.widebutton {
	display: block;
	width: auto;
}

/* =WH Video Page on Home
-------------------------------------------------------------- */

#WilsonHillVideo.page {
	display: none;
}

/* = Back to Top
-------------------------------------------------------------- */

#backtotop {
	display: none;
	position: fixed;
	z-index: 20000;
	bottom: 39px;
	right: 0;
	padding: 10px 20px;
	background: hsla(210, 50%, 15%, 0.8);
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 2px;

	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;

	/* -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4); */
}
#backtotop:hover {
	color: #fff;
	background: #22303d;
}

/* =GRAVITY FORMS
-------------------------------------------------------------- */
#gform_wrapper_2.gform_wrapper li.hidden_label input,
#gform_wrapper_2.gform_wrapper
	.field_sublabel_hidden_label
	.ginput_complex.ginput_container
	input[type="text"],
#gform_wrapper_2.gform_wrapper
	.field_sublabel_hidden_label
	.ginput_complex.ginput_container
	select {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* =TRIBE EVENTS CALENDAR
-------------------------------------------------------------- */

#tribe-events-pg-template {
	padding: 70px 15px 50px 15px;
}

.tribe-events-list .vevent.hentry {
	margin: 0 0 0 5em;
	padding: 2em 0 !important;
}
.tribe-events-loop .tribe-events-event-meta {
	clear: none;
}
.tribe-events-list-separator-month {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0.2em 0 0;
	background: none;
	padding: 0px;
	/*border-bottom: 1px solid #22303D ;*/
	color: #22303d;
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}
.tribe-events-list-separator-month span {
	margin-bottom: -4px;
	display: block;
}
.tribe-events-back {
	float: right;
}

.dateButton a {
	float: left;
	text-transform: uppercase;
	background: #ef4a23;
	color: #fff;
	padding: 10px 10px 0 10px;
	margin: 1.5em 1em 0 0;
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	border-top: 2px solid #22303d;

	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.dateButton .day {
	font-size: 36px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	padding-top: 6px;
}
.dateButton a:hover {
	background: #22303d;
	color: #fff;
}

/* EVENTS WIDGET */
#upcomingevents {
	background: #f3f3f3;
	padding: 0 0 12px 0;
}
ol.vcalendar {
	padding: 0;
	display: table;
	width: 100%;
	margin: 0;
}

.tribe-events-list-widget ol li {
	margin-bottom: 0;
	display: table-cell;
	width: 20%;
	vertical-align: top;
	padding-right: 2%;
	line-height: 1.2;
}
.tribe-events-list-widget .duration {
	font-size: 80%;
}

.widget .dateButton a {
	margin: 0em 0.4em 1em 0;
}
.widget h4.entry-title {
	margin: 11px 0 5px 0;
}
.widget h3.rpwe-title {
	margin: 11px 0 2px 0;
}
.widget h4.entry-title a,
.widget h3.rpwe-title a {
	font-size: 20px !important;
	color: #ef4a23;
	letter-spacing: 1px;
}
.widget h4.entry-title a:hover,
.widget h3.rpwe-title a:hover {
	color: #22303d;
}
h5.widget-title {
	font-size: 22px;
}

p.tribe-events-widget-link,
#upcomingevents .widget_text {
	font-size: 12px !important;
	position: absolute;
	left: 17%;
	top: 34px;
}
#upcomingevents .widget_text {
	left: 79%;
}
p.tribe-events-widget-link a,
#upcomingevents .widget_text a {
	color: #ef4a23;
}

#upcomingevents .widget {
	display: inline-block;
	vertical-align: top;
}
#upcomingevents .tribe-events-list-widget {
	width: 60%;
}
#upcomingevents .recent-posts-extended {
	width: 38%;
	margin-left: 2%;
	padding-left: 3%;
	border-left: #fff 1px solid;
}

.rpwe-block ul {
	padding: 0;
}
.rpwe-block li {
	list-style: none;
	margin-top: 17px;
}
.rpwe-summary {
	font-size: 87%;
	line-height: 1.7;
}

h3.tribe-events-month-event-title.entry-title a {
	font-size: 13px !important;
	letter-spacing: 0;
}

.tribe-events-list .type-tribe_events.tribe-events-first {
	padding-top: 2.25em;
}

/* =EVENT ESPRESSO
-------------------------------------------------------------- */

#event_wrapper .event-display-boxes,
.post-type-archive-espresso_events .espresso_events,
.tax-espresso_event_categories .espresso_events {
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 47%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
}

h3.event_title,
.post-type-archive-espresso_events .espresso_events h2.entry-title,
.tax-espresso_event_categories .espresso_events h2.entry-title {
	margin-top: 0;
}

.event_espresso_form_wrapper p {
	margin: 0.5em 0 0.7em 0;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	.rift span[class*="span"] {
		height: 50%;
	}
} /* Chrome Hack */

#portfolioinner li.History {
	background: #0588a6 !important;
}
#portfolioinner li.Math {
	background: #0f619c !important;
}
#portfolioinner li.Sciences {
	background: #fca524 !important;
}
#portfolioinner li.Literature {
	background: #c00 !important;
}
#portfolioinner li.Languages {
	background: #7b52ab !important;
}
#portfolioinner li.Humanities {
	background: #ef4a23 !important;
}
#portfolioinner li.Composition {
	background: #569c30 !important;
}
#portfolioinner li.Summer {
	background: #00998c !important;
}

.portfolio-nav li:hover[data-filter="History"] {
	background: #0588a6 !important;
}
.portfolio-nav li:hover[data-filter="Math"] {
	background: #0f619c !important;
}
.portfolio-nav li:hover[data-filter="Sciences"] {
	background: #fca524 !important;
}
.portfolio-nav li:hover[data-filter="Literature"] {
	background: #c00 !important;
}
.portfolio-nav li:hover[data-filter="Languages"] {
	background: #7b52ab !important;
}
.portfolio-nav li:hover[data-filter="Humanities"] {
	background: #ef4a23 !important;
}
.portfolio-nav li:hover[data-filter="Composition"] {
	background: #569c30 !important;
}
.portfolio-nav li:hover[data-filter="Summer"] {
	background: #00998c !important;
}

.portfolio-nav li.active[data-filter="History"] {
	background: #0588a6 !important;
}
.portfolio-nav li.active[data-filter="Math"] {
	background: #0f619c !important;
}
.portfolio-nav li.active[data-filter="Sciences"] {
	background: #fca524 !important;
}
.portfolio-nav li.active[data-filter="Literature"] {
	background: #c00 !important;
}
.portfolio-nav li.active[data-filter="Languages"] {
	background: #7b52ab !important;
}
.portfolio-nav li.active[data-filter="Humanities"] {
	background: #ef4a23 !important;
}
.portfolio-nav li.active[data-filter="Composition"] {
	background: #569c30 !important;
}
.portfolio-nav li.active[data-filter="Summer"] {
	background: #00998c !important;
}

/*
	blue 	0F619C
	grn		569C30
	prp		7B52AB
	or		EF4A23
	Y		FCA524
	bl 2	0588A6
	Gr		909193
	dk red	990000 */

/* =Student Life Classroom Archive
-------------------------------------------------------------- */

.student-life-grid {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.student-life-box {
	width: calc(100% / 4 - 4px);
	margin-right: 4px;
	margin-bottom: 4px;
	text-align: center;
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond", "Open Sans Condensed",
		Helvetica, Arial, sans-serif;
	font-size: 1.7em;
	line-height: 1.15;
	position: relative;
}
.student-life-box:after {
	content: "";
	background: url(images/arrow-student-life-play.png) no-repeat;
	display: block;
	position: absolute;
	bottom: 18px;
	left: 50%;
	height: 46px;
	width: 46px;
	transform: translateX(-50%);
	z-index: 1;
	pointer-events: none;
	opacity: 0.5;

	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-outs;
}

.student-life-box:hover:after {
	opacity: 1;
}

.student-life-box a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
	padding: 1.3em 1.3em 3em 1.3em;
	background: rgba(255, 255, 255, 0.08);
	min-height: 190px;

	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-o-transition: background 0.3s ease-out;
	transition: background 0.3s ease-outs;
}

.student-life-box a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0);
}

.student-life-box h2 {
	margin: 0;
	padding: 0;
}

.student-life-box.teal {
	background: #0588a6;
}
.student-life-box.blue {
	background: #0f619c;
}
.student-life-box.yellow {
	background: #fca524;
}
.student-life-box.red {
	background: #c00;
}
.student-life-box.purple {
	background: #7b52ab;
}
.student-life-box.orange {
	background: #ef4a23;
}
.student-life-box.green {
	background: #569c30;
}
.student-life-box.lightteal {
	background: #00998c;
}

/*
green : COMPOSITION (Green)
teal : HISTORY (Teal)
orange : HUMANITIES	(Orange)
purple : LANGUAGES (Purple)
red : LITERATURE (Red)
blue : MATH (Blue)
yellow : SCIENCES (Yellow)
lightteal : SUMMER (Light Teal)
gray : AP COURSES (Gray)
*/

.slideblurb {
	display: block;
	padding: 15px 30px;
	background: hsla(11, 86%, 54%, 0.8);
	text-align: left;
}
.leftside {
	width: 45%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.rightside {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.slides-navigation {
	margin: 0 auto;
}
.slides-navigation a {
	width: 40px;
}

.slides-navigation a.next {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.slides-navigation a.prev {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* =FAQs Archive
-------------------------------------------------------------- */

.post-type-archive-faqs #primary.grid {
	max-width: 1080px;
}

.faq-item {
	margin: 30px 0;
	padding: 0;
}
.faq-header {
}
.faq-header h2 {
	font-size: 1.2em;
	letter-spacing: 0px;
	line-height: 1.4;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}
.faq-toggle {
	display: block;
	position: absolute;
	right: 0;
	top: 0;

	font-size: 60px;
	font-family: Lato;
	width: 60px;
	height: 60px;
	text-align: center;
	font-weight: lighter;
	font-weight: 100;
	color: #555;

	transform: rotate(0deg);

	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.faq-summary {
}

.faq-qa {
	display: none;
	margin-left: 20px;
}

.faq-active {
}
.faq-active .faq-summary {
}
.faq-active .faq-toggle {
	transform: rotate(45deg);

	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.exp-col {
	float: right;
	color: #ef4a23;
	cursor: pointer;
	font-size: 0.9em;
}
.faq-expand {
}
.faq-collapse {
}

.faq-cat-title {
	font-size: 1.7em;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1;
	font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.faq-cat-title:hover,
.faq-cat-title:hover .faq-toggle {
	color: #ef4a23;
}

.faq-group {
	border-bottom: #dddddd 1px solid;
	padding-bottom: 1.2em;
	padding-top: 1.2em;
	position: relative;
}

@media only screen and (max-width: 960px) {
	.slideblurb {
		width: 90%;
	}
}

/* Youtube Video Page */

#youtubevideo {
	float: left;
	width: 52%;
	margin-top: 38px;
}
#youtubevideotext {
	float: right;
	width: 40%;
	text-align: left;
	margin-top: 40px;
}

.slides-container li > img {
	margin-top: 10px;
}

@media print {
	body {
		font-size: 10px !important;
		margin: 0 2%;
		width: auto;
		border-top: 4px solid #ef4a23;
	}
	div,
	span {
		font-size: 10px !important;
	}
	#TopNav,
	#site-title,
	#site-description,
	#fixedmenu,
	#primary-nav,
	.footer,
	#secondary,
	.parallaxSection,
	.dateButton {
		display: none;
	}
	.site-content {
		width: 100% !important;
	}

	#logo {
		height: 55px;
		width: 150px;
		margin: 0px auto;
	}
	#primary,
	#tribe-events-pg-template {
		padding: 30px 0 0 0;
	}

	.page-header h1,
	h2.tribe-events-page-title {
		font-size: 2.5em !important;
	}
	.page-header {
		border: none;
	}
	h1 {
		font-size: 2.5em !important;
	}
	h2 {
		font-size: 1.8em !important;
	}
	h3 {
		font-size: 1.6em !important;
	}
	h4,
	h2.tribe-events-list-event-title {
		font-size: 1.4em !important;
	}
	h5 {
		font-size: 1.3em !important;
	}
	h6 {
		font-size: 1.1em !important;
	}

	.tribe-events-list-separator-month {
	}
	.tribe-events-list-separator-month span {
		margin-bottom: -6px;
	}
	.tribe-events-list .vevent.hentry {
		margin: 0 2%;
		padding: 1em 0 !important;
	}
	.tribe-events-list-separator-month,
	.tribe-events-loop .tribe-events-event-meta,
	.tribe-events-list .time-details {
		margin: 0;
	}

	.tribe-events-loop .tribe-events-content,
	#tribe-events-footer .tribe-events-sub-nav,
	#tribe-events-header .tribe-events-sub-nav,
	#tribe-events-bar,
	#tribe-events .tribe-events-button,
	.tribe-events-button {
		display: none;
	}
}

/*

END PKD
**************************************************************************/

/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2 & MIT License (https://en.wikipedia.org/wiki/MIT_License)
 *
 * September 24th, 2012
 */

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}
.row,
.clearfix {
	zoom: 1;
}

/* =Gridiculous
-------------------------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*body{font-size:100%;line-height:1.6875}*/
.grid {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	position: relative;
}
img {
	max-width: 100%;
	height: auto !important;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.wfull {
	width: 100%;
	max-width: 100%;
}
.w320 {
	max-width: 320px;
}
.w640 {
	max-width: 640px;
}
.w960 {
	max-width: 960px;
}
.row {
	width: 100%;
}
.row .row {
	width: auto;
	margin: 0 -15px;
}
.c1 {
	width: 8.33%;
}
.c2 {
	width: 16.66%;
}
.c3 {
	width: 25%;
}
.c4 {
	width: 33.33%;
}
.c5 {
	width: 41.66%;
}
.c6 {
	width: 50%;
}
.c7 {
	width: 58.33%;
}
.c8 {
	width: 66.66%;
}
.c9 {
	width: 75%;
}
.c10 {
	width: 83.33%;
}
.c11 {
	width: 91.66%;
}
.c12 {
	width: 100%;
}
.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12 {
	min-height: 1px;
	float: left;
	padding-left: 2%;
	padding-right: 2%;
	position: relative;
	padding-bottom: 15px;
	padding-top: 15px;
}
.s1 {
	margin-left: 8.33%;
}
.s2 {
	margin-left: 16.66%;
}
.s3 {
	margin-left: 25%;
}
.s4 {
	margin-left: 33.33%;
}
.s5 {
	margin-left: 41.66%;
}
.s6 {
	margin-left: 50%;
}
.s7 {
	margin-left: 58.33%;
}
.s8 {
	margin-left: 66.66%;
}
.s9 {
	margin-left: 75%;
}
.s10 {
	margin-left: 83.33%;
}
.s11 {
	margin-left: 91.66%;
}
.end {
	float: right !important;
}
.row:last-child {
	margin-bottom: 0 !important;
}

.c1 p,
.c2 p,
.c3 p,
.c4 p,
.c5 p,
.c6 p,
.c7 p,
.c8 p,
.c9 p,
.c10 p,
.c11 p,
.c12 p {
	font-size: 17px;
	line-height: 1.8;
}

.lt-ie8 .c1,
.lt-ie8 .c2,
.lt-ie8 .c3,
.lt-ie8 .c4,
.lt-ie8 .c5,
.lt-ie8 .c6,
.lt-ie8 .c7,
.lt-ie8 .c8,
.lt-ie8 .c9,
.lt-ie8 .c10,
.lt-ie8 .c11,
.lt-ie8 .c12 {
	float: left;
	margin: 0 3% 0 0;
	padding: 15px 0px;
}
.lt-ie8 .c1.end,
.lt-ie8 .c2.end,
.lt-ie8 .c3.end,
.lt-ie8 .c4.end,
.lt-ie8 .c5.end,
.lt-ie8 .c6.end,
.lt-ie8 .c7.end,
.lt-ie8 .c8.end,
.lt-ie8 .c9.end,
.lt-ie8 .c10.end,
.lt-ie8 .c11.end {
	margin: 0;
}
.lt-ie8 .c1 {
	width: 5.5%;
}
.lt-ie8 .c2 {
	width: 14%;
}
.lt-ie8 .c3 {
	width: 22.5%;
}
.lt-ie8 .c4 {
	width: 31%;
}
.lt-ie8 .c5 {
	width: 39.5%;
}
.lt-ie8 .c6 {
	width: 48%;
}
.lt-ie8 .c7 {
	width: 56.5%;
}
.lt-ie8 .c8 {
	width: 65%;
}
.lt-ie8 .c9 {
	width: 73.5%;
}
.lt-ie8 .c10 {
	width: 82%;
}
.lt-ie8 .c11 {
	width: 90.5%;
}
.lt-ie8 .c12 {
	width: 99%;
}
.lt-ie8 .clearfix {
	zoom: 0;
}

#menu-footer-menu {
	font-family: "Conv_Adobe - HelveticaLTStd-LightCond";
	margin: 0 0 30px;
	padding: 0;
}

#menu-footer-menu li {
	display: inline-block;
	padding: 0 20px;
}

#menu-footer-menu li a {
	color: #ffffff;
	display: block;
	letter-spacing: 1px;
	font-size: 18px;
}

#menu-footer-menu li a:hover,
#menu-footer-menu li a:focus {
	color: #ef4a23;
}

#menu-footer-utility-menu {
	margin: 20px 0 0;
	padding: 0;
	font-size: 13px;
}

#menu-footer-utility-menu li {
	display: inline-block;
	padding: 0 10px;
}

#menu-footer-utility-menu li a {
	color: rgba(255, 255, 255, 0.4);
}

#menu-footer-utility-menu li a:hover,
#menu-footer-utility-menu li a:focus {
	color: #ffffff;
}

.footer small {
	font-size: 13px;
	margin: 20px 0 0;
}

@media (min-width: 769px) {
	#TopNav .menu li.border-left {
		position: relative;
		margin-left: 10px;
	}

	#TopNav .menu li.border-left:before {
		content: "";
		height: 25px;
		width: 2px;
		background-color: #2f3f4d;
		position: absolute;
		top: 8px;
		left: -2px;
	}
}

/* ==========================================================================
   Media query for 1200 Screens
   ========================================================================== */

@media only screen and (max-width: 1200px) {
	.student-life-box {
		width: calc(25vw - 15px);
	}

	.portfolio-nav li {
		font-size: 17px;
	}
}

@media only screen and (max-width: 1024px) {
	.portfolio-nav li {
		font-size: 15px;
	}
}

/* ==========================================================================
   Media query for 960 Screens
   ========================================================================== */

@media only screen and (max-width: 960px) {
	.row .row .c1,
	.row .row .c2,
	.row .row .c3,
	.row .row .c4,
	.row .row .c5,
	.row .row .c6,
	.row .row .c7,
	.row .row .c8,
	.row .row .c9,
	.row .row .c10,
	.row .row .c11,
	.row .row .c12 {
		width: 100%;
		margin-bottom: 20px;
	}
	.row .row > div:last-child {
		margin-bottom: 0 !important;
	}

	.mainnav {
		min-height: inherit;
	}
	.mainnav ul > li > a {
		padding: 15px 5px;
	}
	#logo {
		height: 100px;
		width: 216x;
	}
	#TopNav {
		height: 38px;
	}

	.student-life-box {
		width: calc(33vw - 15px);
		font-size: 2.8vw;
	}

	.portfolio-nav li {
		width: 20%;
	}
	#portfolioinner li {
		width: 33%;
	}

	a.widebutton,
	#StudentLife a.widebutton {
		width: 49%;
		font-size: 1.1em;
	}
}

/* ==========================================================================
   Media query for 600 Height Screens
   ========================================================================== */
@media only screen and (max-height: 700px) {
	#logo {
		height: 45px;
		width: 320px;
		margin: 20px auto;
	}
	#TopNav {
		height: 38px;
		border-bottom: 2px solid #ef4a23;
	}
	.mainnav {
		min-height: inherit;
	}
	.mainnav ul > li > a {
		padding: 15px 5px;
	}
}

/* ==========================================================================
   Media query for iPad and tablets portrait
   ========================================================================== */

/*@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){*/
@media handheld,
	only screen and (max-width: 768px),
	only screen and (max-device-width: 768px) {
	body {
		/* -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; */
	}
	.c1,
	.c2,
	.c3,
	.c4,
	.c5,
	.c6,
	.c7,
	.c8,
	.c9,
	.c10,
	.c11,
	.c12 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 20px;
	}

	.home .page {
		padding: 90px 2%;
	}

	.admin-bar #fixedmenu,
	#fixedmenu {
		top: auto;
		bottom: 0;
		width: 100%;
		z-index: 1999;
		position: fixed;
	}

	/* .admin-bar #fixedmenu {
		top: 46px;
	} */

	#L2Header {
		/*margin-top: 40px;*/
	}

	.fixedbutton {
		width: 49.8%;
		border-radius: 0;
		box-shadow: none;
		margin: 0px;
		text-align: center;
		padding: 0;
		float: left;
	}
	.fixedbutton a {
		border-radius: 0;
	}
	#register {
		margin: 0;
		float: right;
	}

	#menubutton {
		position: fixed;
		right: 0;
		top: 0;
		display: block;
		background: #efefef;
		cursor: pointer;
		z-index: 51;
		background: #22303d url("images/menu.png") no-repeat center center;
	}

	#TopNav .menu {
		margin-right: 50px;
		display: none;
	}

	#TopNav .menu li a {
		padding: 12px 10px;
	}

	#TopNav #search {
		display: none;
	}

	.mainnav {
		display: block;
		position: fixed;
		top: 0;
	}

	.mainnav .nav-links {
		padding-top: 30px;
	}
	.mainnav .nav-links.top-responsive {
		padding-top: 0;
		padding-bottom: 30px;
	}
	.top-responsive .menu-item-home {
		display: none;
	}

	.mainnav ul {
		float: none;
		clear: both;
	}
	.mainnav ul.nav-links {
		display: none;
	}
	.mainnav ul > li,
	.mainnav ul li.page-section {
		display: block;
		text-align: left;
		margin-right: 0;
		height: auto;
	}
	.mainnav ul > li > a {
		display: block;
		width: 100%;
		padding: 6px 5px;
	}

	.mainnav ul li ul {
		padding: 0;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		margin-left: 0px;
		padding-top: 0px;
	}
	.mainnav ul li ul {
		display: table;
	}

	.mainnav ul li ul li {
		border-top: none;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		padding: 2px 10px;
	}

	.mainnav ul > li > ul > li > a {
		padding: 2px 10px 2px 20px;
	}

	.menu-item-has-children > a {
		padding-left: 10px;
	}
	.menu-item-has-children > a:before {
		content: "\203A";
		position: absolute;
		left: 0;
	}
	.menu-item-has-children:hover > a:before {
		padding-top: 3px;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}

	.navHide {
		overflow: hidden !important;
		height: auto !important;
	}
	.navShow {
		display: list-item !important;
	}
	.no-js .mainnav ul > li {
		display: block;
	}
	.no-js .nav-links {
		display: none;
	}
	.no-js .mainnav:hover .nav-links {
		display: block;
	}
	#active-bar {
		display: none;
	}
	.slide-caption .grid > div,
	.slide-caption .grid > div p,
	.slide-caption .grid > div h1,
	.slide-caption .grid > div h2,
	.slide-caption .grid > div h3,
	.slide-caption .grid > div h4,
	.slide-caption .grid > div h5,
	.slide-caption .grid > div h6 {
		text-align: center !important;
	}
	.iconholder {
		width: 18%;
		margin: 0% 1%;
	}
	.iconholder em {
		display: none;
	}

	span.date {
		width: 70px;
		height: 70px;
		padding: 15px 0px 10px 0px;
	}
	.day {
		font-size: 22px;
		line-height: 28px;
	}
	.readmore {
		display: block;
		width: 100%;
		margin-top: 15px;
		float: none;
	}
	.blog-bottom-bar > span,
	.blog-bottom-bar > a {
		display: inline-block;
		white-space: nowrap;
	}
	.blog-bottom-bar:after {
		clear: both;
	}
	.site-content {
		width: 100% !important;
	}
	#secondary {
		margin: 0;
		width: 100%;
	}

	#secondary aside {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	#crumbs {
		float: none;
	}
	.nav-previous {
		float: left;
	}
	.footer .grid > div {
		margin-bottom: 0 !important;
		padding: 5px 15px !important;
	}

	.tribe-events-list-widget ol li {
		display: block;
		width: auto;
	}
	.tribe-events-list-widget ol li:nth-child(3),
	.tribe-events-list-widget ol li:nth-child(4),
	.tribe-events-list-widget ol li:nth-child(5) {
		display: none;
	}
	p.tribe-events-widget-link,
	#upcomingevents .widget_text {
		position: static;
	}
	#upcomingevents .tribe-events-list-widget {
		width: auto;
	}
	#upcomingevents .recent-posts-extended {
		width: auto;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}

	.portfolio-nav li {
		width: 32%;
	}

	.slideblurb {
		padding: 5px 20px;
	}
	.slideblurb h3 {
		font-size: 20px !important;
	}

	.color-parallax-container {
		height: auto !important;
	}
	#youtubevideo {
		float: none;
		width: auto;
		margin-top: 20px;
		padding: 10px;
	}
	#youtubevideotext {
		float: none;
		width: auto;
		text-align: left;
		margin-top: 20px;
		padding: 10px;
	}

	.student-life-box {
		width: 49%;

		width: calc(50vw - 19px);
		font-size: 4vw;
	}
	#portfolioinner li {
		width: 33%;
	}
}

@media handheld,
	only screen and (max-width: 600px),
	only screen and (max-device-width: 600px) {
	#StudentLife a.widebutton,
	.academicButtons a.widebutton,
	.academicButtons a.widebutton:last-child,
	.rcsTitle {
		display: block;
		margin: 0 0 3px 0;
		width: 100%;
	}

	.page-header h1 {
		font-size: 40px;
		top: 16px;
	}
}

/* ==========================================================================
   Media query for iPhone and smartphone landscape
   ========================================================================== */

@media handheld,
	only screen and (max-width: 568px),
	only screen and (max-device-width: 568px) {
	body,
	.fancy {
		font-size: 13px !important;
	}
	br {
		display: none;
	}
	.button,
	button,
	input[type="submit"] {
		padding: 13px 15px;
	}
	a.button {
		padding: 15px 15px 14px 15px;
	}

	/*PKD */
	div.page {
		padding: 30px 0;
	}
	.home .page {
		padding: 30px 2%;
	}

	.c1,
	.c2,
	.c3,
	.c4,
	.c5,
	.c6,
	.c7,
	.c8,
	.c9,
	.c10,
	.c11,
	.c1 {
		padding: 15px 5px;
	}
	a.widebutton {
		width: 90%;
	}

	.mainnav ul li.page-section {
		display: block;
	}

	#WhyWilsonHill img {
		max-width: 50%;
	}

	#primary {
	}

	#TopNav #search {
		display: none;
	}
	#logo {
		height: 40px;
		width: 300px;
		margin: 1em;
	}

	#Teachers + .color-parallax-container {
		display: none;
	}

	.tabs li {
		display: block;
		width: auto;
	}

	.faq-toggle {
		font-size: 50px;
		width: 50px;
		height: 50px;
	}
	.faq-toggle {
		right: 15px;
	}
	.faq-qa {
		margin-left: 10px;
	}

	#portfolioinner li {
		width: 49.5%;
	}
}

/* ==========================================================================
   Media query for iPhone and smartphone portrait
   ========================================================================== */
@media handheld,
	only screen and (max-width: 414px),
	only screen and (max-device-width: 414px) {
	.portfolio-nav li {
		width: 50%;
	}

	.tabs li {
		display: block;
		width: auto;
	}

	.menu-top-menu-container {
		display: none;
	}

	.student-life-box {
		width: 100%;
		margin-right: 0;
		font-size: 8vw;
	}
}

/* ==========================================================================
   Media query retina display
   ========================================================================== */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#menubutton {
		background: rgba(34, 48, 61, 0.7) url("images/menu@2x.png") no-repeat
			center center;
		background-size: 14px 14px;
	}
	blockquote {
		background: url("images/quote@2x.png") no-repeat 0px 5px;
		background-size: 38px 34px;
	}
	#searchsubmit {
		background: transparent url(images/search@2x.png) no-repeat center
			center;
		background-size: 18px 18px;
	}
}
@media \0screen {
	img {
		width: auto;
	}
} /* Prevent height distortion in IE8. */

@media (max-width: 768px) {
	#phone {
		display: none;
		visibility: hidden;
	}
}

#wha_off_canvas {
	position: fixed;
	top: 0;
	right: 0;
	width: calc(100% - 30px);
	max-width: 320px;
	z-index: 9998;
	height: 100%;
	background-color: #19232d;
	transition: all 0.3s ease-in-out;
	transform: translateX(100%);
	overflow-y: auto;
	padding-bottom: calc(40px + 1em);
}

.wha_off_canvas_close {
	position: absolute;
	top: 22px;
	right: 8px;
	z-index: 9999;
	color: white;
	background: none;
	border: none;
	font-size: 28px;
	line-height: 28px;
	padding: 0.5rem;
	width: 44px;
	height: 44px;
	text-align: center;
	cursor: pointer;
}

#wha_off_canvas .fl-module-pp-search-form {
	padding-right: 38px;
}

.wha_phone_mobile,
.wha_hamburger {
	background: none !important;
	padding: 0.5rem;
	color: white;
	border: none;
	margin: 0.5rem 1rem;
}

.wha_phone_mobile {
	font-size: 24px;
}

.wha_hamburger {
	font-size: 30px;
	cursor: pointer;
}

@media (min-width: 769px) {
	#wha_off_canvas {
		transform: translateX(100%);
	}

	.wha_phone_mobile,
	.wha_hamburger {
		display: none;
		visibility: hidden;
	}
}

@media (max-width: 768px) {
	#TopNav,
	#primary-nav {
		display: none;
		visibility: hidden;
	}

	#logo-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#wha_off_canvas.is-active {
		transform: translateX(0);
	}

	body.add-overlay {
		overflow: hidden;
	}
}