/*
Theme Name: Ontrac Schools Theme
Version: 1.4.2
Author: The Ontrac Agency
Text Domain: ontschool
*/

/* FONTS */

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* / FONTS */

/* COMMON */

* {
	box-sizing: border-box;
}

.cf::after {
    content: " ";
    clear: both;
    display: table;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.cb {
	clear: both;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ontschool-caps {
	text-transform: uppercase;
}
.ontschool-error {
	color: #c40000;
}
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.nowrap,
.no-wrap {
	white-space: nowrap;
}
.ontschool-hidden {
	display: none;
}
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ontschool-float-right {
	float: right;
}
.ontschool-float-left {
	float: left;
}
* {
	outline-color: #0E8078;
}
/* / COMMON */

/* ASSISTIVE */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	background-color: #ffffff;
	color: #0E8078;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
}
.screen-reader-text:focus {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* / ASSISTIVE */

/* LAYOUT */

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #666666;
    overflow: visible;
    background-color: #eeeeee;
	margin: 0px;
}
body,
[canvas=container] {
	background-color: #eeeeee;
}
.body-container {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 980px;
}

/* / LAYOUT */

/* SPINNER */

.ontschool-spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.ontschool-spinner > div {
  background-color: #333333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: ontschool-spinner-stretchdelay 1.2s infinite ease-in-out;
  animation: ontschool-spinner-stretchdelay 1.2s infinite ease-in-out;
}

.ontschool-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.ontschool-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.ontschool-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.ontschool-spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes ontschool-spinner-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes ontschool-spinner-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* / SPINNER */

/* CONTACT FORM */

#ontschool_basic_contact_form_container {
	position: relative;
}
#ontschool_basic_contact_form_container #ontschool_basic_contact_form_spinner {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

/* / CONTACT FORM */

/* FORM FIELDS */

.form_row_container {
	padding: 0 10px 20px 10px;
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.form_row_container.wide {
	clear: both;
	float: none;
	width: auto;
}
form label {
	display: block;
	margin: 0 0 5px 0;
	font-size: 1em;
}
input,
select {
	display: block;
	margin: 5px 0 0 0;
	width: 100%;
	box-sizing: border-box;
	font-size: 1em;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #aaaaaa;
	/* height: 2em; */
    border-radius: 0px;
	padding: 10px 15px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
select {
	text-indent: 0.01px;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 98%;
	background-position-y: 7px;

}
textarea {
	display: block;
	margin: 5px 0 0 0;
	width: 100%;
	box-sizing: border-box;
	font-size: 1em;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #aaaaaa;
	height: 8em;
    border-radius: 0px;
	padding: 10px 15px;
	font-family: sans-serif;
}
input.submit-button {
    font-size: 0.8em;
    background-color: #333333;
    color: #ffffff;
    padding: 10px 15px;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    border-radius: 3px;
    display: inline-block;
	width: auto;
	border: 0;
}
select:focus,
input:focus,
textarea:focus {
	outline-color: #bdbdbd;
}
input.submit-button,
input[type=submit] {
	outline: none;
	cursor: pointer;
	width: auto;
}
input.submit-button:hover,
input.submit-button:focus {
	background-color: #58595b!important;
}
.ontschool-required {
	color: #c40000;
}
.ontschool-form-area {
	margin-bottom: 15px;
}
.ontschool-form-area.ontschool-required-fields {

}
input.highlight_error,
textarea.highlight_error {
}
input.input-checkbox,
input[type=checkbox] {
	-webkit-appearance: none;
    background-color: #ffffff;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    width: auto;
}
input.input-checkbox:active, input.input-checkbox:checked:active,
input[type=checkbox]:active, input[type=checkbox]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input.input-checkbox:checked:after,
input[type=checkbox]:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}
input[type=radio] {
	-webkit-appearance: none;
    background-color: #ffffff;
    padding: 7px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    width: auto;
}

input[type=radio]:active, input[type=checkbox]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input[type=radio]:checked:after {
	
}
input[type=radio]:checked:after {
	content: ' ';
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	background-color: #000000;
	overflow: hidden;
    border-radius: 50%;
}
fieldset {
	border: 1px solid #dadada;
	margin: 20px 0;
	border-radius: 3px;
}
.thedetails {
	display: none;
}

/* / FORM FIELDS */

/* OFF CANVAS */

.ontschool-off-canvas-right {
	background-color: #ffffff;
	box-shadow: -3px 0 0px rgba(0,0,0,0.07);
	color: #000000;
}
.ontschool-off-canvas .ontschool-toolbar {
	margin-top: 20px;
	border-top: solid 4px #eeeeee;
}
.ontschool-off-canvas .ontschool-toolbar ul {
	list-style-type: none;
	display: block;
	text-align: left;
	padding: 0;
}
.ontschool-off-canvas .ontschool-toolbar > * {
	margin: 20px;
}
.ontschool-off-canvas .ontschool-toolbar ul li {
	list-style-type: none;
	display: block;
	text-align: left;
	margin: 0;
}
.ontschool-off-canvas .ontschool-toolbar ul li a {
	background-color: transparent;
	color: #0E8078;
	font-weight: bold;
	border-radius: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	border-radius: 0;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none!important;
	border: none;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
	display: inline-block;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	user-select: none;
	background-image: none;
}
.ontschool-off-canvas .ontschool-toolbar ul li a:hover,
.ontschool-off-canvas .ontschool-toolbar ul li a:active {
	color: #000000;
	font-weight: bold;
	background-image: none;
}

/* / OFF CANVAS */

/* HEADER */

.ontschool-mobile-header-outer-container {
	display: none;
}
.ontschool-header-outer-container {
	height: 260px;
	margin: 0;
}
.ontschool-header-inner-container {
	padding: 20px 20px 0 20px;
	position: relative;
}
.ontschool-header-inner-container .ontschool-logo-container {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	max-width: 150px;
	margin: 0 40px 20px 0;
}
.ontschool-header-inner-container .ontschool-logo-container img {
	display: block;
	width: 100%;
	height: auto;
}
.ontschool-mobile-menu {
	border: 1px solid rgba(255,255,255,0.5);
	position: absolute;
	top: 14px;
	right: 15px;
	padding: 8px 38px 8px 8px;
	height: 40px;
	cursor: pointer;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 3px;
	font-size: 0.9em;
}
.ontschool-mobile-menu-icon {
    cursor: pointer;
    display: none;
    position: relative;
    user-select: none;
	position: absolute;
	top: 17px;
	right: 8px;
}
@media only screen and (max-width: 1000px) {
	.ontschool-mobile-menu-icon {
		display: inline-block;
	}
}
.ontschool-mobile-menu-icon .navicon {
  background-color: #ffffff;
  display: block;
  height: 3px;
  position: relative;
  transition: background .2s ease-out;
  width: 21px;
}
 
.ontschool-mobile-menu-icon .navicon:before,
.ontschool-mobile-menu-icon .navicon:after {
  background-color: #ffffff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}
 
.ontschool-mobile-menu-icon .navicon:before {
  top: 7px;
}
 
.ontschool-mobile-menu-icon .navicon:after {
  top: -7px;
}
.ontschool-mobile-menu.active .ontschool-mobile-menu-icon .navicon {
  background: transparent;
}
 
.ontschool-mobile-menu.active .ontschool-mobile-menu-icon .navicon:before {
  transform: rotate(-45deg);
}
 
.ontschool-mobile-menu.active .ontschool-mobile-menu-icon .navicon:after {
  transform: rotate(45deg);
}
 
.ontschool-mobile-menu.active .ontschool-mobile-menu-icon:not(.steps) .navicon:before,
.ontschool-mobile-menu.active .ontschool-mobile-menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* / HEADER */

/* HEADER MENU BAR */

.ontschool-desktop-menu {
	margin-top: 0px;
}

/* / HEADER MENU BAR */

/* BACKGROUNDS */

body,
body .ontschool-container {
	background-color: #ffffff;
}
body .ontschool-container {
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: local;
}
@media only screen and (max-width: 1000px) {
	body .ontschool-container {
		background-size: 100% auto;
		background-position: center top;
		margin-top: 70px;
		height: calc( 100% - 70px );
	}
}


/* / BACKGROUNDS */

/* HEADER / ART AREAS */

.ontschool-art-container {
	position: relative;
}
.ontschool-art-inner-container {
	position: relative;
	padding: 0 20px;
}
.ontschool-art-inner-container .ontschool-menu-desktop {
	width: 220px;
	float: left;
}
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-menu-desktop {
	float: right;
}
.ontschool-art-container .ontschool-homepage-welcome,
.ontschool-art-container .ontschool-contentpage-welcome {
	position: absolute;
	top: 50px;
	right: 20px;
	width: 700px;
	color: #ffffff;
	font-size: 1.2em;
}
.ontschool-art-container .ontschool-toolbar {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 700px;
	color: #ffffff;
	text-align: right;
}
.ontschool-art-container .ontschool-homepage-welcome *,
.ontschool-art-container .ontschool-contentpage-welcome * {
	line-height: 1.1em;
	color: #ffffff;
}
.ontschool-art-container .ontschool-homepage-welcome .ontschool-alt,
.ontschool-art-container .ontschool-contentpage-welcome .ontschool-alt {
	color: #009fda;
}
.ontschool-art-container .ontschool-homepage-welcome *:first-child,
.ontschool-art-container .ontschool-contentpage-welcome *:first-child {
	margin-top: 0px;
}
.ontschool-art-container .ontschool-homepage-welcome *:last-child,
.ontschool-art-container .ontschool-contentpage-welcome *:last-child {
	margin-bottom: 0px;
}
.ontschool-art-container .ontschool-homepage-welcome h1,
.ontschool-art-container .ontschool-contentpage-welcome h1 {
	font-size: 1.4em;
}
.ontschool-art-container .ontschool-homepage-welcome h2,
.ontschool-art-container .ontschool-contentpage-welcome h2,
.ontschool-art-container .ontschool-homepage-welcome p,
.ontschool-art-container .ontschool-contentpage-welcome p {
	font-size: 1.2em; 
}
.ontschool-art-inner-container .ontschool-homepage-content {
	width: 720px;
	float: left;
	padding-top: 200px;
	padding-bottom: 30px;
	padding-left: 30px;
	color: #ffffff;
	font-size: 1em;
}
.ontschool-art-inner-container .ontschool-homepage-content p {
	margin: 0 0 1em 0; 
}
.ontschool-art-inner-container .ontschool-homepage-content .ontschool-no-margins {
	margin-top: 0!important; 
	margin-right: 0!important;
	margin-bottom: 0!important;
	margin-left: 0!important;
}
.ontschool-art-inner-container .ontschool-homepage-content .ontschool-alt {
	color: #009fda;
}
.ontschool-art-inner-container .ontschool-contentpage-content {
	width: 700px;
	float: left;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: 20px;
	color: #666666;
	background-color: #ffffff;
	padding: 30px;
	font-size: 1em;
}
.ontschool-art-inner-container .ontschool-contentpage-content p {
	margin: 0 0 1em 0; 
}
.ontschool-art-inner-container .ontschool-content-content .ontschool-no-margins {
	margin-top: 0!important; 
	margin-right: 0!important;
	margin-bottom: 0!important;
	margin-left: 0!important;
}
.ontschool-art-inner-container .ontschool-contentpage-content .ontschool-alt {
	color: #009fda;
}
.ontschool-art-inner-container .ontschool-homepage-content > *:first-child,
.ontschool-art-inner-container .ontschool-contentpage-content > *:first-child,
.ontschool-art-inner-container .ontschool-homepage-content article > *:first-child,
.ontschool-art-inner-container .ontschool-contentpage-content article > *:first-child {
	margin-top: 0px;
}
.ontschool-art-inner-container .ontschool-homepage-content > *:last-child,
.ontschool-art-inner-container .ontschool-contentpage-content > *:last-child,
.ontschool-art-inner-container .ontschool-homepage-content article > *:last-child,
.ontschool-art-inner-container .ontschool-contentpage-content article > *:last-child {
	margin-bottom: 0px;
}
.ontschool-art-container.ontschool-show-art-area-widget .ontschool-art-inner-container .ontschool-homepage-content {
	width: 470px;
}
.ontschool-art-container.ontschool-show-art-area-widget .ontschool-art-inner-container .ontschool-contentpage-content {
	width: 470px;
}
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-homepage-content {
	padding-left: 0px;
	padding-right: 30px;
}
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-contentpage-content {
	padding-left: 0px;
	padding-right: 30px;
}
.ontschool-art-container.ontschool-show-art-area-widget.ontschool-menu-right .ontschool-art-inner-container .ontschool-homepage-content {
	padding-left: 260px;
	width: 710px;
}

/* MENU */

.ontschool-desktop-menu > ul {
	background-image: url('images/menu-bg.png');
	background-repeat: repeat-y;
	background-position: left top;
}
.ontschool-desktop-menu > ul:before {
	content: ' ';
	display: block;
	background-image: url('images/menu-head.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 220px;
	height: 15px;
	position: relative;
	top: 0px;
}
.ontschool-desktop-menu > ul:after {
	content: ' ';
	display: block;
	background-image: url('images/menu-foot.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 220px;
	height: 80px;
	position: relative;
	bottom: 0px;
}
.ontschool-desktop-menu > ul > li {
	padding: 0;
	margin-bottom: 0px;
}
.ontschool-desktop-menu > ul > li:hover,
.ontschool-desktop-menu > ul > li:active,
.ontschool-desktop-menu > ul > li.current-menu-item {

}
.ontschool-desktop-menu > ul > li > a {
	display: block;
	background-color: #976D39;
	color: #ffffff;
	padding: 6px 20px;
}
.ontschool-desktop-menu > ul > li:hover > a,
.ontschool-desktop-menu > ul > li:active > a,
.ontschool-desktop-menu > ul > li.current-menu-item > a,
.ontschool-desktop-menu > ul > li.current_page_parent > a {
	background-color: #70512a;
	color: #e2dcd4;
}
.ontschool-desktop-menu > ul > li > a {
	color: #ffffff;
	padding: 6px 26px 6px 18px;
}
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-menu-desktop .ontschool-desktop-menu > ul > li > a {
	padding: 6px 18px 6px 26px;
}
.ontschool-desktop-menu > ul > li:after {
	content: ' ';
	display: block;
	background-image: url('images/menu-item-shadow.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 220px;
	height: 10px;
	position: relative;
	bottom: 0px;
}
.ontschool-desktop-menu ul li:hover ul li a {
	color: #424242;
}
.ontschool-desktop-menu ul li:hover ul li:hover a,
.ontschool-desktop-menu ul li:active ul li:active a,
.ontschool-desktop-menu ul li.sfHover ul li.sfHover a,
.ontschool-desktop-menu ul li ul li.current-menu-item a {
	color: #74c3ce;
}
.ontschool-desktop-menu > ul > .menu-item-has-children > a:after {
	top: 50%;
	right: 5px;
	margin-top: -7px;
	border: 7px solid transparent;
	border-left-color: #eee45a;
}
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-menu-desktop .ontschool-desktop-menu > ul > .menu-item-has-children > a:after {
	right: auto;
	left: 5px;
	border: 7px solid transparent;
	border-right-color: #eee45a;
}
.ontschool-desktop-menu > ul li:hover.menu-item-has-children:after > a,
.sf-menu li:active.menu-item-has-children:after > a,
.sf-menu li.sfHover.menu-item-has-children:after > a,
.sf-menu > li.current-menu-item.menu-item-has-children:after > a {
	border-left-color: #eee45a;
}
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-menu-desktop .ontschool-desktop-menu > ul li:hover.menu-item-has-children:after > a,
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-menu-desktop .ontschool-desktop-menu > ul li:active.menu-item-has-children:after > a,
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-menu-desktop .ontschool-desktop-menu > ul li.sfHover.menu-item-has-children:after > a,
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-menu-desktop .ontschool-desktop-menu > ul > li.current-menu-item.menu-item-has-children:after > a {
	border-left-color: transparent;
	border-right-color: #eee45a;
}

/* / MENU */

/* HOMEPAGE WIDGET */

.ontschool-homepage-art-widget-container {
	position: absolute;
	top: 40px;
	right: 20px;
	width: 220px;
	height: 220px;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}
.ontschool-art-container.ontschool-menu-right .ontschool-art-inner-container .ontschool-homepage-art-widget-container {
	position: absolute;
	top: 40px;
	right: auto;
	left: 20px;
	width: 220px;
	height: 220px;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}
/* / HOMEPAGE WIDGET */

/* TOOLBAR MENU */

.ontschool-header-elements-container .ontschool-toolbar > * {
	vertical-align: top;
	padding-left: 10px;
}
.ontschool-header-elements-container .ontschool-toolbar .textwidget {
	display: inline-block;
}
.ontschool-header-elements-container .ontschool-toolbar .menu-toolbar-menu-container {
	display: inline-block;
}
.ontschool-art-container .ontschool-toolbar ul {
	list-style-type: none;
	display: inline-block;
	text-align: left;
	margin: 0 -5px;
	padding: 0;
}
.ontschool-art-container .ontschool-toolbar ul li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	margin: 0 5px;
}
.ontschool-art-container .ontschool-toolbar ul li a {
	background-color: #0E8078;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0;
	padding: 6px 10px;
	font-size: 1em;
	text-decoration: none;
	border-radius: 0;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none!important;
	border: none;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
	display: inline-block;
	line-height: 22px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	user-select: none;
	background-image: none;
}
.ontschool-art-container .ontschool-toolbar ul li a:hover,
.ontschool-art-container .ontschool-toolbar ul li a:active {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	background-image: none;
	text-decoration: none;
}

/* / TOOLBAR MENU */

/* HEADER AND ART AREA MOBILE OVERRIDES */

@media only screen and (max-width: 1000px) {
	.ontschool-header-outer-container {
		margin: 0;
		height: auto;
	}
	.ontschool-header-inner-container {
		padding: 0;
	}
	.ontschool-header-elements-container {
		display: none;
	}
	.ontschool-mobile-header-outer-container {
		display: block;
	}
	.ontschool-mobile-header-elements-container {
		background-color: #0E8078;
		box-shadow: 0 3px 0px rgba(0,0,0,0.07);
		margin: 0 0 30px 0;
		height: 70px;
		position: fixed;
		top: 0px;
		right: 0px;
		left: 0px;
		z-index: 10;
	}
	.ontschool-art-container .menu-toolbar-menu-container {
		display: none;
	}
	.ontschool-mobile-header-inner-container .ontschool-logo-container {
		display: block;
		position: absolute;
		top: 10px;
		right: 30px;
		left: 30px;
		height: 60px;
		text-align: center;
		width: auto;
		max-width: none;
		margin: 0;
	}
	.ontschool-mobile-header-inner-container .ontschool-logo-container .ontschool-logo {
		display: inline-block;
		height: 80px;
		max-width: 70%;
	}
	body.ontschool-scrolled .ontschool-mobile-header-inner-container .ontschool-logo-container .ontschool-logo {
		height: 50px;
	}
	.ontschool-mobile-header-inner-container .ontschool-logo-container .ontschool-logo img {
		display: inline-block;
		height: 100%;
		width: auto;
	}
	.ontschool-art-inner-container {
		padding: 0 30px;
	}
	.ontschool-desktop-menu {
		display: none;
	}
	.ontschool-art-container .ontschool-homepage-welcome,
	.ontschool-art-container .ontschool-contentpage-welcome {
		position: static;
		float: none;
		width: auto;
		padding: 30px;
		margin-top: 32%;
		text-align: center;
	}
	.ontschool-art-inner-container .ontschool-homepage-content,
	.ontschool-art-container.ontschool-show-art-area-widget .ontschool-art-inner-container .ontschool-homepage-content {
		float: none;
		width: auto;
		padding: 0px 0px 30px 0px;
	}
	.ontschool-art-container .ontschool-contentpage-content {
		float: none;
		width: auto;
		margin: 25% 0 30px 0;
	}
	.ontschool-homepage-art-widget-container {
		position: static;
		width: auto;
		height: auto;
		overflow: visible;
		background-color: #ffffff;
		padding: 20px;
	}
}

@media only screen and (max-width: 750px) {
	.ontschool-mobile-header-inner-container .ontschool-logo-container {
		text-align: left;
	}
	.ontschool-mobile-header-inner-container .ontschool-logo-container .ontschool-logo {
		width: 75px;
	}
}

/* / HEADER AND ART AREA MOBILE OVERRIDES */


/* / HEADER / ART AREAS */

/* BODY */

.ontschool-body-outer-container {
	margin: 30px 0 30px 0;
}
.ontschool-body-inner-container {
	padding: 0 30px;
}
@media only screen and (max-width: 400px) {
	.ontschool-body-inner-container {
		padding: 0 15px;
	}
}
.ontschool-body-colset {
	margin: 0 -15px;
}
.ontschool-body-colset:after {
    content: " ";
    clear: both;
    display: table;
}
.ontschool-body-colset .ontschool-body-content-column-outer {
	padding: 0 15px;
	box-sizing: border-box;
}
.ontschool-body-colset.ontschool-twocol .ontschool-body-content-column-outer {
	float: left;
	width: 66.6666667%;
}
.ontschool-body-colset.ontschool-twocol .ontschool-aside-column-outer {
	padding: 0 15px;
	float: left;
	box-sizing: border-box;
	width: 33.3333333%;
}
@media only screen and (max-width: 900px) {
	.ontschool-body-colset.ontschool-twocol .ontschool-body-content-column-outer {
		width: 60%;
	}
	.ontschool-body-colset.ontschool-twocol .ontschool-aside-column-outer {
		width: 40%;
	}
}
@media only screen and (max-width: 760px) {
	.ontschool-body-colset.ontschool-twocol .ontschool-body-content-column-outer {
		float: none;
		width: auto;
	}
	.ontschool-body-colset.ontschool-twocol .ontschool-aside-column-outer {
		float: none;
		width: auto;
		margin-top: 30px;
	}
}

/* / BODY */

/* CONTENT */

.ontschool-content {
	overflow-wrap: break-word;
	word-wrap: break-word;
	/*-ms-word-break: break-all;*/
	word-break: break-word;
	/*-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;*/
}
.ontschool-content > *:first-child,
.ontschool-content article > *:first-child,
.ontschool-content .textwidget > *:first-child {
	margin-top: 0px;
}
.ontschool-content > *:last-child,
.ontschool-content article > *:last-child,
.ontschool-content .textwidget > *:last-child {
	margin-bottom: 0px;
}
.ontschool-body-content {
	background-color: #ffffff;
	padding: 20px;
}
.ontschool-content p:first-child {
	margin-top: 0;
}
.ontschool-content p:last-child {
	margin-bottom: 0;
}
.ontschool-content a,
.textwidget a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #0E8078;
}
.ontschool-content a:hover,
.ontschool-content a:active,
.textwidget a:hover,
.textwidget a:active {
	color: #000000;
}
.ontschool-content a {
	font-weight: bold;
}
.ontschool-content h1,
.ontschool-content h2,
.ontschool-content h3,
.ontschool-content h4,
.ontschool-content h5,
.ontschool-content h6 {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	font-weight: bold;
	line-height: 1.3em;
}
.ontschool-content h1 {
	color: #0E8078;
	font-size: 2.4em;
	margin-bottom: 20px;
}
.ontschool-content h2 {
	color: #0E8078;
	font-size: 1.7em;
}
.ontschool-content h3 {
	color: #0E8078;
	font-size: 1.5em;
}
.ontschool-content h4 {
	color: #0E8078;
	font-size: 1.3em;
}
.ontschool-content h5 {
	color: #0E8078;
	font-size: 1.2em;
}
.ontschool-content h6 {
	color: #0E8078;
	font-size: 1em;
}
.ontschool-content h1.ontschool-alt,
.ontschool-content h2.ontschool-alt,
.ontschool-content h3.ontschool-alt,
.ontschool-content h4.ontschool-alt,
.ontschool-content h5.ontschool-alt,
.ontschool-content h6.ontschool-alt,
.ontschool-content h1 .ontschool-alt,
.ontschool-content h2 .ontschool-alt,
.ontschool-content h3 .ontschool-alt,
.ontschool-content h4 .ontschool-alt,
.ontschool-content h5 .ontschool-alt,
.ontschool-content h6 .ontschool-alt {
	color: #666666;
}
.ontschool-content h1.ontschool-smaller-heading {
	font-size: 2em; 
}
.ontschool-content h2.ontschool-smaller-heading {
	font-size: 1.5em; 
}
.ontschool-content h3.ontschool-smaller-heading {
	font-size: 1.3em; 
}
.ontschool-content h4.ontschool-smaller-heading {
	font-size: 1.1em; 
}
.ontschool-content h5.ontschool-smaller-heading {
	font-size: 1em; 
}
.ontschool-content h6.ontschool-smaller-heading {
	font-size: 0.9em; 
}
.ontschool-content img {
	width: auto;
	height: auto;
	max-width: 100%;
}

/* TABLES */

.ontschool-responsive-table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 20px 0;
}
.ontschool-content table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	min-width: 600px;
}
.ontschool-content table th,
.ontschool-content table td {
	border: 0;
	border-spacing: 0;
}
.ontschool-content table th {
    font-weight: bold;
    text-align: left;
    border: 1px solid #0c266f;
	background-color: #009fda;
    padding: 20px 10px;
	color: #ffffff;
}
.ontschool-content table td {
    border: 1px solid #ddd;
    padding: 20px 10px;

}
.ontschool-content table tr {
	background-color: #ffffff;
}
.ontschool-content table tr:nth-child(odd) {
	background-color: #f7f7f7;
}
.ontschool-content table tr td.highlighted {
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	background-color: #0066a3;
	text-align: center;
}
.ontschool-content table th,
.ontschool-content table td {
    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
}
.ontschool-content table th[align=center],
.ontschool-content table td[align=center] {
	text-align: center;
}
.ontschool-content table th[align=right],
.ontschool-content table td[align=right] {
	text-align: right;
}

/* / CONTENT */

/* CONTENT ITEMS */

.ontschool-content-item {
	margin: 30px 0;
}

/* / CONTENT ITEMS */

/* ACCORDION */

dl.ontschool-accordion {
	margin: 20px 0 -20px 0;
}
dl.ontschool-accordion dt {
	display: block;
	padding: 0 0 20px 0;
	margin: 0;
}
dl.ontschool-accordion dt a {
	display: block;
	text-decoration: none;
	padding: 20px;
	margin: 0;
	color: #ffffff;
	background-color: #0E8078;
	font-weight: normal;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
html.js dl.ontschool-accordion dt a:hover,
html.js dl.ontschool-accordion dt a:active,
dl.ontschool-accordion dt.active a {
	color: #ffffff;
	background-color: #000000;
}
dl.ontschool-accordion dt img.ontschool-accordion-icon {
	display: inline-block;
	height: 1.4em;
	width: auto;
	line-height: 1em;
	position: relative;
	top: 0.27em;
	margin: 0 0.7em 0 0;
}
dl.ontschool-accordion dd {
	margin: 0;
	padding: 0 0 20px 0;
}

/* / ACCORDION */

/* SEPARATOR */

hr,
.ontschool-content-item-separator {
	border: none;
	margin: 30px 0;
	border-bottom: 1px solid #eeeeee;
}
hr.ontschool-content-item-separator-heavy,
.ontschool-content-item-separator.ontschool-content-item-separator-heavy {
	border-bottom: 1px solid #0E8078;
}

/* STANDALONE SECTION MENU */

ul.ontschool-standalone-section-menu {
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
}
ul.ontschool-standalone-section-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 5px 0;
}

/* / STANDALONE SECTION MENU */

/* SECTION MENU */

.ontschool-section-menu {
	background-color: #F6FBEE;
	color: #666666;
	margin: 0 0 20px 0;
}
.ontschool-section-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 12px 0;
	text-align: center;
}
.ontschool-section-menu ul li {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 1em;
}
.ontschool-section-menu ul li a {
	display: inline-block;
	text-align: center;
	color: #666666;
	text-decoration: none;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 2px solid transparent;
}
.ontschool-section-menu ul ul {
	font-size: 0.9em;
	margin: 5px 0 20px 0;
}
.ontschool-section-menu ul li a:active,
.ontschool-section-menu ul li a:hover,
.ontschool-section-menu ul li.current-menu-item a,
.ontschool-section-menu ul li.current-cat a {
	color: #666666;
	border-bottom: 2px solid #0E8078;
}

.ontschool-section-menu-toggle {
	display: none;
}

html.js .ontschool-section-menu-toggle {
	text-align: center;
	display: block;
	width: auto;
	padding: 20px;
	border: 0;
	color: #666666;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	position: relative;
	outline: none;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
}
html.js .ontschool-section-menu-toggle .ontschool-section-menu-arrow {
	display: inline-block;
	position: relative;
	line-height: 1em;
	margin-top: -5px;
	top: 3px;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #0E8078;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
html.js .ontschool-section-menu-container {
	max-height: 0px;
	overflow: hidden;
	padding: 0px;
	width: auto;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	padding: 0;
}
html.js .ontschool-section-menu-container.visible {
	max-height: 500px;
	overflow: hidden;
	margin-top: 0px;
	padding: 0;
}
html.js .ontschool-section-menu-container.scrollable {
	overflow-y: auto;
}
html.js .ontschool-section-menu-toggle.enabled .ontschool-section-menu-arrow {
	transform: rotate(90deg);
}
.ontschool-section-menu .ontschool-section-menu-container ul,
.ontschool-section-menu .ontschool-section-menu-container ul:last-child {
	margin: 0 0 20px 0;
	padding: 0;
}
.ontschool-section-menu .ontschool-section-menu-container ul li {
	display: block;	
	margin: 12px 0;
}
.ontschool-section-menu .ontschool-section-menu-container ul li:first-child {
	margin-top: 0px;
}
.ontschool-section-menu .ontschool-section-menu-container ul li:last-child {
	margin-bottom: 0;
}


/* / SECTION MENU */







/* IMAGE AND TEXT BLOCK */

.ontschool-content-item-image-and-text-item {
	margin: 30px 0;
}
.ontschool-content-item-image-and-text-item:last-child {
	margin-bottom: 0px;
}
.ontschool-content-item-image-and-text-item:after {
	content: " ";
    clear: both;
    display: table;
}
.ontschool-content-item-image-and-text-item .ontschool-image-and-text-image {
	float: left;
	width: 33%;
	height: auto;
	display: block;
}
.ontschool-content-item-image-and-text-item .ontschool-image-and-text-content {
	box-sizing: border-box;
	margin-left: 33%;
	padding-left: 20px;
}
.ontschool-content-item-image-and-text-item.ontschool-content-item-image-and-text-item-align-right .ontschool-image-and-text-image {
	float: right;
	width: 33%;
	height: auto;
}
.ontschool-content-item-image-and-text-item.ontschool-content-item-image-and-text-item-align-right .ontschool-image-and-text-content {
	box-sizing: border-box;
	margin-left: 0;
	margin-right: 33%;
	padding-left: 0;
	padding-right: 20px;
}

@media only screen and (max-width: 400px) {
	.ontschool-content-item-image-and-text-item .ontschool-image-and-text-image,
	.ontschool-content-item-image-and-text-item.ontschool-content-item-image-and-text-item-align-right .ontschool-image-and-text-image {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.ontschool-content-item-image-and-text-item .ontschool-image-and-text-content,
	.ontschool-content-item-image-and-text-item.ontschool-content-item-image-and-text-item-align-right .ontschool-image-and-text-content {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
}

/* / IMAGE AND TEXT BLOCK */

/* CONTENT BLOCK */

.ontschool-block-content {
	padding: 20px;
}

/* / CONTENT BLOCK */

/* BLOCKS GRID */

.ontschool-block-grid-outer-container {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 20px;
	max-width: 980px;
}
.ontschool-block-grid-container {
	margin: -10px;
}
.ontschool-block-grid-outer-container .ontschool-block-grid-outer-column {
	float: left;
}
.ontschool-block-grid-outer-container .ontschool-block-grid-outer-column-100 {
	width: 100%;
}
.ontschool-block-grid-outer-container .ontschool-block-grid-outer-column-50 {
	width: 50%;
}
.ontschool-block-grid-outer-container .ontschool-block-grid-block {
	position: relative;
	width: 50%;
	padding-top: 37.5%;
	box-sizing: border-box;
	float: left;
}
.ontschool-block-grid-outer-container .ontschool-block-grid-block.ontschool-block-grid-block-small  {
	width: 25%;
	padding-top: 18.75%;
}
.ontschool-block-grid-outer-container .ontschool-block-grid-outer-column-50 .ontschool-block-grid-block.ontschool-block-grid-block-small  {
	width: 50%;
	padding-top: 37.5%;
}
.ontschool-block-grid-outer-container .ontschool-block-grid-block.ontschool-block-grid-block-large {
	width: 100%;
	padding-top: 75%;
}
.ontschool-block-grid-outer-container .ontschool-block-grid-block .ontschool-block-grid-block-inner {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	overflow: hidden;
}
@media only screen and (max-width: 1000px) {
	.ontschool-block-grid-outer-container {
		padding: 30px;
	}
	.ontschool-block-grid-container {
		margin: -15px;
	}
	.ontschool-block-grid-outer-container .ontschool-block-grid-block .ontschool-block-grid-block-inner {
		position: absolute;
		top: 15px;
		right: 15px;
		bottom: 15px;
		left: 15px;
		overflow: hidden;
	}
}
@media only screen and (max-width: 850px) {
	.ontschool-block-grid-outer-container .ontschool-block-grid-outer-column-50 {
		width: 100%;
	}
	.ontschool-block-grid-outer-container .ontschool-block-grid-outer-column-100 .ontschool-block-grid-block.ontschool-block-grid-block-small {
		width: 50%;
		padding-top: 37.5%;
	}
}
@media only screen and (max-width: 450px) {
	.ontschool-block-grid-outer-container .ontschool-block-grid-block,
	.ontschool-block-grid-outer-container .ontschool-block-grid-outer-column-100 .ontschool-block-grid-block.ontschool-block-grid-block-small {
		width: 100%;
		padding-top: 75%;
	}
}
/* / BLOCKS GRID */

/* BLOCKS COMMON */

.ontschool-block {
	margin: 0 0 30px 0;
	display: block;
	text-decoration: none;
	background-color: #ffffff;
	color: #666666;
}
.ontschool-block:last-child {
	margin: 0;
}

/* / BLOCKS COMMON */

/* BANNER BLOCK */

.ontschool-block-banner {
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	overflow: hidden;
}
.ontschool-block-banner img.ontschool-banner-block-image {
	position: relative;
	z-index: 1;
	width: 100%;
	top: 0px;
	left: 0px;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	transform: translateZ(0);
	-webkit-filter: blur(0);
	backface-visibility: hidden;
}
a.ontschool-block-banner:hover img.ontschool-banner-block-image,
a.ontschool-block-banner:active img.ontschool-banner-block-image {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.ontschool-block-banner .ontschool-banner-block-heading {
	display: block;
	padding: 15px 15px 13px 15px;
	line-height: 1.1em;
	background-color: #666666;
	color: #ffffff;
	margin: 0;
	max-width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	backface-visibility: hidden;
}
.ontschool-block-banner .ontschool-banner-block-heading-2 {
	display: block;
	margin-top: 10px;
	backface-visibility: hidden;
}
.ontschool-block-banner .ontschool-banner-block-heading.ontschool-background-colour-transparent {
	padding: 0;
}
.ontschool-block-banner .ontschool-banner-block-heading-container {
	position: absolute;
	z-index: 2;
	width: auto;
	padding: 15px;
	top: 0px;
	left: 0px;
	display: inline-block;
	max-width: 100%;
	box-sizing: border-box;
}
.ontschool-block-banner .ontschool-banner-block-heading-container.ontschool-position-top-left {
	top: 0px;
	right: auto;
	bottom: auto;
	left: 0px;
}
.ontschool-block-banner .ontschool-banner-block-heading-container.ontschool-position-top-right {
	top: 0px;
	right: 0px;
	bottom: auto;
	left: auto;
}
.ontschool-block-banner .ontschool-banner-block-heading-container.ontschool-position-bottom-left {
	top: auto;
	right: auto;
	bottom: 0px;
	left: 0px;
}
.ontschool-block-banner .ontschool-banner-block-heading-container.ontschool-position-bottom-right {
	top: auto;
	right: 0px;
	bottom: 0px;
	left: auto;
}
.ontschool-block-banner .ontschool-banner-block-heading span {
	white-space:pre-wrap;
}
.ontschool-block-banner .ontschool-banner-block-heading span:after {
	content: '\A';
}
@media only screen and (max-width: 850px) {
	.ontschool-block-banner .ontschool-banner-block-heading-container {
		font-size: 1.2em;
		font-size: 3vw;
		line-height: 1.3em;
		padding: 15px;
	}
}
@media only screen and (max-width: 450px) {
	.ontschool-block-banner .ontschool-banner-block-heading-container {
		font-size: 1.5em;
		font-size: 5vw;
		line-height: 1.3em;
		padding: 15px;
	}
	.ontschool-block-banner .ontschool-banner-block-heading-container h2 {
		padding: 10px 10px 8px 10px;
	}
}
@media only screen and (max-width: 350px) {
	.ontschool-block-banner .ontschool-banner-block-heading-container {
		font-size: 1.5em;
		font-size: 6vw;
		line-height: 1.3em;
		padding: 10px;
	}
	.ontschool-block-banner .ontschool-banner-block-heading-container h2 {
		padding: 8px 8px 7px 8px;
	}
}

/* / BANNER BLOCK */

/* DOWNLOADS BLOCK */

.ontschool-download-items {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ontschool-download-items li {
	margin: 10px 0 10px 0;
	padding: 0;
}
.ontschool-download-items li a {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 20px;
	margin: 0;
	padding: 0 0 0 28px;
}

/* / DOWNLOADS BLOCK */

/* CONTENT BLOCK */

.ontschool-block.ontschool-block-content {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

/* / CONTENT BLOCK */

/* NEWS */

.ontschool-posts-intro-content {
	margin: 30px 0;
	padding: 0 0 30px 0;
	/* border-bottom: 1px solid #dddddd; */
}
.ontschool-posts-intro-content > *:first-child {
	margin-top: 0px;
}
.ontschool-posts-intro-content > *:last-child {
	margin-bottom: 0px;
}
.ontschool-post-archive-entry {
	margin: 30px 0;
	padding: 0 0 30px 0;
	/* border-bottom: 1px solid #eeeeee; */
}
.ontschool-post-archive-entry h2 {
	font-size: 1.7em;
	line-height: 1.5em;
	margin: 10px 0;
}
.ontschool-post-meta {
	margin: 20px 0;
}
.ontschool-post-archive-entry .ontschool-post-meta {
	margin: 10px 0;
}
.ontschool-post-archive-entry .ontschool-post-excerpt p {
	margin: 10px 0;
}
.ontschool-post-archive-entry .ontschool-post-link {
	margin: 10px 0;
}
.ontschool-post-archive-entry.ontschool-post-has-image h2,
.ontschool-post-archive-entry.ontschool-post-has-image .ontschool-post-meta,
.ontschool-post-archive-entry.ontschool-post-has-image .ontschool-post-excerpt {
	margin-right: 40%;
}
.ontschool-post-archive-entry .ontschool-post-thumbnail {
	float: right;
	width: 40%;
	padding: 0 0 0 30px;
	box-sizing: border-box;
}
.ontschool-post-archive-entry .ontschool-post-thumbnail img {
	width: 100%;
	height: auto;
}
.ontschool-post-archive-pagination-container {
	margin: 20px 0;
}
.ontschool-post-archive-buttons-container {
	margin: 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #eeeeee;
}
.ontschool-post-archive-pagination.ontschool-previous {
	float: left;
}
.ontschool-post-archive-pagination.ontschool-next {
	float: right;
}
@media only screen and (max-width: 660px) {
	.ontschool-post-archive-entry.ontschool-post-has-image h2,
	.ontschool-post-archive-entry.ontschool-post-has-image .ontschool-post-meta,
	.ontschool-post-archive-entry.ontschool-post-has-image .ontschool-post-excerpt {
		margin-right: 0px;
	}
	.ontschool-post-archive-entry .ontschool-post-thumbnail {
		float: none;
		width: 100%;
		padding: 0;
	}
}

/* / NEWS */

/* GALLERIES */

.ontschool-gallery-container {
	display: block;
	margin: 20px 0;
	position: relative;
	overflow: hidden;
}

.ontschool-gallery-container .gallery-title {
	margin: 10px;
}
.ontschool-gallery-container ul {
	list-style-type: none;
	padding: 0;
	margin: 0 -10px;
}
.ontschool-gallery-container ul li {
	list-style-type: none;
	width: 33.3%;
	float: left;
	padding: 10px;
	box-sizing: border-box;	
}
.ontschool-gallery-container.ontschool-gallery-columns-1 ul li {
	width: 100%;
}
.ontschool-gallery-container.ontschool-gallery-columns-2 ul li {
	width: 50%;
}
.ontschool-gallery-container.ontschool-gallery-columns-3 ul li {
	width: 33.3%;
}
.ontschool-gallery-container.ontschool-gallery-columns-4 ul li {
	width: 25%;
}
.ontschool-gallery-container.ontschool-gallery-columns-5 ul li {
	width: 20%;
}
.ontschool-gallery-container.ontschool-gallery-columns-6 ul li {
	width: 16.6%;
}
.ontschool-gallery-container.ontschool-gallery-columns-7 ul li {
	width: 14.2%;
}
.ontschool-gallery-container.ontschool-gallery-columns-8 ul li {
	width: 12.5%;
}
.ontschool-gallery-container.ontschool-gallery-columns-9 ul li {
	width: 11.1%;
}
.ontschool-gallery-container.ontschool-gallery-columns-10 ul li {
	width: 10%;
}
.ontschool-gallery-container ul li .gallery-thumb-container {
	background-color: #ffffff;
}
.ontschool-gallery-container img {
    margin: 0;
    vertical-align: top;
	background-color: #ffffff;
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}
.ontschool-gallery-container img:hover {
	opacity: 0.5;
}
@media only screen and (max-width: 600px) {
	.ontschool-gallery-container ul li {
		width: 50%;
	}
    .ontschool-gallery-container.ontschool-gallery-columns-1 ul li {
    	width: 100%;
    }
    .ontschool-gallery-container.ontschool-gallery-columns-2 ul li,
    .ontschool-gallery-container.ontschool-gallery-columns-3 ul li,
    .ontschool-gallery-container.ontschool-gallery-columns-4 ul li,
    .ontschool-gallery-container.ontschool-gallery-columns-5 ul li,
    .ontschool-gallery-container.ontschool-gallery-columns-6 ul li,
    .ontschool-gallery-container.ontschool-gallery-columns-7 ul li,
    .ontschool-gallery-container.ontschool-gallery-columns-8 ul li,
    .ontschool-gallery-container.ontschool-gallery-columns-9 ul li,
    .ontschool-gallery-container.ontschool-gallery-columns-10 ul li {
    	width: 50%;
    }   
}
	
/* / GALLERIES */

/* WIDGETS */

ul.ontschool-recent-posts {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.ontschool-recent-posts li {
	margin: 0 0 15px 0;
}
ul.ontschool-recent-posts li:last-child {
	margin: 0;
}
ul.ontschool-recent-posts li h2 {
	margin: 0 0 5px 0;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #0E8078;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul.ontschool-recent-posts li a:hover h2,
ul.ontschool-recent-posts li a:active h2 {
	color: #000000;
}
ul.ontschool-recent-posts li .ontschool-post-meta {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0;
}
ul.ontschool-recent-posts li .ontschool-post-excerpt {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0;
}

/* / WIDGETS */

/* WIDGET EMBEDS */

.textwidget > iframe {
	position: absolute!important;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.twitter-timeline {
	height: 100%!important;
	background-color: #ffffff;
}
.schoop-feed {
	position: absolute!important;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	height: 100%;
	background-color: #ffffff;
}
.schoop-feed > div {
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	padding-bottom: 78px;
}
.schoop-feed > div > div:first-child {
	height: 100%;
}
.schoop-feed > div > div:last-child {
	border-top: 1px solid rgba(15,70,100,.12);
	padding: 15px!important;
	height: 78px!important;
	font-size: 0.8em!important;
	background-color: rgba(255,255,255,0.4)!important;
}
.schoop-feed table {
	margin: 20px;
	width: auto!important;
	box-sizing: border-box;
	font-size: 0.9em;
	line-height: 1.5em;
	background-color: transparent!important;
}

/* / WIDGET EMBEDS */

/* SLIDER */

.ontschool-slider-outer-container {
	padding: 0 30px;
}
@media only screen and (max-width: 400px) {
	.ontschool-slider-outer-container {
		padding: 0 15px;
	}
}
.ontschool-slider-outer-container .slides .ontschool-slide {
	position: relative;
}
.ontschool-slider .ontschool-slider-slide-heading {
	display: inline-block;
	padding: 20px 20px 18px 20px;
	line-height: 1.1em;
	text-transform: uppercase;
	background-color: #ffffff;
	color: #002776;
	margin: 0;
	max-width: 100%;
	font-weight: bold;
	font-size: 1.7em;
	backface-visibility: hidden;
}
.ontschool-slider .ontschool-slider-slide-heading-container {
	position: absolute;
	z-index: 2;
	width: auto;
	padding: 30px;
	top: 0px;
	left: 0px;
	display: inline-block;
	max-width: 100%;
	box-sizing: border-box;
}
@media only screen and (max-width: 700px) {
	.ontschool-slider .ontschool-slider-slide-heading {
		font-size: 3vw;
		padding: 20px;
		display: block;
	}
	.ontschool-slider .ontschool-slider-slide-heading-container {
		position: static;
		padding: 0;
		display: block;
	}
}
.ontschool-slider .ontschool-slider-slide-heading-container.ontschool-position-top-left {
	top: 0px;
	right: auto;
	bottom: auto;
	left: 0px;
}
.ontschool-slider .ontschool-slider-slide-heading-container.ontschool-position-top-right {
	top: 0px;
	right: 0px;
	bottom: auto;
	left: auto;
}
.ontschool-slider .ontschool-slider-slide-heading-container.ontschool-position-bottom-left {
	top: auto;
	right: auto;
	bottom: 0px;
	left: 0px;
}
.ontschool-slider .ontschool-slider-slide-heading-container.ontschool-position-bottom-right {
	top: auto;
	right: 0px;
	bottom: 0px;
	left: auto;
}
.ontschool-slider .ontschool-slider-slide-heading span {
	white-space:pre-wrap;
}
.ontschool-slider .ontschool-slider-slide-heading span:after {
	content: '\A';
}

/* / SLIDER */

/* FOOTER BAR */

.ontschool-footer-outer-container {
	background-color: #F6FBEE;
	box-shadow: 0 -3px 0px rgba(0,0,0,0.07);
	margin: 5px 0 0 0;
	min-height: 200px;
}
.ontschool-footer-inner-container {
	padding: 20px;
	position: relative;
	max-width: 980px;
}
.ontschool-footer-colset {
	margin: 0 -10px;
}
.ontschool-footer-content {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 10px 0;
	color: #666666;
}
.ontschool-footer-column {
	width: 33%;
	padding: 0 10px;
	box-sizing: border-box;
	float: left;
}

/* FOOTER BAR MENU */

.ontschool-footer-menu {
	
}
.ontschool-footer-content ul,
.ontschool-footer-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.ontschool-footer-content ul li,
.ontschool-footer-menu ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 1em;
}
.ontschool-footer-content ul li a,
.ontschool-footer-menu ul li a,
.ontschool-footer-content a,
.ontschool-footer-menu a {
	color: #0E8078;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	font-weight: normal;
}
.ontschool-footer-content ul li a:active,
.ontschool-footer-menu ul li a:active,
.ontschool-footer-content ul li a:hover,
.ontschool-footer-menu ul li a:hover {
	color: #000000;
}
/* / FOOTER BAR MENU */

.ontschool-footer-inner-container > *:first-child {
	margin-top: 0px;
}
.ontschool-footer-inner-container > *:last-child {
	margin-bottom: 0px;
}
@media only screen and (max-width: 1000px) {
	.ontschool-footer-inner-container {
		padding: 30px;
	}
	.ontschool-footer-colset {
		margin: 0 -15px;
	}
	.ontschool-footer-column {
		padding: 0 15px;
	}
}
@media only screen and (max-width: 1000px) {
	.ontschool-footer-column {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 20px;
		font-size: 1em;
		line-height: 1.5em;
	}
	.ontschool-footer-column p {
		text-align: center!important;
	}
}

/* FOOTER BAR */

/* SOCIAL ICONS */

.ontschool-social-icons-container {
	margin: 5px -5px;
	display: inline-block;
}
.ontschool-social-icons-container {
	margin-top: 0px;
	margin-bottom: 0px;
}
.ontschool-toolbar .ontschool-social-icons-container {
	line-height: 0px;
}
.ontschool-social-icon {
	box-sizing: border-box;
	border-radius: 50%;
	color: #ffffff!important;
	background-color: #0E8078;
	overflow: hidden;
	width: 34px;
	height: 34px;
	font-size: 20px;
	line-height: 24px;
	padding: 6px;
	font-family: FontAwesome;
	display: inline-block;
	text-align: center;
	margin: 5px;
}
.ontschool-header-elements-container .ontschool-toolbar .ontschool-social-icon {
	margin-top: 0px;
	margin-bottom: 0px;
}
.ontschool-footer-content .ontschool-social-icon {
	color: #F6FBEE!important;
	background-color: #0E8078;
}
.ontschool-header-elements-container .ontschool-toolbar .ontschool-social-icon {
	color: #ffffff!important;
	background-color: #0E8078;
}
.ontschool-social-icon:hover,
.ontschool-social-icon:active {
	background-color: #000000;
}
.ontschool-footer-content .ontschool-social-icon:hover,
.ontschool-footer-content .ontschool-social-icon:active {
	background-color: #000000;
}
.ontschool-header-elements-container .ontschool-toolbar .ontschool-social-icon:hover,
.ontschool-header-elements-container .ontschool-toolbar .ontschool-social-icon:active {
	background-color: #000000;
}
.ontschool-social-twitter,
.ontschool-social-facebook,
.ontschool-social-pinterest,
.ontschool-social-google,
.ontschool-social-email {
	line-height: 25px;
}
.ontschool-social-contact {
	line-height: 20px;
}
.ontschool-social-icon span {
	font-size: 0;
	visibility: hidden;
}
.ontschool-social-twitter:before {
	content: "\f099";
	speak: none;
}
.ontschool-social-facebook:before {
	content: "\f09a";
	speak: none;
}
.ontschool-social-facebook:before {
	content: "\f09a";
	speak: none;
}
.ontschool-social-linkedin:before {
	content: "\f0e1";
	speak: none;
}
.ontschool-social-instagram:before {
	content: "\f16d";
	speak: none;
}
.ontschool-social-youtube:before {
	content: "\f16a";
	speak: none;
}
.ontschool-social-pinterest:before {
	content: "\f231";
	speak: none;
}
.ontschool-social-google:before {
	content: "\f1a0";
	speak: none;
}
.ontschool-social-contact:before {
	content: "\f003";
	speak: none;
}

/* / SOCIAL ICONS */

/* CTA BUTTONS */

.ontschool-cta,
.ontschool-content .ontschool-cta,
input[type=button],
input[type=submit] {
	background-color: #0E8078;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0;
	padding: 12px 20px;
	font-size: 1em;
	text-decoration: none;
	border-radius: 0;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none!important;
	border: none;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
	display: inline-block;
	line-height: 1.5em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	user-select: none;
	background-image: none;
}
.ontschool-cta:active,
.ontschool-cta:focus,
.ontschool-cta:hover,
.ontschool-content .ontschool-cta:active,
.ontschool-content .ontschool-cta:focus,
.ontschool-content .ontschool-cta:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	background-image: none;
}

/* / CTA BUTTONS */

/* COLOURS */

.ontschool-background-colour-black {
	background-color: #666666!important;
}
.ontschool-background-colour-grey {
	background-color: #747678!important;
}
.ontschool-background-colour-white {
	background-color: #ffffff!important;
}
.ontschool-background-colour-transparent {
	background-color: transparent!important;
}
.ontschool-colour-black {
	color: #666666!important;
}
.ontschool-colour-grey {
	color: #747678!important;
}
.ontschool-colour-white {
	color: #ffffff!important;
}

/* / COLOURS */

.mobile-only {
    display: none;
}
@media only screen and (min-width: 1001px) {
    .mobile-only {
        display: none;
    }
}
@media only screen and (max-width: 1000px) {
    .desktop-only {
        display: none;
    }
}

/* --------------------  EVENTS CALENDAR  -------------------- */

:root {
    --tec-border-radius-default: 0px!important;
    --tec-color-accent-primary: #0E8078!important;
    --tec-color-accent-secondary: #0087f1!important;
    --tec-color-text-primary: #666666!important;
    --tec-font-family-sans-serif: inherit!important;
    --tec-color-day-marker-month: #666666!important;
}
.ontschool-events {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ontschool-events .ontschool-event {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
}
.ontschool-events .ontschool-event p {
    margin: 0;
    font-size: 0.9em;
    color: #666666;
}
.ontschool-events .ontschool-event a {
    color: #666666;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
.ontschool-events .ontschool-event a h2 {
    font-size: 1.3em;
    color: #0E8078;
    margin: 0;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
.ontschool-events .ontschool-event a:hover h2,
.ontschool-events .ontschool-event a:focus h2,
.ontschool-events .ontschool-event a:active h2 {
    color: #333333;
}
.tribe-events .tribe-events-l-container {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common p {
    font-weight: bold!important;
}
.ontschool-content .tribe-common-l-container {
    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: break-all;
    word-break: normal;
}
.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
    background-color: var(--tec-color-background-messages)!important;    
}

/* --------------------  / EVENTS CALENDAR  -------------------- */