/*
Theme Name: worcester six
Theme URI: http://www.barques.co.uk
Author: David Elliott
Author URI: http://www.barques.co.uk
Description: A theme based on barquesbase.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: vpaweb
Domain Path: /languages/
Tags:
logo
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 barquesbase is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
	/* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%;
	/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%;
	/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
	background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
	padding-bottom: 10px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}

a img {
	border: 0;
}

div {
	box-sizing: content-box;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =Global
----------------------------------------------- */

body {
	max-width: 100%;
	overflow-x: hidden;
	background-color: #009d94;
}

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 10px;
	line-height: 1.5;
}

button,
input,
select,
textarea {
	font-size: 1.2em;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	padding-bottom: 10px;
	font-family: "Quicksand", sans-serif;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.8em;
}

.footerInt h3 {
	font-size: 20px;
	line-height: 25px;
	font-family: "Quicksand", sans-serif;
	color: #000000;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}

h4 {
	font-size: 1.6em;
}

h5 {
	font-size: 1.4em;
}

h6 {
	font-size: 1.2em;
}

p {
	font-size: 1.2em;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

li {
	font-size: 1.2em;
}

ul li ul li {
	font-size: 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
	font-size: 1.2em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: 0.5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

.wsite-multicol {
	font-size: 14px;
}

/* Links */

a {
	color: #ffffff;
	transition: all 0.3s;
}

a:hover {
	color: #888888;
}

/* Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar */
}

/* Clearing */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* =Menu
----------------------------------------------- */

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
	position: absolute;
	top: 4.8em;
	z-index: 99999;
	background-color: #000;
	padding-bottom: 10px;
	padding-top: 10px;
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

.footer-navigation {
}

.footer-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.footer-navigation li {
	float: left;
	position: relative;
}

.footer-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu */

.menu-toggle {
	cursor: pointer;
	display: none;
}

/* =Content
----------------------------------------------- */

#bg {
	background-image: url(../img/bg2.jpg);
	background-position: top center;
	/*   background-size: cover;*/
	text-align: center;
	top: 0;
	bottom: -400px;
	left: 0;
	right: 0;
	position: absolute;
	z-index: -10;
}

body.home #bg {
	background-image: none;
}

body.home main {
	position: relative;
	z-index: 9;
}

body.home .bx-controls {
	opacity: 0;
}

.blog #bg {
	bottom: 0px;
}

.single #bg {
	bottom: 0;
}

/*.page-id-31 #bg {
	background-image:url(../img/map.jpg);
	}*/

#page {
	max-width: 2500px;
	margin-left: auto;
	margin-right: auto;
}

.sticky {
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #968f8f;
	text-align: center;
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

.gallery-caption {
}

.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}

.site-main .gallery dd {
	margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {
}

.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
	max-width: 100%;
}

#botbutton a {
	display: inline-block;
	padding: 10px;
	background-color: #0a625a;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#botbutton a:hover {
	background-color: #000;
}

.btn__white {
	color: rgb(255, 255, 255);
	font-size: 1.6em;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
	margin-top: 20px;
	display: inline-block;
	border: 1px solid rgb(255, 255, 255);
	transition: all 0.3s;
}

.btn__white:hover {
	background-color: #fff;
}

.entry-content img.size-full {
	width: 100%;
}

/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}

[class*="navigation"] .nav-previous {
	float: left;
	width: 48%;
	text-align: left;
	padding-left: 2%;
}

[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 48%;
	padding-right: 2%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */

.widget select {
	max-width: 100%;
}

/* Search widget */

.widget_search .search-submit {
	display: none;
}

/* =Banner Image
----------------------------------------------- */

.theBanner img {
	width: 100%;
}

.theBanner {
	min-height: 366px;
}

@media only screen and (min-width: 767px) {
	.theBanner {
		min-height: 550px;
	}
}

.theText {
}

#headerImage {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	min-height: 366px;
}

@media only screen and (min-width: 767px) {
	#headerImage {
		min-height: 550px;
	}
}

.cycle-overlay {
	font-family: "Quicksand", sans-serif;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 600;
	background: black;
	color: white;
	padding: 15px;
	opacity: 0.5;
}

.bannerSection {
	height: 366px;
	background-size: cover;
	background-position: center;
}

@media only screen and (min-width: 767px) {
	.bannerSection {
		height: 550px;
	}
}

.bannerInner {
	width: 100%;
	text-align: center;
	display: block;
}

/* Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
	display: block;
}

/* FONTS
--------------------------------------------------------------------------------------------------------------------------------------------- */

.content-area p,
.course-info p,
.availability-int p {
	color: #ffffff;
	font-size: 1.4em;
	font-family: "Quicksand", sans-serif;
	text-align: initial;
}

.content-area table {
	margin-top: 40px;
}

.content-area #top-story p {
	color: #fff;
}

.content-area ul li,
.course-info ul li,
.availability-int ul li {
	color: #ffffff;
	font-size: 1.4em;
	font-family: "Quicksand", sans-serif;
	line-height: 1.4em;
	padding-bottom: 8px;
	text-align: initial;
}

.footer p {
	color: #676767;
	font-size: 1.3em;
	font-family: "Quicksand", sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3em;
}

.footer p a {
	color: #676767;
}

.footer em,
.footer i {
	color: #676767;
	font-size: 1em;
	font-family: "Quicksand", sans-serif;
	font-style: italic;
}

.content-area h1 {
	color: #ffffff;
	font-size: 2.6em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.content-area h1.entry-title {
	color: #ffffff;
	font-size: 2.6em;
	font-family: "Quicksand", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
}

.content-area h1.entry-title a {
	text-decoration: none;
}

.content-area h2 {
	color: #ffffff;
	font-size: 30px !important;
	line-height: 40px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700 !important;
	text-transform: uppercase;
}

.content-area p,
.content-area li,
.content-area td,
.content-area a {
	font-size: 16px !important;
}

.entry-meta {
	font-family: "Quicksand", sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #888888;
	padding: 10px 0 10px 0;
}

/*.search-results	.content-area .type-page h1,
.search-results	.content-area .type-post h1 {
color: #888888;
font-size: 30px;
line-height: 34px;
font-family: 'Quicksand', sans-serif;
font-weight: 300;
text-transform: uppercase;
}
.search-results	.type-page,
.search-results	.type-post {
display: inline-block;
width: 100%;
padding: 10px 0 0px 0;
border-bottom: 1px solid #ccc;
}	*/

/*.search-results	.type-post .entry-summary,
.search-results	.type-page .entry-summary { margin-top: 0.5em; }
.search-results	.type-post p,
.search-results	.type-page p { margin-bottom: 0.5em; }
.search-results	.type-post .entry-meta,
.search-results	.type-page .entry-meta  {
display: inline-block;
width: 100%;
padding: 5px 0 5px 0;
font-size:11px;
text-transform:uppercase;
}	*/

.content-area h2,
.course-info h1 {
	color: #ffffff;
	font-size: 2.4em;
	line-height: 1.4em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.course-info h1 {
	text-align: center;
}

.availability-int h1 {
	color: #888888;
	font-size: 2.4em;
	line-height: 1.4em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.availability-int h2 {
	color: #888888;
	font-size: 2.4em;
	line-height: 1.4em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 20px;
}

#news.content-area .news-inner h2 {
	color: #fff;
	text-align: center;
	padding-bottom: 50px;
}

#lowerBox.content-area h2 {
	padding-top: 20px;
	padding-bottom: 50px;
}

.feature-box h2 {
	color: #c31111;
	font-size: 2em;
	line-height: 1em;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.feature-box.training h2 {
	padding-top: 0px;
	min-height: inherit;
}

.content-area h3 {
	color: #fff;
	font-size: 2em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.content-area h5,
.course-info h3 {
	color: #888888;
	font-size: 1.6em;
	font-family: "Quicksand", sans-serif;
	font-weight: 600;
	padding-top: 25px;
	text-transform: uppercase;
}

.content-area h4 {
	color: #ffffff;
	font-size: 1.8em;
	font-family: "Quicksand", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
}

#secondary.content-area h3 {
	color: #888888;
	font-size: 2em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}

.availability-int h4 {
	color: #363636;
	font-size: 1.4em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
}

.content-area h4 a,
.content-area a h4 {
	color: #888888;
	font-size: 1.4em;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 50px 10px 50px;
	border: 1px #c4c4c4 solid;
	text-decoration: none;
}

.availability-int h5 {
	color: #888888;
	font-size: 1.2em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	width: 96%;
	text-transform: uppercase;
	padding: 10px 2% 10px 2%;
	border: 1px #c4c4c4 solid;
	text-decoration: none;
	background-color: #fff;
	float: left;
	margin-top: 15px;
}

.availability-int h5 a,
.availability-int h5 a:hover {
	text-decoration: none;
	color: #888888;
}

.availability-int h5:hover {
	background-color: #c4c4c4;
}

.availability-int .course-info-col2 .download-box em p {
	font-family: "Quicksand", sans-serif;
	font-style: italic;
	color: #888888;
	padding-bottom: 10px;
}

.content-area h4 a:hover,
.content-area a h4:hover {
	background-color: #c4c4c4;
}

#lowerBox.content-area h4 {
	margin-bottom: 50px;
	margin-top: 50px;
}

.download-box {
	padding-top: 3em;
}

.footer h5 {
	color: #ffffff;
	font-size: 1.4em;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
}

.footer h6 a,
.footer a h6 {
	color: #f7f7f7;
	font-size: 14px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 50px 10px 50px;
	border: 1px #f7f7f7 solid;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
}

.menu-courses-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-courses-container ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-courses-container ul li a {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-courses-container ul li a {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 3%;
	display: block;
	text-decoration: none;
	background-color: #0a625a;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid #690000;
	text-align: center;
}

.menu-courses-container ul li ul li a {
	background-color: #690000;
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 2%;
	font-size: 0.6em;
}

.menu-courses-container ul li a:hover {
	background-color: #690000;
}

.menu-courses-container ul li ul li a:hover {
	background-color: #000;
}

/* COLUMNS
--------------------------------------------------------------------------------------------------------------------------------------------- */

.one-half {
	width: 30%;
	float: left;
	position: relative;
	margin-right: 3%;
	padding-left: 17%;
}

.footerBox.one {
	background-position: left top;
	background-repeat: no-repeat;
	color: #fff;
	font-family: "Raleway";
}

.footerBox.one ul {
	padding: 0 0 20px 0;
}

.footerBox.one ul li {
	list-style: none;
	padding: 0px 0px 5px 0px;
	margin: 0 0px 0px 0px;
	font-size: 1.1em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-decoration: none;
	text-transform: none;
	display: block;
	color: #fff;
}

.one-forth {
	width: 25%;
	float: left;
}

.one-forth.footerBox {
	width: 20%;
	padding: 0% 2% 2% 2%;
	float: left;
	min-height: 120px;
}

.one-forth.footerBox.one,
.one-forth.footerBox.two,
.one-forth.footerBox.three {
	/*border-right:1px solid #890000;;*/
}

.one-forth.footerBox.four {
	/*border-left:1px solid #890000;*/
}

.one-forth.footerBox.one.logo,
.one-forth.footerBox.three2.logo {
	width: 13%;
	padding: 1%;
}

.one-forth.footerBox.three2.logo {
	width: 10%;
}

.one-forth.footerBox.two.text,
.one-forth.footerBox.three.text {
	width: 25%;
}

#news.content-area .news-inner {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-bottom: 85px;
}

.content-area {
	width: 100%;
	clear: both;
}

#primary.content-area,
#lowerBox.content-area {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#primary.content-area {
	max-width: 1200px;
	margin-left: initial;
	margin-right: initial;
	width: 40%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 10%;
	float: left;
}

.page-id-81 .site-content {
	margin-bottom: 74px;
}

.page-id-81 .site-content p,
.page-id-81 .site-content a,
.page-id-81 .site-content li {
	font-size: 16px !important;
}

.page-id-81 #primary.content-area {
	max-width: 1200px;
	margin-left: initial;
	margin-right: initial;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 5%;
	float: left;
	box-sizing: border-box;
}

.page-id-81 #primary.content-area h5,
.page-id-81 #secondary.content-area h5 {
	color: white !important;
}

.single #primary.content-area {
	margin-top: 100px;
}

.page-id-36 #primary.content-area {
	width: 40%;
	margin-right: 15%;
}

.page-id-36 .site-content {
	padding-top: 100px;
}

.page-id-36 #secondary.content-area {
	width: 45%;
	margin-top: 40px;
}

.page-id-36 #primary.content-area .entry-content {
	margin-top: 40px;
}

.page-id-81 #secondary.content-area {
	/* max-width: 1200px; */
	margin-left: initial;
	margin-right: initial;
	width: 100%;
	/* float: right; */
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}

.page-id-36 .site-content {
	/* background: url(../img/stoford.gif) top center no-repeat;
  background: url(../img/stoford.gif) top 25px center no-repeat; */
	max-width: 1290px;
	padding-top: 50px;
}

#secondary.content-area {
	/* max-width: 1200px; */
	margin-left: initial;
	margin-right: initial;
	width: 25%;
	/* float: right; */
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
}

.page-id-31 #secondary {
	/* max-width: 1200px; */
	margin-left: initial;
	margin-right: initial;
	width: 100%;
	/* width: 50%; */
	/* float: right; */
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	margin-top: 20px;
	/* position: absolute; */
	/* right: 0; */
	/* height: 1000px; */
	/* max-width: 1000px; */
}

.page-id-4 #secondary.content-area {
	margin-left: initial;
	margin-right: initial;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
}

.page-id-4 #tertiary.content-area {
	margin-left: initial;
	margin-right: initial;
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
	color: white;
	padding: 5px;
}

.page-id-4 #tertiary.content-area a,
.page-id-4 #tertiary.content-area img {
	display: block;
}

.live-feed-wrap {
	text-align: center;
	background-color: #000000;
}

.live-feed-wrap a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 8px 0;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 14px;
	transition: all 0.25s;
	outline: none;
}

.live-feed-wrap a:hover {
	color: #ffffff;
	opacity: 0.8;
}

.live-feed-wrap.big a {
	padding: 16px 0px;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0px;
	text-decoration: underline;
	font-family: "Quicksand", sans-serif;
}

.page-id-4 #secondary.content-area p {
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	padding-bottom: 2px;
}

.page-id-4 #secondary.content-area p strong {
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: 600;
}

.page-id-4 #secondary.content-area p em {
	text-transform: uppercase;
	font-style: normal;
	font-size: 0.9em;
}

.page-id-41 #primary.content-area {
	max-width: 1200px;
	margin-left: initial;
	margin-right: initial;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 0%;
	float: left;
	margin-top: 0;
	box-sizing: border-box;
}

.page-id-41 #secondary.content-area {
	/* max-width: 1200px; */
	margin-left: initial;
	margin-right: initial;
	width: 50%;
	/* float: right; */
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	box-sizing: border-box;
}

#lowerBox.content-area {
	padding-top: 50px;
	padding-bottom: 50px;
	max-width: 770px;
}

#lower.content-area {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.lowerInternal {
	padding-bottom: 100px;
	width: 100%;
	float: left;
}

#news.content-area {
	width: 100%;
	background-color: #5e5858;
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
}

#primary.content-area .entry-content {
	margin-top: 100px;
}

.page-id-41 #primary.content-area .entry-content {
	margin-top: 0;
}

.blog #primary.content-area {
	max-width: none;
	margin-left: initial;
	margin-right: initial;
	width: 100%;
	margin-right: 0;
	margin-top: 95px;
}

.feature-box {
	width: 30%;
	padding-right: 1%;
	padding-left: 2%;
	text-align: center;
	min-width: 300px;
}

.icon-box {
	width: 90%;
	/* border-bottom: 1px solid #888888; */
	margin-bottom: 0;
	padding: 20px 5% 20px 5%;
}

.feature-box.right {
	padding-right: 0%;
}

.course-info-col1 {
	float: left;
	width: 48%;
}

.course-info-col2 {
	float: right;
	width: 48%;
}

.course-info-wrap {
	width: 100%;
	padding-top: 50px;
	margin-top: 0px;
	padding-bottom: 50px;
	background-color: #f1f1f1;
	float: left;
}

.availability-wrap {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #afe6d1;
	float: left;
}

.lower-columns {
	width: 100%;
	float: left;
}

.left-column {
	width: 48%;
	float: left;
}

.right-column {
	width: 48%;
	float: right;
}

.onsite {
	font-family: "Quicksand", sans-serif;
	/* min-height: 300px; */
	text-align: center;
	background: #3c3c3b;
	padding: 80px 0;
	text-transform: uppercase;
	color: white;
}

.onsite h2 {
	font-size: 3em;
	font-weight: 600;
}

.onsite-projects {
	width: 100%;
	font-size: 1.5em;
	margin-bottom: 24px;
}

@media only screen and (min-width: 767px) {
	.onsite-projects {
		width: 90%;
	}
}

.onsite-projects p {
	margin-bottom: 0.5em;
}

.onsite-projects p em {
	font-weight: 600;
	font-style: normal !important;
}

.onsite-partners {
	width: 90%;
	margin: 0 auto;
}

.onsite-partners div {
	margin-bottom: 12px;
}

.onsite-partners div img {
	max-width: 200px;
}

@media (min-width: 768px) {
	.onsite-projects {
		font-size: 2em;
		width: 100%;
		margin-bottom: auto;
	}

	.onsite-partners {
		display: flex;
		align-items: center;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		max-width: 960px;
		margin-top: 24px;
	}

	.onsite-partners div {
		width: 33.3%;
	}
}

body.home .partner-logos {
	display: flex;
	justify-content: center;
	gap: 0 60px;
	max-width: 1040px;
	margin: auto;
	flex-wrap: wrap;
}

body.home .partner-logos__logo {
	max-width: 160px;
	max-width: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	margin-top: 40px;
}

body.home .partner-logos__logo img {
	width: auto;
}

body.home .partner-logos__logo:last-of-type img {
	max-width: 100px;
}

body.home .onsite-projects .partner-logos__logo {
	margin-top: 20px;
}

body.home .onsite-projects .partner-logos__logo:last-of-type img {
	max-width: 160px;
}

body.home .onsite-projects .partner-logos__logo:last-of-type img {
	max-width: 180px;
}

/* MAIN BLOCKS
--------------------------------------------------------------------------------------------------------------------------------------------- */
footer {
	background-color: #fff;
}

.footer {
	background-color: #b6b6b6;
	width: 100%;
	position: relative;
	float: left;
}

.footerInt {
	background-color: #fff;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.site-header {
	width: 100%;
	padding: 0;
	margin: 0;
	color: #fff;
	position: relative;
	position: fixed;
	height: 178px;
	/*z-index: 1000;*/
	top: 0;
	left: 0;
	transition: all 0.3s;
	z-index: 10;
	box-shadow: 0 0px 0px 0px rgba(0.25);
}

.site-content {
	padding-bottom: 40px;
	padding-top: 0px;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

/*.page-id-41 .site-content {
  padding-bottom: 0;
  padding-top: 0px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}*/

.course-info {
	padding-bottom: 50px;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

.availability-int {
	padding-bottom: 50px;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

.page-id-33 #primary.content-area {
	max-width: 1200px;
	margin-left: initial;
	margin-right: initial;
	width: 45%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 5%;
	float: left;
}

.page-id-33 #secondary.content-area {
	margin-left: initial;
	margin-right: initial;
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin-top: 100px;
	padding-left: 5%;
}

.page-id-33 #secondary.content-area h3 {
	color: #ffffff;
	font-size: 2em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	text-align: left;
}

table {
	font-size: 1.4em;
	color: #fff;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
}

/* NEWS BLOCKS (HOME)
--------------------------------------------------------------------------------------------------------------------------------------------- */

.hfeature {
	width: 100%;
	margin-top: -60px;
	position: relative;
	z-index: 1;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

.hfeature--container .hfeature .row.title,
.hfeature--container .hfeature .row.content {
	position: relative;
}

.hfeature--container .hfeature .row.title:before,
.hfeature--container .hfeature .row.title:after,
.hfeature--container .hfeature .row.content:after,
.hfeature--container .hfeature .row.content:before {
	content: "";
	top: 0;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.hfeature-titlemobile {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.havailable,
.havailable-alt {
	margin: 0 auto;
	padding: 4% 0;
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	font-size: 18px;
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

.havailable p {
	margin-bottom: 0.5em;
}

.havailable span,
.havailable-alt {
	font-size: 20px;
}

.havailable strong {
	font-weight: 600;
	font-size: 1.4em;
}

.havailable-alt div.title:not(:first-of-type) {
	margin-top: 16px;
}

.havailable-alt,
.havailable-alt:before {
	/* ff3.6+ */
	/* safari4+,chrome */
	/* safari5.1+,chrome10+ */
	/* opera 11.10+ */
	/* ie10+ */
	background: linear-gradient(180deg, #0a5754 0%, #0e7672 100%);
	/* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a5754', endColorstr='#0e7672', GradientType=0);
	/* ie6-9 */
}

.havailable-alt {
	font-size: 1.75rem;
	text-transform: uppercase;
}

.havailable-alt:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: 100%;
}

.havailable-alt .title {
	font-size: 96%;
	font-weight: 600;
}

.hfeature--container .hfeature .row.content:before {
	left: 100%;
	background: linear-gradient(to bottom, rgb(41, 88, 115) 0%, rgb(58, 122, 162) 35%);
}

.hfeature--container .hfeature .row.title:before {
	left: -100%;
	background-color: #459a93;
}

.hfeature--container .hfeature .row.title:after {
	left: 100%;
	background-color: #397aa1;
}

.hfeature .col-1-2 {
	width: 100%;
	box-sizing: border-box;
}

.hfeature--head,
.hfeature-titlemobile {
	font-family: "Quicksand", sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 3em;
	padding: 8px;
	text-align: center;
	position: relative;
}

.hfeature--head {
	display: none;
}

.hfeature--head__green,
.hfeature-titlemobile--green {
	background-color: #459a93;
}

.hfeature--head__blue,
.hfeature-titlemobile--blue {
	background-color: #397aa1;
	position: relative;
}

.hfeature-news--item {
	font-family: "Quicksand", sans-serif;
	color: #ffffff;
	width: 94%;
	margin: 24px auto;
	text-align: center;
}

.hfeature-news--item .row {
	width: 100%;
}

.hfeature-news--item .date {
	font-size: 1em;
}

.hfeature-news--excerpt {
	font-size: 1.3em;
}

.hpvideolink {
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}

.hfeature-news .hfeature-news--item {
	border-top: 1px solid #fff;
}

.hfeature-news .hfeature-news--item:nth-child(2) {
	border-top: 0;
}

.hfeature-news--image {
	margin: 0 auto;
	max-width: 300px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

.hfeature-news--image:before {
	display: block;
	content: "";
	position: relative;
	width: 100%;
	padding-bottom: 65%;
}

.hfeature-news--image img {
	width: 0;
	height: 0;
	opacity: 0;
}

.hfeature-available {
	position: relative;
	font-family: "Quicksand", sans-serif;
}

.hfeature-available .black-bg {
	background-color: #000;
	position: relative;
}

.hfeature-available .black-bg:after {
	z-index: 99999;
	position: absolute;
	top: 0;
	right: 100%;
	content: "";
	background-color: #000;
	height: 100%;
	width: 100%;
}

.hfeature-available .black-bg span {
	font-size: 1.2em;
}

.hfeature-available .black-bg a {
	text-transform: uppercase;
	text-decoration: none;
	color: #81a546;
	padding-bottom: 25px;
}

.hfeature-available .black-bg img {
	width: 160px;
	margin-left: -80px;
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
}

.hfeature-available {
	position: relative;
	font-family: "Quicksand", sans-serif;
}

.hfeature-available .grey-bg {
	background-color: #3c3c3b;
	position: relative;
}

.hfeature-available .grey-bg:after {
	z-index: 99999;
	position: absolute;
	top: 0;
	right: 100%;
	content: "";
	background-color: #3c3c3b;
	height: 100%;
	width: 100%;
}

.hfeature-available .grey-bg span {
	font-size: 1.2em;
}

.hfeature-available .grey-bg a {
	text-transform: uppercase;
	text-decoration: none;
	color: #81a546;
	padding-bottom: 25px;
}

.hfeature-available .grey-bg img {
	width: 160px;
	margin-left: -80px;
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
}

.hfeature-available > div:not(:.hfeature-titlemobile) {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 250px;
	flex-direction: row;
}

.hfeature-news {
	background-image: linear-gradient(to bottom, #295873 0%, #3a7aa2 35%);
}

.hfeature-news--item h3 {
	padding-top: 16px;
}

.hfeature-news .hfeature-news--item:first-of-type {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 16px;
}

.hfeature-news .hfeature-news--item:last-of-type {
	padding-top: 16px;
}

.havailable.black-bg .havailable--inner {
	margin-bottom: -96px;
}

@media (min-width: 768px) {
	/* hide headers on mobile */
	.hfeature-news--excerptcontainer {
		transition: 0.15s ease-in-out;
	}

	.hfeature--head,
	.hfeature-titlemobile {
		font-size: 2.5em;
	}

	.hfeature-news--excerptcontainer a:hover {
		color: rgba(255, 255, 255, 0.75);
	}

	.hfeature-titlemobile {
		display: none;
	}

	.havailable.black-bg .havailable--inner {
		margin-bottom: -75px;
	}

	.hfeature--head {
		display: block;
	}

	.hfeature .row.title {
		display: flex;
		flex-wrap: wrap;
		z-index: 5;
	}

	.hfeature .row.title .col-1-2 {
		width: 50%;
	}

	.hfeature .row.content {
		display: flex;
		flex-direction: row;
		width: 100%;
	}

	.hfeature .row.content .col-1-2 {
		width: 50%;
		display: flex;
		flex-direction: column;
	}

	.hfeature .row.content > .col-1-2 > div:not(.hfeature-titlemobile) {
		width: 100%;
		flex: 1 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.hfeature-news--item {
		margin: 0;
	}

	.hfeature-article {
		text-align: left;
	}

	.hfeature .row.content .col-1-2 > div.hfeature-news--item:not(.hfeature-titlemobile) {
		flex-direction: row;
	}

	.hfeature-news--item .row {
		align-items: center;
		display: flex;
		flex-direction: row;
	}

	.hfeature-news--item {
		text-align: left;
	}

	.hfeature-news--item h3 {
		padding-top: 0;
	}

	.hfeature-news {
		padding: 18px 30px 30px 30px;
	}

	.hfeature--head__green {
		background: linear-gradient(-135deg, rgba(0, 0, 0, 0) 1.5em, rgb(69, 154, 147) 0);
	}

	.hfeature--head__blue {
		background: linear-gradient(135deg, rgba(0, 0, 0, 0) 1.5em, rgb(57, 122, 161) 0);
	}

	.havailable,
	.havailable-alt {
		min-height: 265px;
	}

	.hfeature-news--excerptcontainer {
		padding-left: 16px;
		align-items: flex-start;
		flex-direction: row !important;
		flex-wrap: wrap;
	}

	.hfeature-available .black-bg img {
		width: 115px;
		margin-left: -57px;
	}

	.hfeature-news .hfeature-news--item:last-of-type {
		padding-top: 16px;
	}

	.hfeature-news--item .row .col-1-2 {
		min-width: 40%;
		width: auto !important;
	}
}

@media (min-width: 960px) {
	.havailable,
	.havailable-alt {
		min-height: 250px;
	}

	.hfeature-available .black-bg img {
		width: 140px;
		margin-left: -70px;
	}

	.hfeature--head,
	.hfeature-titlemobile {
		font-size: 3em;
	}
}

@media (min-width: 1200px) {
	.havailable,
	.havailable-alt {
		min-height: 220px;
	}
}

#top-story {
	width: 100%;
	float: left;

	margin-bottom: 50px;
}

#second-stories {
	width: 100%;
	float: left;
	min-height: 285px;
	margin-bottom: 80px;
}

.sub-story {
	width: 49%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.main-text {
	width: 44%;
	padding: 2%;
	float: left;
	min-height: 300px;
}

#top-story .main-text {
	width: 44%;
	padding: 0 2% 0 0;
	float: left;
	min-height: 300px;
}

.date {
	width: 100%;
	padding: 0px 0 6px 0;
	float: left;
	font-family: "Quicksand", sans-serif;
	color: #ffffff;
	font-size: 1.4em;
	text-transform: uppercase;
}

.main-image {
	width: 49%;
	margin-left: 1%;
	float: right;
}

#top-story .main-image {
	width: 50%;
	margin-left: 1px;
	float: right;
}

.main-text h3 {
	color: #fff;
	font-size: 2em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.sub-story .main-text h3 {
	color: #fff;
	font-size: 2em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.main-text h3 a {
	color: #fff;
	text-decoration: none;
}

.main-text h3 a:hover {
	color: #888888;
	text-decoration: none;
}

.sub-story .main-text h3 a {
	color: #888888;
	text-decoration: none;
}

.sub-story .main-text h3 a:hover {
	color: #fff;
	text-decoration: none;
}

.sub-story .main-text {
	width: 44%;
	padding: 2%;
	float: left;
	border: 3px solid #fff;
	min-height: 148px;
}

.main-text .read-more a {
	color: #ffffff;
	font-size: 1.6em;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
	margin-top: 20px;
	display: inline-block;
	border: 2px solid #ffffff;
}

.main-text .read-more a:hover {
	border: 2px solid #000;
	color: #000;
}

/* FOOTER
----------------------------------------------- */

/* MAIN NAV
----------------------------------------------- */

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #c31111;
	text-transform: uppercase;
	font-family: "Quicksand", sans-serif;
	font-size: 1em;
	font-size: 1rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.main-navigation .current-menu-item a {
	background-color: #690000;
}

.main-navigation a:hover {
	background-color: #690000;
}

.main-navigation ul li ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-family: "Quicksand", sans-serif;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.main-navigation {
	background-color: #fff;
	width: 100%;
	padding: 0;
	float: right;
	color: #fff;
}

.logo {
	width: 18%;
	padding: 0;
	float: left;
	color: #c31111;
	padding-left: 5%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	padding-top: 0px;
	text-align: center;
}

.main-navigation li {
	float: none;
	position: relative;
	padding: 0;
	display: inline-block;
}

.loginBut,
.search-submit {
	background-color: #888888;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0px;
	display: inline-block;
	line-height: 35px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	border: none;
	font-size: 14px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	color: #fff !important;
	text-transform: uppercase;
}

.loginButton {
	float: right;
	margin: 0;
	padding: 0;
	min-width: 30px;
	max-width: 70px;
	max-height: 63px;
	cursor: pointer;
}

.searchButton {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	min-width: 30px;
	max-width: 70px;
	max-height: 63px;
	cursor: pointer;
}

.loginButton img,
.searchButton img {
	margin: 0;
	padding: 0;
}

.searchForm {
	display: block;
	position: absolute;
	top: 63px;
	right: 0;
	max-width: 345px;
	z-index: 2000;
}

.loginPanel {
	display: block;
	position: absolute;
	top: 63px;
	right: 0;
	max-width: 345px;
	z-index: 2000;
}

.memberLogin {
	width: 80%;
	float: left;
	background-image: url(../img/w90.png);
	padding: 10%;
}

.searchFormInt {
	width: 80%;
	float: left;
	background-image: url(../img/w90.png);
	padding: 10%;
}

.nonMember {
	width: 80%;
	float: left;
	background-image: url(../img/b90.png);
	padding: 10%;
}

.nonMember h4 a {
	display: inline-block;
	color: #888888;
	font-size: 14px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 50px 10px 50px;
	border: 1px #f7f7f7 solid;
	text-decoration: none;
}

.memberLogin h4 a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 50px 10px 50px;
	border: 1px #888888 solid;
	background-color: #888888;
	text-decoration: none;
}

.nonMember h4 a:hover,
.memberLogin h4 a:hover {
	display: inline-block;
	background-color: #f7f7f7;
	color: #888888;
}

.searchFormInt input[type="search"] {
	padding: 8px;
	margin-bottom: 10px;
	font-family: "Quicksand", sans-serif;
	font-size: 15px;
	border: 1px solid #888888;
	width: 93%;
	clear: both;
}

.memberLogin input[type="text"] {
	padding: 8px;
	margin-bottom: 10px;
	font-family: "Quicksand", sans-serif;
	font-size: 15px;
	border: 1px solid #888888;
	width: 93%;
	clear: both;
}

.availability-int input[type="text"] {
	padding: 8px;
	margin-bottom: 10px;
	font-family: "Quicksand", sans-serif;
	font-size: 18px;
	border: 1px solid #b3e7d3;
	width: 93%;
	clear: both;
	color: #b3e7d3;
	background-color: #86c6ad;
	font-weight: 300;
}

.availability-int select {
	padding: 8px;
	margin-bottom: 10px;
	font-family: "Quicksand", sans-serif;
	font-size: 18px;
	border: 1px solid #b3e7d3;
	width: 96%;
	clear: both;
	color: #b3e7d3;
	background-color: #86c6ad;
	font-weight: 300;
	text-transform: uppercase;
	height: 45px;
}

.availability-int textarea {
	padding: 8px;
	margin-bottom: 10px;
	font-family: "Quicksand", sans-serif;
	font-size: 18px;
	border: 1px solid #b3e7d3;
	width: 93%;
	clear: both;
	color: #b3e7d3;
	background-color: #86c6ad;
	font-weight: 300;
}

/*.availability-int #field_2_6 {display:none;}*/

.gform_body ul,
.gform_body ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.availability-int .gfield_label {
	display: none;
	padding: 0;
	margin: 0;
}

.memberLogin input[type="checkbox"] {
	display: none;
}

.memberLogin input[type="checkbox"] + label span {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(../img/check_radio_sheet.png) left top no-repeat;
	cursor: pointer;
	font-family: "Quicksand", sans-serif;
	font-size: 14px;
}

.memberLogin input[type="checkbox"]:checked + label span {
	background: url(../img/check_radio_sheet.png) -22px top no-repeat;
}

.memberLogin label {
	font-family: "Quicksand", sans-serif;
	font-size: 12px;
	color: #383838;
}

.memberLogin,
.memberLogin a {
	font-family: "Quicksand", sans-serif;
	font-size: 12px;
	color: #383838;
	text-transform: none;
}

.passwordBox {
	width: 100%;
	float: left;
	font-family: "Quicksand", sans-serif;
	color: #666;
}

.RememberMe {
	width: 49%;
	float: left;
	padding-top: 11px;
}

.loginButBox {
	width: 49%;
	float: right;
	text-align: right;
}

.forgotten {
	width: 100%;
	float: left;
	padding-top: 8px;
	padding-left: 0;
	margin: 0;
}

.forgotten a {
	padding: 0;
	margin: 0;
}

.memberLogin h5 {
	color: #161616;
	font-size: 26px;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.nonMember h5 {
	font-size: 26px;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.accreditation-logos {
	width: 100%;
	float: left;
	padding-top: 200px;
	text-align: center;
}

.accreditation-logo {
	display: inline-block;
	text-align: center;
	padding: 0 10px 10px 10px;
}

.accreditation-logo img {
	max-height: 46px !important;
	width: inherit;
}

.lowerInternal .accreditation-logos {
	padding-top: 130px;
}

.course-text-padding {
	width: 70%;
	padding: 100px 10% 100px 20%;
	float: left;
	color: #fff;
}

.course-text-padding p {
	color: #fff;
}

.footerBox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footerBox ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footerBox ul li a {
	list-style: none;
	padding: 0px 3px 1px 0px;
	margin: 0 0 0px 0;
	font-size: 1.1em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	display: block;
}

.site-info {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	display: inline-block;
	text-align: center;
	background-color: #fff;
	color: #b6b6b6;
}

.site-info img {
	width: calc(100% - 24px);
	margin: 0 auto;
	max-width: 520px;
	height: auto;
}

.site-info p {
	color: #b6b6b6;
}

.footerBox ul li a:hover {
	color: #888888;
}

.courses-image {
	position: relative;
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: cover;
}

.courses-menu .listCol1,
.courses-menu .listCol2 {
	width: 250px;
	float: left;
}

.course-children .listCol1 {
	width: 44%;
	float: left;
	padding-right: 2%;
}

.course-children .listCol2 {
	width: 44%;
	float: right;
	padding-right: 0%;
}

.course-children ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.course-children ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.course-children ul li a {
	padding: 10px;
	width: 98%;
	margin: 0;
	list-style: none;
	border: 1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	color: #505050;
	text-align: center;
	display: block;
}

.course-children ul li a:hover,
.course-children ul li.current_page_item a {
	margin: 0;
	list-style: none;
	border: 1px solid #c5c5c5;
	text-decoration: none;
	text-transform: uppercase;
	color: #888888;
	text-align: center;
}

.scrolldown {
	text-align: center;
	display: inline-block;
	width: 100%;
	float: left;
}

.blog #story,
.single #story,
.archive article {
	width: 100%;
	display: inline-block;
	/* border-bottom: 2px solid #e8e8e8; */
	margin-bottom: 10px;
	margin-top: 10px;
}

.blog #story {
	width: 27%;
	display: inline-block;
	border-bottom: 0px solid #e8e8e8;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 3%;
	margin-left: 3%;
	vertical-align: top;
	background-color: #e7e8e8;
}

.blog .content-area h2 {
	color: #0a6159;
	font-size: 1.6em;
	font-family: "Quicksand", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 20px;
	text-align: left;
	text-decoration: none;
}

.blog .content-area h2 span {
	font-weight: 100;
}

.single .content-area h1 {
	margin-left: 20px;
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 20px;
	text-align: left;
	text-decoration: none;
}

@media only screen and (min-width: 767px) {
	.single .content-area h1 {
		font-size: 40px;
		line-height: 50px;
	}

	body.home .partner-logos__logo {
		max-width: 160px;
	}
}

.blog .content-area h2 a {
	color: #0a6159;
	text-decoration: none;
}

.blog .content-area h2 a:hover {
	color: #000;
	text-decoration: none;
}

.blog .main-image,
.single .main-image {
	width: 100%;
	margin-left: 0;
	float: left;
	/* padding-bottom: 20px; */
}

.blog .main-image {
	width: 100%;
	margin-left: 0;
	float: left;
	/* padding-bottom: 20px; */
	position: relative;
}

.main-image-foot {
	position: absolute;
	max-width: 100%;
	bottom: 10px;
}

.single .main-image {
	width: 100%;
	margin-left: 0;
	float: left;
	padding-bottom: 20px;
}

.blog .main-text,
.single .main-text {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 20px;

	float: left;

	min-height: inherit;
}

.blog .main-text {
	background: #3c3c3b;
	color: white;
}

.blog .main-text h3 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
}

.blog .main-text a {
	color: white;
	transition: all 0.3s;
}

.blog .main-text a:hover {
	color: #888888;
}

.blog .main-text p {
	color: #fff;
	font-size: 1em;
	line-height: 1.2em;
}

.blog .date,
.single .date {
	width: 100%;
	padding: 0px 0 15px 0;
	float: left;
	font-family: "Quicksand", sans-serif;
	color: #363636;
	font-size: 12px !important;
}

.blog .date {
	color: #fff;
	padding-bottom: 0;
}

.single .date {
	width: 100%;
	padding: 0px 0 15px 0;
	float: left;
	font-family: "Quicksand", sans-serif;
	color: rgba(255, 255, 255, 0.61);
	font-size: 1em;
	padding-left: 20px;
}

.blog .main-text .read-more a:hover {
	color: #000;
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi {
	padding-top: 10px;
	padding-bottom: 20px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	border: 0;
	margin: 3px 5px;
	margin: 2px;
	font-size: 15px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #918f8f;
	text-decoration: none;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.nav-previous,
.nav-next {
	text-decoration: none;
	border: 0;
	padding: 20px 0 20px 0;
	font-size: 12px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #918f8f;
}

.nav-previous a,
.nav-next a {
	text-decoration: none;
}

.gform_validation_container {
	display: none;
}

.gform_confirmation_wrapper {
	color: #888888;
	font-size: 26px;
	line-height: 35px;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.under-courses {
	width: 90%;
	float: left;
	padding-top: 25px;
	padding-left: 10px;
	font-size: 26px;
	line-height: 35px;
	font-family: "Quicksand", sans-serif;
}

.under-courses p {
	font-size: 18px;
	line-height: 24px;
	font-family: "Quicksand", sans-serif;
	color: #fff;
}

.under-courses a {
	color: #fff;
	text-decoration: none;
}

.under-courses a:hover {
	color: #888888;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_divider.ipt_uif_heading span.ipt_uif_divider_text {
	color: #888888 !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_text_icon {
	background-color: #d6eaae !important;
	color: #000;
	text-shadow: 0 0 1px #fff;
	border-color: #888888 !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_question .ipt_uif_question_label .ipt_uif_question_required {
	color: #e33b3b !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ui-widget-content {
	border: 1px solid #ddd;
	background: #ffffff !important;
	color: #362b36;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_divider span.ipt_uif_divider_text:before,
.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_divider span.ipt_uif_divider_text:after {
	background-color: #d6eaae !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_divider span.ipt_uif_divider_text .ipt_uif_text_icon {
	background-color: #d6eaae !important;
	color: #000;
	text-shadow: 0 0 2px #fff;
	border-color: #888888 !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_divider a.ipt_uif_scroll_to_top {
	color: #888888 !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ui-state-default,
.ipt_uif_common.ipt-uif-custom-cupertino .ui-widget-content .ui-state-default,
.ipt_uif_common.ipt-uif-custom-cupertino .ui-widget-header .ui-state-default {
	border: 1px solid #888888 !important;
	background: #d6eaae !important;
	font-weight: bold;
	color: #888888 !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_matrix td,
.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_matrix th {
	border-right-color: #888888 !important;
	border-bottom-color: #888888 !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino input.ipt_uif_radio:checked + label:after {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
	background-image: -o-linear-gradient(top, #888888, #888888) !important;
	background-color: #888888;
	color: #fff;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_divider span.ipt_uif_divider_text span.subtitle {
	color: #868686 !important;
}

.ipt_uif_common.ipt-uif-custom-cupertino .ipt_uif_question .ipt_uif_question_label label.ipt_uif_question_subtitle {
	color: #589b5b !important;
}

media="all" .ipt_uif_common.ipt-uif-custom-cupertino input.ipt_uif_checkbox:checked + label:after {
	background-image: -o-linear-gradient(top, #888888, #888888) !important;
	background-color: #888888 !important;
	color: #fff;
}

.ipt_uif_common.ipt-uif-custom-cupertino input.ipt_uif_checkbox:checked + label:after {
	background-color: #888888 !important;
	background-image: -o-linear-gradient(top, #888888, #888888) !important;
	color: #fff;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer input[type="image"] {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	padding: 10px !important;
	background-color: #036 !important;
	color: #fff !important;
	font-size: 1.6em !important;
	text-transform: uppercase !important;
	border: 0 !important;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
	width: 98% !important;
}

.downloadBox {
	width: 325px;
	height: 240px;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline-block;
	/* float: left; */
	overflow: hidden;
	border: 1px solid #ccc;
}

.downloadBoxes {
	display: inline-block;
	width: 100%;
	text-align: center;
}

ul.downloadCats {
	margin: 0;
	padding: 20px 0 40px 0;
	list-style: none;
	text-align: center;
}

ul.downloadCats li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

ul.downloadCats li a {
	margin: 0 5px 0 5px;
	padding: 10px;
	text-decoration: none;
	border: 2px solid #888888;
	font-size: 1.6em;
}

ul.downloadCats li a:hover,
ul.downloadCats li.current-cat a {
	background-color: #888888;
	color: #fff;
}

article#post-46,
.downloadResults article {
	display: inline-block;
	vertical-align: top;
}

.searchBox {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
}

.searchBox input.searchText {
	width: 75%;
	padding: 10px;
	border: 2px solid #0a625a;
	font-size: 1.6em;
	color: #c31111;
	display: inline-block;
	vertical-align: bottom;
}

.searchBox input.subImage {
	width: 49px;
	height: 49px;
	display: inline-block;
	vertical-align: bottom;
}

/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 ***/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
	touch-action: pan-y;
}

.bx-wrapper img {
	max-width: 100%;
	/*  display: block;*/
}

.bxslider {
	margin: 0;
	padding: 0;
}

ul.bxslider {
	list-style: none;
}

.bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	min-height: 366px;
}

@media only screen and (min-width: 767px) {
	.bx-viewport {
		/*fix other elements on the page moving (on Chrome)*/
		-webkit-transform: translatez(0);
		min-height: 450px;
	}
}

/** THEME
===================================*/

.bx-wrapper {
	box-shadow: 0 0 0px #ccc;
	border: 0px solid #fff;
	background: #fff;
	/* min-height: 450px; */
	margin: 0 auto 0px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("../images/bx_loader.gif") center center no-repeat #ffffff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: 0.85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0;
	bottom: 15px;
	z-index: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #fff;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url("../images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
	background-position: 0 0;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url("../images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url("../images/controls.png") -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url("../images/controls.png") -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: 0.85em;
	padding: 10px;
}

.bannerInner .bannerCenter {
	text-align: center;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	padding: 0 0 10px 0;
	margin: 4%;
	width: 300px;
	padding: 3%;
	float: right;
	background-color: rgba(0, 0, 0, 0.67);
}

.bannerInner .bannerCenter .alignright {
	display: block;
	float: right;
	margin-left: 10.5em;
	text-align: right;
	clear: left;
	margin-bottom: 20px;
}

.bannerInner {
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
	top: 0;
	bottom: 0;
	display: table;
	height: 366px;
	line-height: 450px;
	text-align: center;
	overflow: hidden;
}

@media only screen and (min-width: 767px) {
	.bannerInner {
		height: 550px;
	}
}

.bannerInner .bannerCenter p {
	color: #ffffff;
	font-size: 1.4em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
	padding: 0 0 10px 0;
	margin: 0;
	text-align: left;
}

.headerText {
	display: inline-block;
	padding: 4%;
	width: 30%;
	text-align: right;
	font-size: 1.3em;
	font-family: "Quicksand", sans-serif;
	font-weight: 300;
}

.headerText.left {
	text-align: left;
	padding: 35px 0% 0 9%;
	width: 30%;
	max-width: 550px;
	min-width: 365px;
	min-height: 143px;
}

.headerText.left h3 {
	font-size: 3em;
	text-transform: uppercase;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

.headerText.left h4 {
	font-size: 2.2em;
	text-transform: uppercase;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

.headerText.right {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0;
	margin: 0;
	text-align: right;
	display: inline-block;
	padding: 3% 5% 0 15%;
	background-color: #01a8a1;
	height: 178px;
	left: 50%;
	width: 50%;
	right: 0;
	position: absolute;
	box-sizing: border-box;
}

.page-id-4 #primary.content-area .entry-content {
	max-width: 540px;
}

.page-id-31 .headerText.right,
.page-id-31 .site-header {
	background-color: transparent;
	border-bottom: 0px solid #fff;
}

.headerText.right p {
	padding: 0;
	margin: 0;
	font-weight: 200;
}

.logoBoxHolder {
	width: 100%;
	text-align: center;
	top: 0;
	position: fixed;
	z-index: 101;
}

#full {
	opacity: 1;
	transition: all 0.3s;
}

#short {
	position: absolute;
	width: 96px;
	height: auto;
	transform: translateX(40%);
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
}

#menuBox {
	position: fixed;
	z-index: 11;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	min-height: 100%;
	z-index: 100;
	left: -50%;
	transition: 1s;
}

.menu-main-menu-container ul {
	margin: 170px 0 0 0 !important;
	padding: 40px !important;
}

.menu-main-menu-container ul .current-menu-item a {
	text-decoration: underline;
}

.menu-main-menu-container ul,
.menu-main-menu-container ul li {
	list-style: none;
	padding: 0;
}

.menu-main-menu-container ul li {
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
	padding: 10px;
}

.menu-main-menu-container ul li a {
	color: #fff;
	font-family: "Quicksand", sans-serif;
	text-decoration: none;
	font-size: 1.6em;
	display: block;
}

/*

.menu-main-menu-container {
	position: relative;
	width: 100%;
	margin-top: 400px;
	text-align: center;
	color: #FFF;
}
.menu-main-menu-container ul,
.menu-main-menu-container ul li {
	list-style:none;
	padding:0;
	margin:0;
}
.menu-main-menu-container ul {
	max-width: 720px;
	margin: 0 auto;
}
.menu-main-menu-container ul li {
	display:inline-block;
	background-repeat:no-repeat;
	background-position: center top;
	cursor: pointer;
	width: 150px;
	height: 150px;
}

@media (min-width: 768px) {

	.menu-main-menu-container ul li {
		margin: 1em;
	}
}

.menu-main-menu-container ul li a {
	color: #FFF;
	font-family: 'Quicksand', sans-serif;
	text-decoration: none;
	font-size: 1.4em;
	display: block;
	padding-top: 99px;
}

.menu-main-menu-container ul li#menu-item-202  {
	background-image:url(../img/home.png);
} /*HOME
.menu-main-menu-container ul li#menu-item-46  {
	background-image:url(../img/overview.png);
} /*Overview
.menu-main-menu-container ul li#menu-item-45 {
	background-image:url(../img/location.png);
} /*Location
.menu-main-menu-container ul li#menu-item-44  {
	background-image:url(../img/stoford.png);
	background-size: contain;
	background-position: top 18px center;
} /*Developer
.menu-main-menu-container ul li#menu-item-141  {
	background-image:url(../img/demo.png);
} /*Demo
.menu-main-menu-container ul li#menu-item-47  {
	background-image:url(../img/news.png);
} /*News
.menu-main-menu-container ul li#menu-item-43  {
	background-image:url(../img/contact.png);
} /*Contact
.menu-main-menu-container ul li#menu-item-83  {
	background-image:url(../img/worcs.png);
} /*Contact
.menu-main-menu-container ul li#menu-item-337 {
	background-image: url(../img/phase1.png);
	background-size: 97px;
	background-position: top 5px center;
} /* Phase 1 */

.page-id-31 #primary.content-area {
	max-width: 1200px;
	margin-left: initial;
	margin-right: initial;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 15%;
	float: left;
	min-height: 1295px;
}

/*#menuBox {
  min-height: 900px;
}*/

.content-area h5 {
	color: #ffffff;
	font-size: 1.6em;
	font-family: "Quicksand", sans-serif;
	font-weight: 200;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}

h6 {
	font-size: 1.2em;
	color: #ffffff;
}

h6 a {
	background-color: #32addd;
	text-align: center;
	display: inline-block;
	padding: 10px;
	font-size: 1.6em;
	text-decoration: none;
	margin-top: 20px;
}

.page-id-33 #headerImageMob {
	display: none;
	height: 366px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.single #secondary.content-area {
	width: 45%;
}

.single #primary.content-area {
	max-width: 1200px;
	margin-left: initial;
	margin-right: initial;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	float: left;
}

/* cabot */

.cabot-demographics-grid {
	padding: 100px 0px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
	gap: 60px 0;
	box-sizing: border-box;
}

.cabot_demographics-grid__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	color: white;
	width: 100%;
	font-size: 16px;
	text-align: center;
}

.cabot_demographics-grid__item img {
	max-width: 88px;
	margin-bottom: 5px;
}

.cabot_demographics-grid__item p {
	margin-bottom: 0px;
}

.cabot-stats-section {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-direction: column;
	width: 100%;
	padding: 80px 50px;
	box-sizing: border-box;
	gap: 70px 0 40px;
}

.cabot-stats-section {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-direction: column;
	width: 100%;
	padding: 38px 50px;
	box-sizing: border-box;
	gap: 70px 0;
}

.cabot-stats-section h3 {
	font-size: 26px;
	font-weight: 700;
}

.cabot-left-column {
	display: flex;
	flex-direction: column;
	gap: 88px 0px;
}

.cabot-left-column img {
	max-width: 357px;
}

.cabot-right-column {
	display: flex;
	flex-direction: column;
	gap: 80px 0;
}

.cabot-right-column table {
	border-collapse: collapse;
}

.cabot-right-column th {
	padding: 0;
}

.cabot-right-column td {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.cabot-right-column tr:first-of-type td {
	padding-top: 0;
}

.cabot-accommodation-container {
	border: solid 2px #ffffff;
	padding: 4px;
}

.cabot-specification-table {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cabot-specification-table div {
	width: 50%;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 300;
}

.cabot-link-container {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.cabot-link-container a {
	font-size: 18px;
	font-weight: 700;
}

.cabot-table-row {
	border-bottom: 2px solid #95c11f;
}

.cabot-green {
	color: #95c11f;
}

.cabot-thin {
	font-weight: 300;
}

.masterplan-mobile-img {
	display: block;
}

@media (min-width: 460px) {
	.cabot-demographics-grid {
		padding: 100px 10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		flex-wrap: wrap;
		gap: 60px 0;
	}

	.cabot_demographics-grid__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		color: white;
		width: 50%;
		font-size: 16px;
		text-align: center;
	}

	.cabot-stats-section h3 {
		font-size: 33px;
		font-weight: 700;
	}

	.cabot-accommodation-container {
		border: solid 2px #ffffff;
		padding: 25px;
	}
}

@media (min-width: 876px) {
	.cabot-stats-section {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-direction: row;
		width: 100%;
		padding: 80px 50px 0px;
		box-sizing: border-box;
		gap: 0 0;
	}

	.cabot_demographics-grid__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		color: white;
		width: 25%;
		font-size: 16px;
		text-align: center;
	}

	.cabot-demographics-grid {
		padding: 100px 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto;
		max-width: 1300px;
		width: 100%;
		flex-wrap: wrap;
		gap: 60px 0;
	}

	.cabot-stats-section h3 {
		font-size: 40px;
		font-weight: 700;
	}

	.cabot-accommodation-container {
		border: solid 2px #ffffff;
		padding: 40px;
	}
}

/* Demographics */

.demographics {
	display: inline-block;
	width: 100%;
	font-family: "Quicksand", sans-serif;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 1.5em;
}

.demographics-statistics {
	margin-right: 10%;
}

.demographics-statistics,
.demographics-information {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}

.demographics-statistics--item,
.demographics-information--item {
	display: flex;
	align-items: center;
	height: 180px;
}

.demographics-statistics--item div,
.demographics-information--item div {
	margin-left: 20px;
}

.demographics-statistics--item img,
.demographics-information--item img {
	display: block;
}

.demographics-statistics--item p.demographics--big-font,
.demographics-information--item p.demographics--big-font {
	display: block;
	font-size: 6rem;
	color: #93c01f;
	max-width: 340px;
	margin: 0;
	text-transform: uppercase;
}

.demographics-statistics--item p,
.demographics-information--item p {
	font-size: 1rem;
	color: #fff;
	display: inline-block;
	margin-top: -25px;
}

@media screen and (max-width: 1230px) {
	.demographics-statistics {
		margin-right: 0;
	}
}

@media screen and (max-width: 1107px) {
	.demographics-statistics--item p.demographics--big-font,
	.demographics-information--item p.demographics--big-font {
		font-size: 4rem;
	}

	.demographics-statistics--item p,
	.demographics-information--item p {
		margin-top: -15px;
	}
}

@media screen and (max-width: 900px) {
	.demographics {
		align-items: center;
		justify-content: center;
	}

	.demographics-statistics {
		margin-right: 10%;
	}

	.demographics-statistics,
	.demographics-information {
		align-items: center;
	}

	.demographics-statistics--item,
	.demographics-information--item {
		height: 320px;
		align-items: flex-start;
		flex-direction: column;
	}

	.demographics-statistics--item p,
	.demographics-information--item p {
		max-width: 252px;
	}
}

@media screen and (max-width: 600px) {
	.demographics {
		flex-direction: column;
	}

	.demographics-statistics--item img,
	.demographics-information--item img {
		-ms-grid-row-align: center;
		align-self: center;
	}
}

/* Demographics */

/* MOBILE STUFF ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1350px) {
	.site-content {
		padding-bottom: 20px;
		padding-top: 0px;
		max-width: 1180px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 4%;
		padding-right: 4%;
	}

	#top-story .main-text {
		width: 40%;
		padding: 0 2% 0 3%;
		float: left;
		min-height: 300px;
	}
}

@media screen and (max-width: 1150px) {
	.menu-container {
		padding: 30px !important;
	}

	.site-content {
		padding-bottom: 20px;
		padding-top: 0px;
		max-width: 1180px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 4%;
		padding-right: 4%;
	}

	.headerText.left h3 {
		font-size: 2em;
	}

	.headerText.left h4 {
		font-size: 1.5em;
	}

	.headerText.left {
		text-align: left;
		padding: 2% 4% 0 8%;
		width: initial;
		max-width: 50%;
		min-width: 326px;
		min-height: 0;
		box-sizing: border-box;
	}

	.headerText.right {
		padding: 2% 2% 0 20%;
		height: 124px;
		font-size: 1.4em;
	}

	.site-header {
		height: 124px;
	}
}

@media screen and (max-width: 1065px) {
	.single #secondary.content-area {
		width: 45%;
		margin-top: 122px;
	}

	.headerText.right {
		font-size: 1.4em;
	}

	#second-stories {
		width: 94%;
		float: left;
		min-height: 285px;
		margin-bottom: 80px;
		margin-left: 3%;
		margin-right: 3%;
	}

	.headerText {
		float: right;
		padding: 1% 4% 4% 4%;
		width: 92%;
		text-align: center;
		font-size: 1.3em;
		font-family: "Quicksand", sans-serif;
		font-weight: 600;
	}

	#main {
		display: block;
		text-align: left;
	}

	.one-forth.footerBox {
		width: 96%;
		padding: 2%;
		float: left;
		min-height: inherit;
	}

	.one-forth.footerBox.one,
	.one-forth.footerBox.two,
	.one-forth.footerBox.three {
		border-right: 0;
	}

	.one-forth.footerBox.four {
		border-left: 0;
	}

	.main-image {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
		float: left;
		padding: 1px;
	}

	.sub-story .main-image {
		width: 38%;
		margin-left: 0%;
		margin-right: 2%;
		float: left;
		padding: 1px;
	}

	#news.content-area .news-inner {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#lowerBox.content-area {
		padding-top: 50px;
		padding-bottom: 50px;
		max-width: 770px;
		padding-left: 3%;
		padding-right: 3%;
		width: 94%;
	}

	#lowerBox.content-area h2 {
		padding-top: 0px;
		padding-bottom: 50px;
	}

	.sub-story {
		width: 100%;
	}

	.main-image img {
		height: auto;
		width: 100%;
	}

	.sub-story .main-text {
		width: 55%;
		padding: 1%;
		float: left;
		border: 0px solid #fff;
		min-height: inherit;
		margin: 0 2% 20px 0%;
	}

	#top-story {
		width: 100%;
		float: left;
		min-height: inherit;
		margin-bottom: 20px;
	}

	.feature-box {
		width: 41%;
		padding-right: 4%;
		padding-left: 4%;
		text-align: center;
		min-width: inherit;
		display: inline-block;
		padding-bottom: 20px;
	}

	.left,
	.right {
		float: none;
		display: inline-block;
		margin-bottom: 20px;
	}

	.feature-box h2 {
		padding-top: 0px;
		min-height: inherit;
		color: #888888;
		font-size: 20px;
		line-height: 20px;
		font-family: "Quicksand", sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		padding-bottom: 20px;
		text-align: center;
	}

	.content-area h4 a,
	.content-area a h4 {
		color: #888888;
		font-size: 14px;
		font-family: "Quicksand", sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		padding: 10px;
		border: 1px #c4c4c4 solid;
		text-decoration: none;
	}

	.accreditation-logos {
		width: 100%;
		float: left;
		padding-top: 20px;
		text-align: center;
	}

	.icon-box {
		width: 90%;
		border-bottom: 1px solid #888888;
		margin-bottom: 20px;
		padding: 0px 5% 20px 5%;
	}

	.site-content {
		padding-bottom: 20px;
		/*padding-top: 200px;*/
		padding-top: 0px;
		max-width: 1180px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 4%;
		padding-right: 4%;
	}

	.site-header {
		width: 100%;
		padding: 0;
		margin: 0;
		color: #fff;
		position: relative;
		z-index: 1000;
	}

	.logo {
		display: block;
		width: 15%;
		padding: 0;
		float: left;
		color: #fff;
		padding-left: 5%;
		padding-top: 3px;
		padding-bottom: 3px;
		display: none;
	}

	.main-navigation {
		background-color: #320000;
		width: 100%;
		padding: 0;
		float: left;
		color: #fff;
		text-align: center;
	}

	#headerImage {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		/*padding-top: 60px;*/
	}

	.page-id-33 #headerImage {
		display: none;
	}

	.page-id-33 #headerImageMob {
		display: block;
		position: relative;
	}

	.page-id-33 #headerImageMob img {
		max-width: none;
		width: 100%;
	}

	.menu-toggle {
		display: block;
		font-family: "Quicksand", sans-serif;
		font-weight: 300;
		color: #fff;
		float: left;
		text-transform: uppercase;
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 12px;
		padding-bottom: 12px;
		width: 94%;
	}

	.main-navigation.toggled .nav-menu {
		display: block;
		font-family: "Quicksand", sans-serif;
		font-weight: 300;
		color: #fff;
		float: left;
		text-transform: uppercase;
		padding-left: 0;
		padding-right: 0;
		padding-top: 12px;
		padding-bottom: 12px;
		width: 100%;
	}

	.main-navigation ul {
		display: none;
	}

	.main-navigation li {
		float: left;
		position: relative;
		width: 100%;
	}

	.main-navigation ul li {
		background-color: #4a0000;
		border-bottom: 1px solid #350000;
	}

	.main-navigation ul li ul li {
		background-color: #320000;
		padding: 10px 0 10px 0;
		border-bottom: 0;
	}

	.main-navigation ul li ul li a {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.main-navigation ul ul {
		box-shadow: none;
		display: block;
		float: left;
		left: 0;
		position: relative;
		top: 0;
		z-index: 99999;
		width: 100%;
		padding: inherit;
		margin-bottom: 0;
	}

	.main-navigation a {
		display: block;
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;
		font-family: "Quicksand", sans-serif;
		font-size: 14px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.availability-wrap {
		width: 94%;
		padding-top: 50px;
		padding-bottom: 50px;
		background-color: #afe6d1;
		float: left;
		padding-left: 3%;
		padding-right: 3%;
	}

	.logo {
		display: block;
		width: 100%;
		padding: 0;
		float: left;
		color: #fff;
		padding-left: 0%;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}

	.main-navigation ul ul a {
		width: 92%;
	}

	.course-children .listCol1,
	.course-children .listCol2 {
		width: 94%;
		float: none;
		padding-right: 2%;
		display: inline-block;
	}

	.content-area h1 {
		color: #ffffff;
		font-size: 4em;
		font-family: "Quicksand", sans-serif;
		font-weight: 300;
		text-transform: uppercase;
	}

	.course-info-col1,
	.course-info-col2 {
		float: none;
		width: 98%;
		padding-bottom: 30px;
	}

	#primary.content-area .entry-content {
		margin-top: 40px;
	}

	.content-area h5,
	.course-info h3 {
		color: #888888;
		font-size: 20px;
		font-family: "Quicksand", sans-serif;
		font-weight: 300;
		padding-top: 0px;
		text-transform: uppercase;
	}

	.course-info-wrap {
		width: 94%;
		padding-top: 50px;
		margin-top: 0px;
		padding-bottom: 50px;
		background-color: #f1f1f1;
		float: left;
		padding: 50px 3% 50px 3%;
	}

	.featureBoxes {
		display: block;
		text-align: center;
	}

	.blog #story,
	.single #story {
		width: 100%;
		display: inline-block;
		border-bottom: 0px solid #888888;
		margin-bottom: 20px;
	}

	.blog #story {
		width: 43%;
		display: inline-block;
		border-bottom: 0px solid #888888;
		margin-bottom: 20px;
	}

	blog .content-area h2 {
		color: #0a6159;
		font-size: 1.6em;
		font-family: "Quicksand", sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		padding-bottom: 20px;
		text-align: left;
		text-decoration: none;
	}

	.blog .content-area h2 a {
		color: #888888;
		text-decoration: none;
	}

	.blog .content-area h2 a:hover {
		color: #000;
		text-decoration: none;
	}

	.blog .main-image,
	.single .main-image {
		margin: 0;
		padding-bottom: 20px;
	}

	.blog .date,
	.single .date {
		width: 100%;
		padding: 0px 0 15px 0;
		float: left;
		font-family: "Quicksand", sans-serif;
		font-size: 1em;
	}

	.blog .main-text .read-more a:hover {
		color: #000;
	}

	.wp-pagenavi {
		clear: both;
	}

	.wp-pagenavi {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.wp-pagenavi a,
	.wp-pagenavi span {
		text-decoration: none;
		border: 0;
		padding: 3px 5px;
		margin: 2px;
		font-size: 15px;
		font-family: "Quicksand", sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		color: #918f8f;
	}

	.wp-pagenavi a:hover,
	.wp-pagenavi span.current {
		border-color: #000;
	}

	.wp-pagenavi span.current {
		font-weight: bold;
	}

	.blog .main-image,
	.single .main-image {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none;
		padding-bottom: 20px;
		margin: 0;
		padding: 0 0 20px 0;
	}
}

@media screen and (max-width: 900px) {
	#top-story .main-image {
		width: 94%;
		margin-left: 3%;
		float: left;
	}

	#top-story .main-text {
		width: 93%;
		padding: 2% 2% 0 3%;
		float: left;
		min-height: 300px;
	}

	.bannerInner .bannerCenter {
		text-align: center;
		position: relative;
		vertical-align: middle;
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
		padding: 0 0 10px 0;
		margin: 100px 4% 4% 4%;
		width: 85%;
		padding: 3%;
		float: left;
		background-color: rgba(0, 0, 0, 0.67);
	}

	@media only screen and (min-width: 767px) {
		.bannerInner .bannerCenter {
			margin: 283px 4% 4% 4%;
		}
	}

	.page-id-36 #primary.content-area {
		width: 96%;
		margin-right: 0;
	}

	.page-id-36 #secondary.content-area {
		width: 96%;
		margin-top: 0px;
	}

	.page-id-31 #primary.content-area {
		max-width: 1200px;
		margin-left: initial;
		margin-right: initial;
		width: 95%;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		margin-right: 0%;
		float: left;
		min-height: initial;
		margin-top: 250px;
	}

	.page-id-31 #secondary.content-area {
		/* max-width: 1200px; */
		margin-left: initial;
		margin-right: initial;
		width: 100% !important;
		/* float: right; */
		display: inline-block;
		vertical-align: top;
		margin-top: 20px;
		position: relative;
		right: 0;
		/* height: 1000px; */
		max-width: 1000px;
	}

	/*
.menu-main-menu-container {
  margin-top: 250px;
}
.menu-main-menu-container ul li {
  min-width: 30%;
  margin-top: 45px;
}*/
	.headerText.left,
	.headerText.right {
		display: none;
	}

	.site-header {
		height: 0;
	}

	.one-forth.footerBox.one.logo,
	.one-forth.footerBox.three2.logo {
		width: 25%;
		padding: 1%;
		min-height: 100px;
	}

	.one-forth.footerBox.two.text,
	.one-forth.footerBox.three.text {
		width: 68%;
		min-height: 100px;
	}

	.one-forth.footerBox.three2.logo {
		width: 25%;
	}

	#primary.content-area,
	.page-id-33 #primary.content-area,
	.single #primary.content-area {
		max-width: 1200px;
		margin-left: initial;
		margin-right: initial;
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin-right: 0;
	}

	#secondary.content-area,
	.page-id-33 #secondary.content-area {
		/* max-width: 1200px; */
		margin-left: initial;
		margin-right: initial;
		width: 100%;
		/* float: right; */
		display: inline-block;
		vertical-align: top;
		margin-top: 50px;
		padding-left: 0%;
	}

	.one-half {
		width: 100%;
		float: left;
		position: relative;
	}

	.blog .main-image,
	.single .main-image {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none;
		padding-bottom: 20px;
		margin: 0;
		padding: 0 0 20px 0;
	}

	.footerBox.one {
		background-image: none;
		background-position: left top;
		background-repeat: no-repeat;
	}

	.feature-box {
		width: 92%;
	}

	.left-column,
	.right-column {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		float: left;
	}

	article#post-46,
	.downloadResults article {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		display: inline-block;
		vertical-align: top;
	}

	.searchBox {
		width: 96%;
		display: inline-block;
		vertical-align: top;
		margin-top: 10px;
	}

	ul.downloadCats li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
		width: 100%;
	}

	ul.downloadCats li a {
		margin: 0 5px 0 5px;
		padding: 10px;
		text-decoration: none;
		border: 2px solid #888888;
		font-size: 1.6em;
		display: block;
		margin-bottom: 5px;
	}

	.downloadBox {
		max-width: 325px;
		height: 240px;
		margin-left: 0;
		margin-bottom: 10px;
		display: inline-block;
		/* float: left; */
		overflow: hidden;
		border: 1px solid #ccc;
	}

	.page-id-4 #secondary.content-area {
		margin-left: initial;
		margin-right: initial;
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin-top: 20px;
	}

	.single .main-text {
		width: 96%;
		padding: 190px 2% 2% 2%;
		float: left;
		min-height: inherit;
	}

	.single #secondary.content-area {
		width: 100%;
		margin-top: 0px;
	}
}

@media screen and (max-width: 800px) {
	.page-id-33 #headerImageMob {
		display: block;
		position: relative;
		padding-top: 12%;
	}
}

@media screen and (max-width: 650px) {
	.page-id-33 #headerImageMob {
		display: block;
		position: relative;
		margin-top: 180px;
	}

	.bannerInner .bannerCenter p {
		font-size: 1.1em;
	}

	.bannerInner .bannerCenter .alignright {
		margin-left: 13.5em;
	}
}

@media screen and (max-width: 450px) {
	.blog #story {
		width: 92%;
		display: inline-block;
		border-bottom: 0px solid #888888;
		margin-bottom: 20px;
	}

	.footerInt {
		text-align: center;
	}

	.one-forth.footerBox.one.logo,
	.one-forth.footerBox.three2.logo {
		width: 98%;
		padding: 1%;
		min-height: 100px;
	}

	.one-forth.footerBox.two.text,
	.one-forth.footerBox.three.text {
		width: 98%;
		min-height: 100px;
	}

	.one-forth.footerBox.three2.logo {
		width: 98%;
	}
}

.group:after {
	content: "";
	clear: both;
	display: table;
}

/**
 * Footer Agents
 */

.footer-agent-list .agent-logo,
.footer-agent-list .agent-text {
	float: left;
}

.footer-agent-list .agent-logo {
	width: 30%;
	margin-right: 2%;
}

.footer-agent-list .agent-text {
	width: 68%;
}

.footer-agent-list__stoford {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	width: 200px;
}

.footer-agent-list__stoford img {
	margin-top: 5px;
	width: 200px;
	height: auto;
}

@media (min-width: 800px) {
	.footer-agent-list {
		display: flex;
		justify-content: space-between;
	}

	.footer-agent-list .agent {
		display: inline-block;
		min-width: 380px;
		text-align: left;
		vertical-align: top;
	}
}

/* test */

body {
	background: #01a8a1;
}

body.page-id-36,
body.page-template-template-cabot38 {
	background: #3c3c3b;
}

body.blog,
body.single {
	background: #3a7aa2;
}

body.blog #page #content,
body.single #page #content {
	padding-top: 180px;
}

body.blog h1 {
	margin-left: 3%;
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}

@media (min-width: 800px) {
	body.blog h1 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 50px;
	}
}

body.page-id-36 .content-area,
body.page-template-template-cabot38 {
	margin-bottom: 74px;
}

.latest-news {
	width: 720px;
}

.latest-news .row {
	padding-bottom: 12px;
	border-bottom: 1px solid white;
	display: flex;
	flex-direction: column;
}

@media only screen and (min-width: 768px) {
	.latest-news .row {
		flex-direction: row;
	}
}

.latest-news__image {
	position: relative;
	background-position: 50%;
	background-size: cover;
}

.latest-news__image:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 61.66667%;
}

.latest-news .col-left,
.latest-news .col-right {
	text-align: center;
	display: flex;
	flex-direction: column;
	padding: 12px;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.latest-news .col-left,
	.latest-news .col-right {
		width: 50%;
	}

	.latest-news .col-left {
		padding-left: 0;
	}

	.latest-news .col-right {
		padding-right: 0;
	}

	.latest-news .row:last-of-type {
		border-bottom: 0;
	}
}

.latest-news .col-left > a,
.latest-news .col-right > a {
	text-decoration: none;
	outline: 0;
}

.latest-news .col-left > a:hover,
.latest-news .col-right > a:hover {
	outline: 0;
	color: rgba(255, 255, 255, 0.75);
}

.latest-news .col-left a.btn__white:hover,
.latest-news .col-right a.btn__white:hover {
	color: rgba(255, 255, 255, 0.75);
}

/* demo only */

.sr-only {
	position: absolute;
	left: -999px;
	top: -999px;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

#headerOverlay {
	top: 0;
	left: -50%;
	position: fixed;
	/* width: 100%; */
	width: 50%;
	height: 100vh;
	z-index: 99;
	padding-top: 240px;
	transition: 1s;
	background-color: rgba(13, 108, 102, 0.95);
}

#headerOverlay img {
	width: 50%;
}

.fill-container {
	transition: 1s;
	position: fixed;
	width: 50%;
	height: 190px;
	left: -50%;
	z-index: 11;
}

.box-fill {
	float: left;
	background-color: rgba(13, 108, 102, 0.95);
	height: 240px;
	width: 100%;
	position: absolute;
	right: 186px;
	z-index: 9;
}

.triangle-fill {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 240px 0 0 186px;
	border-color: transparent transparent transparent rgba(13, 108, 102, 0.95);
	position: absolute;
	right: 0;
	z-index: 9;
}

.slide-in {
	left: 0% !important;
}

.menu-container {
	cursor: pointer;
	z-index: 9999;
	display: inline-block;
	float: left;
	padding: 51px;
	position: fixed;
	top: 0;
	left: 0;
	transition: all 0.3s;
}

.menu-container div {
	width: 35px;
	height: 2px;
	background-color: white;
	margin: 14px 0;
	transition: 1s;
}

.change .bar1 {
	transform: rotate(-45deg) translate(-9px, 6px);
}

/* Fade out the second bar */

.change .bar2 {
	opacity: 0;
}

/* Rotate last bar */

.change .bar3 {
	transform: rotate(45deg) translate(-15px, -14px);
}

.logo-wrap {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 30px;
	z-index: 99;
	width: 170px;
}

.mobile-in {
	top: 0 !important;
}

#menuBoxMobile {
	display: none;
}

@media screen and (max-width: 900px) {
	#headerOverlay,
	.fill-container,
	#menuBox,
	.menu-container {
		display: none;
	}

	#menuBoxMobile {
		overflow-y: auto;
		display: block;
		visibility: visible;
		position: fixed;
		top: -1430px;
		right: 0;
		/*background: url(../img/triangle-copy.png) no-repeat left;*/
		width: 0;
		height: 0;
		min-height: 100%;
		z-index: 100;
		transition: 1s;
		width: 100%;
		background-color: rgba(17, 110, 101, 0.95);
	}

	#menuBoxMobile .menu-main-menu-container ul {
		margin: 0 !important;
		padding-top: 280px !important;
	}

	#menuBoxMobile ul li {
		text-align: center;
	}

	.logoBox.toggled {
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
	}

	.lockscroll {
		overflow: hidden;
	}

	.mobile-burger {
	}

	.mobile-burger.scrolled {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 67px;
		z-index: 99;
		cursor: pointer;
	}

	.mobile-burger div {
	}

	.mobile-burger.scrolled div {
		background-color: #9ac718;
		height: 2px;
		width: 35px;
		margin: 8px;
		transition: 1s;
	}

	/* Rotate first bar */
	.change .bar1 {
		transform: rotate(-45deg) translate(-9px, 8px);
	}

	/* Fade out the second bar */
	.change .bar2 {
		opacity: 0;
	}

	/* Rotate last bar */
	.change .bar3 {
		transform: rotate(45deg) translate(-8px, -8px);
	}
}

.menu-main-menu-container ul {
	white-space: nowrap;
}

#headerOverlay {
	pointer-events: none;
}

.wsx-downloads {
	position: relative;
}

.wsx-downloads__item {
	position: relative;
	margin: 0 0 1rem;
	font-size: 1rem;
	text-transform: uppercase;
}

.wsx-downloads__item a {
	cursor: pointer;
	text-decoration: none;
}

.wsx-downloads__item img {
	cursor: pointer !important;
	display: block;
	margin: 0 0 0.5rem;
	max-width: 280px;
	max-height: 300px;
}

.w6-button {
	display: inline-block;
	padding: 10px;
	border: 1px solid white;
	text-decoration: none;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
}

.w6-button:hover {
	background: white;
}

.page-template-template-ecology-landing-page #primary.content-area {
	float: none;
	max-width: none;
	width: auto;
	display: block;
	margin-right: 0 !important;
}

.page-template-template-ecology-landing-page .entry-content article:not(:last-child) {
	margin-bottom: 80px;
}

.page-template-template-ecology-landing-page .features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 25px;
}

.page-template-template-ecology-landing-page .features p {
	font-size: 14px !important;
}

.page-template-template-ecology-landing-page .features .icon {
	width: 110px;
	height: auto;
	margin-bottom: 10px;
}

.single-ecology .wp-post-image {
	width: 100%;
	display: block;
}

@media (max-width: 899px) {
	.single-ecology .wp-post-image {
		margin-top: 200px;
	}
}

.single-ecology .entry-content {
	font-family: "Quicksand", sans-serif;
	font-size: 16px;
	color: white;
	margin-top: 50px;
}

.single-ecology .entry-content h1 {
	font-size: 22px;
	text-transform: uppercase;
}

.single-ecology .entry-content p,
.single-ecology .entry-content li {
	font-size: 1em;
}

.ecology-columns {
	display: grid;
	width: 100%;
}

@media (min-width: 768px) {
	.ecology-columns {
		grid-template-columns: 1fr 1fr;
		grid-gap: 200px;
	}
}

html {
	scroll-behavior: smooth;
}

.page-template-template-public .headerText,
.page-template-template-consulation .headerText {
	display: grid;
	place-items: center;
	padding-top: 2%;
}

@media screen and (max-width: 900px) {
	.page-template-template-public .headerText,
	.page-template-template-consulation .headerText {
		display: none;
	}
}

.page-template-template-public .headerText h1,
.page-template-template-public .headerText h2,
.page-template-template-consulation .headerText h1,
.page-template-template-consulation .headerText h2 {
	font-weight: 700;
	line-height: 1;
}

.page-template-template-public .headerText h1,
.page-template-template-consulation .headerText h1 {
	font-size: 36px;
}

.page-template-template-public .headerText h2,
.page-template-template-consulation .headerText h2 {
	font-size: 35px;
}

.consultation section {
	position: relative;
	z-index: 1;
	color: white;
	font-family: Quicksand, sans-serif;
}

.consultation section.cropped {
	max-height: 550px;
	overflow: hidden;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), calc(50% + 50px) calc(100% - 60px), 50% 100%, calc(50% - 50px) calc(100% - 60px), 0 calc(100% - 60px));
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), calc(50% + 50px) calc(100% - 60px), 50% 100%, calc(50% - 50px) calc(100% - 60px), 0 calc(100% - 60px));
}

.consultation section.cropped + section,
.consultation section.expanded + section {
	margin-top: -60px;
	-webkit-clip-path: polygon(0 0, calc(50% - 50px) 0, 50% 60px, calc(50% + 50px) 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, calc(50% - 50px) 0, 50% 60px, calc(50% + 50px) 0, 100% 0, 100% 100%, 0 100%);
}

.consultation section.cropped::before {
	content: "";
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	right: 0;
	height: calc(72px + 60px);
	background: linear-gradient(180deg, rgba(var(--color-rgb), 0), var(--color, black) 72px, var(--color, black));
}

.consultation section.cropped:last-child::before {
	bottom: 0;
}

.consultation .section-inner {
	margin: auto;
	padding: 4rem 0;
	width: clamp(16rem, 90vw, 70rem);
}

.consultation section.cropped .section-inner,
.consultation section.expanded .section-inner {
	padding: 4rem 0 calc(4rem + 60px);
}

.consultation .section-inner > * + * {
	margin-top: 1em;
}

.consultation .column > * + * {
	margin-top: 1em;
}

.consultation section.green {
	--color: #047563;
	--color-rgb: 4, 117, 99;
	background: #047563;
}

.consultation section.blue {
	--color: #3a7aa1;
	--color-rgb: 58, 122, 161;
	background: #3a7aa1;
}

.consultation section.grey {
	--color: #3c3c3b;
	--color-rgb: 60, 60, 59;
	background: #3c3c3b;
}

.consultation .columns img.alignleft,
.consultation .columns img.alignright {
	width: calc(50% - 0.5em);
}

.consultation .columns img.alignleft {
	margin-right: 0.5em;
}

.consultation .columns img.alignright {
	margin-left: 0.5em;
}

.consultation .columns img + img {
	margin-top: 1em;
}

.consultation .columns img {
	display: inline-block;
}

.consultation .columns {
	position: relative;
	display: grid;
	gap: 2em;
}

.consultation h2.style-1 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

.consultation h2.style-2 {
	font-size: 30px;
}

.consultation a {
	color: currentColor;
	transition: all 0.25s ease-in-out;
}

.consultation a:hover {
	color: currentColor;
	opacity: 0.75;
	transform: translateY(-10%);
}

.consultation .img {
	position: relative;
}

.consultation .zoom {
	cursor: pointer;
}

.consultation .img svg {
	cursor: pointer;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	pointer-events: none;
}

.consultation h2 {
	font-size: 30px;
}

.consultation h4 {
	font-weight: bold;
	text-transform: uppercase;
}

.consultation .view-more {
	cursor: pointer;
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	color: white;
	height: 75px;
	font-family: Quicksand, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
}

.consultation .view-more .close {
	display: none;
}

.consultation section.expanded .view-more .default {
	display: none;
}

.consultation section.expanded .view-more .close {
	display: inline-block;
}

.consultation section.full .view-more {
	display: none;
}

.arrow {
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 3px;
	width: 3px;
	margin: 0 auto;
	cursor: pointer;
	transform: rotate(90deg) translateY(50%);
	transition: all 0.5s ease-out;
}

.arrow:before,
.arrow:after {
	content: "";
	background: #fff;
	position: absolute;
	height: 1px;
	width: 40px;
}

.arrow:before {
	right: 0;
	bottom: -11.5px;
	transform: rotate(-40deg);
}

.arrow:after {
	right: 0;
	top: -11.5px;
	transform: rotate(40deg);
}

.consultation section.expanded .view-more {
	flex-direction: column-reverse;
	height: 60px;
	bottom: 30px;
}

.consultation section.expanded .view-more .arrow {
	top: 0;
	bottom: auto;
	flex-direction: column-reverse;
	transform: rotate(90deg) translateY(50%) scaleX(-1);
}

.consultation .images {
	display: grid;
	gap: 30px;
}

.consultation .images img + img {
	margin-top: 0;
}

.consultation .section-wrap {
	-webkit-filter: drop-shadow(2px 4px 16px black);
	filter: drop-shadow(2px 4px 16px black);
}

.consultation .images.\32 {
	place-items: center;
	grid-template-columns: 1fr 1fr;
}

.consultation .images.\31-2-1 {
	place-items: center;
	grid-template-columns: 1fr 1fr;
}

.consultation .images.\31-2-1 > *:first-child,
.consultation .images.\31-2-1 > *:nth-child(even):last-child {
	grid-column: span 2;
}

.consultation .facts br {
	display: none;
}

.consultation .facts .fact {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid white;
	line-height: 2em;
}

.consultation .icon-grid {
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr 1fr;
	place-items: flex-start;
}

.consultation .icon-grid .icon {
	display: grid;
	place-items: center;
	text-align: center;
}

.consultation .icon-grid .label {
	margin-top: 10px;
	text-transform: uppercase;
	font-family: Quicksand, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
}

.faqs {
	display: grid;
	place-items: flex-start;
}

.faq-wrap {
	position: relative;
	border-bottom: 1px solid white;
}

.faq-wrap.js-closed .faq-content {
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.faq-label {
	cursor: pointer;
	padding: 20px 0;
	font-family: Quicksand, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}

.faq-label .arrow {
	bottom: auto;
	left: auto;
	right: 20px;
	transform: rotate(90deg) translateY(-50%);
}

.faq-label .arrow::before,
.faq-label .arrow::after {
	width: 16px;
	height: 2px;
}

.faq-label .arrow::before {
	bottom: -4.5px;
}

.faq-label .arrow::after {
	top: -4.5px;
}

body.page-template-template-public .bannerSection,
body.page-template-template-consulation .bannerSection {
	background-position: bottom right;
}

@media screen and (max-width: 50em) {
	body.page-template-template-public .site-header {
		height: 200px;
	}

	body.page-template-template-public #headerImage,
	body.page-template-template-consulation #headerImage {
		min-height: unset;
	}

	@media (width < 640px) {
		body.page-template-template-public #headerImage {
			margin-top: 0;
		}
	}

	body.page-template-template-public .bannerSection,
	body.page-template-template-public .bx-viewport,
	body.page-template-template-consulation .bannerSection,
	body.page-template-template-consulation .bx-viewport {
		height: 240px;
		min-height: unset;
	}
}

@media screen and (min-width: 30em) {
	.faqs {
		gap: 0 90px;
		grid-template-columns: 1fr 1fr;
	}

	.consultation section.cropped {
		max-height: 550px;
	}

	.consultation .images {
		gap: 40px;
	}

	.consultation .icon-grid {
		gap: 40px 60px;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.consultation .columns {
		gap: 90px;
		grid-template-columns: repeat(var(--cols, 2), 1fr);
	}
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	transform: translateY(100%) scale(0);
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s ease-in-out;
}

.modal.js-active {
	transform: translateY(0) scale(1);
	opacity: 1;
	pointer-events: auto;
}

.modal,
.modal-content {
	display: grid;
	place-items: center;
	height: 100%;
}

.modal-content > * {
	max-height: 90vh;
	width: auto;
}

.modal-close {
	position: absolute;
	top: 5vh;
	right: 5vw;
	color: white;
	font-size: 24px;
}

.modal-close::before {
	content: "\00d7";
}

.stoford-logo {
	position: relative;
	padding: 40px 0;
	background: white;
	display: grid;
	place-items: center;
}

.stoford-logo > * {
	width: 180px;
}

.browser-warning {
	position: fixed;
	right: 2em;
	bottom: 2em;
	z-index: 3;
	width: 300px;
	max-width: 85vw;
	color: white;
	background: black;
	padding: 1.5em 3em;
	text-align: right;
	border-radius: 5em;
	-webkit-animation: 1s fade-out 10s ease-out forwards;
	animation: 1s fade-out 10s ease-out forwards;
	-webkit-filter: drop-shadow(2px 8px 16px rgba(0, 0, 0, 0.25));
	filter: drop-shadow(2px 8px 16px rgba(0, 0, 0, 0.25));
}

@-webkit-keyframes fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.panel-spacing {
	margin-top: 100px;
}

@media only screen and (min-width: 1366px) {
	.partner-logos__logo img {
		width: 150px;
		max-width: 150px;
	}
}

@media only screen and (min-width: 767px) {
	.h3-equalise {
		min-height: 64px;
	}
}

.footer__stoford {
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #ececec;
}

.footer__stoford p {
	font-size: 16px;
	font-weight: 700;
	color: #000 !important;
}

.footer__stoford img {
	margin-top: 15px;
	max-width: 206px;
	height: auto;
}

.footer-card-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 80px;
}

.footer-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.25em;
	line-height: 20px;
}

.footer-card img {
	height: 100px;
	width: auto;
}

@media only screen and (min-width: 767px) {
	.footer-card-container {
		flex-direction: row;
	}
}

.green-bg {
	background-color: #01a8a1;
}

.green-secondary-bg {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #01a8a1;
}

.blue-bg {
	background: #3a7aa2 !important;
	background-color: #3a7aa2 !important;
}

.blue-secondary-bg {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #3a7aa2;
}

.grey-bg {
	background-color: #3c3c3b !important;
}

.lightoverlay-bg {
	background-color: #ffffff18;
}

.home-panels {
	display: flex;
	flex-wrap: wrap;
}

.home-panel {
	width: 100%;
	padding: 40px;
	color: white;
	display: flex;
	align-items: start;
}

.home-panel:nth-of-type(odd) {
	justify-content: flex-end;
}

.home-panel:nth-of-type(even) {
	justify-content: flex-start;
}

.home-panel .home-panel__inner {
	height: 100%;
	width: 100%;
	max-width: 960px;
	min-height: 230px;
}

.page-id-1180 .home-panel .home-panel__inner .latest-news__image:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 46.25%;
}

.page-id-1180 .home-panel .home-panel__inner .font-18 .btn__white {
	margin-top: 40px;
}

.home-panel a {
	text-decoration: none;
}

.home-panel h3 {
	width: 100%;
	text-align: center;
	font-size: 40px;
	line-height: 50px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid white;
	text-transform: uppercase;
	font-weight: 700;
}

.home-panel h3 span {
	font-weight: 100;
}

.home-panel img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.home-panel .home-panel__latest-news {
	display: flex;
	flex-direction: column;
	gap: 0 20px;
}

.home-panel .home-panel__latest-news--image {
	width: 100%;
	margin-bottom: 20px;
}

.home-panel .home-panel__latest-news--image .latest-news__image {
	height: 100%;
}

.home-panel .home-panel__latest-news--content {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px 0;
}

.home-panel .home-panel__latest-news--content h4 {
	font-size: 18px;
	font-weight: 700;
}

.panel-1 {
	height: 75%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media only screen and (min-width: 767px) {
	.home-panel {
		width: calc(50% - 120px);
		padding: 60px;
	}

	.home-panel .home-panel__latest-news {
		flex-direction: row;
	}

	.home-panel .home-panel__latest-news--image {
		width: 50%;
		margin-bottom: 0;
	}

	.home-panel .home-panel__latest-news--content {
		width: 50%;
	}
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
	.mb-md-30 {
		margin-bottom: 30px;
	}
}

.font-12 {
	font-size: 12px;
}

.font-16 {
	font-size: 16px;
}

.font-18 {
	font-size: 18px;
}

.text-center {
	text-align: center;
}

.font-18 .btn__white {
	font-size: 18px;
}

.overview-downloads {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px 80px;
}

.overview-downloads__item {
	display: flex;
	flex-direction: column;
}

.overview-downloads__item:nth-of-type(odd) img {
	width: 178px;
	height: auto;
}

.overview-downloads__item:nth-of-type(even) img {
	width: 226px;
	height: auto;
}

.overview-downloads__item img {
	filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.4));
}

.overview-page {
	display: flex;
	margin-top: 30px;
	gap: 0 80px;
}

.overview-page div {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.overview-page div:nth-of-type(even) {
	padding: 20px;
	border: 1px solid white;
	margin-bottom: 50px;
}

.overview-page div p {
	font-size: 16px;
}

.overview-page div li {
	font-size: 16px;
}

.overview-page div h2 {
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
}

.overview-page .entry-content {
	margin: 0 !important;
	width: 100%;
}

@media only screen and (min-width: 767px) {
	.page-id-31 #secondary {
		margin-top: 250px;
	}

	.overview-page {
		margin-top: 50px;
	}

	.overview-page div {
		width: 50%;
	}

	.overview-page div h2 {
		font-size: 40px;
		line-height: 50px;
	}

	.overview-page div:nth-of-type(even) {
		padding: 40px;
		margin-bottom: 0;
	}

	.overview-downloads {
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
		gap: 0 80px;
	}

	.green-md-bg {
		background-color: #01a8a1 !important;
		background: #01a8a1 !important;
	}

	.page-id-1180 #headerImage .bannerInner,
	.page-id-1180 #headerImage .bannerSection {
		height: 650px;
	}
}

.onsite.demographics {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}

.demographics-links div p {
	justify-content: center;
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	/* transform: translateX(25px); */
	gap: 10px 80px;
	font-size: 16px !important;
}

.demographics-links div a {
	text-decoration: none;
	text-transform: initial;
}

.demographics-links div h2 {
	font-size: 40px !important;
}

.demographics-grid {
	display: grid;
	grid-template-columns: auto;
	gap: 40px 60px;
	margin: 80px 0;
}

.demographics-grid__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	color: white;
	font-size: 16px;
	text-align: center;
}

.demographics-grid__item img {
	width: 88px;
	height: auto;
	margin-bottom: 10px;
}

@media only screen and (min-width: 767px) {
	.demographics-grid {
		grid-template-columns: auto auto;
	}
}

@media only screen and (min-width: 992px) {
	.demographics-grid {
		grid-template-columns: auto auto auto auto;
		margin-top: 140px;
	}

	.content-area h2 {
		font-size: 40px !important;
		line-height: 50px;
	}
}

.demographics-content {
	display: flex !important;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100% !important;
	gap: 0 100px;
}

.demographics-table {
	margin-top: 40px;
	padding: 20px;
	border: 2px solid white;
}

.developer-intro {
	margin-top: 0px !important;
}

.developer-intro img {
	width: 100%;
	max-width: 206px;
	height: auto;
	margin-bottom: 40px;
}

@media only screen and (min-width: 767px) {
	.demographics-content {
		flex-direction: row;
	}

	.demographics-links div p {
		flex-direction: row;
		gap: 10px 80px;
	}

	.demographics-table {
		padding: 40px;
		padding-bottom: 24px;
		margin-top: 100px;
	}

	.developer-intro {
		margin-top: 50px !important;
	}
}

.mb-0 {
	margin-bottom: 0 !important;
}

.wp-pagenavi {
	margin-left: 3%;
	margin-top: 40px;
}

.wp-pagenavi span,
.wp-pagenavi a {
	color: white !important;
	transition: all 0.3s;
}

.wp-pagenavi a:hover {
	color: #888888 !important;
}

@media only screen and (min-width: 767px) {
	.two-columns {
		column-count: 2;
		column-gap: 60px;
	}
}

.single .btn__white {
	margin-left: 20px;
	margin-bottom: 100px;
}

.panel-1 p {
	font-size: 18px;
}

.grey-panel {
	background-color: #ececec;
	padding-top: 50px;
	padding-left: 4%;
	padding-right: 5%;
	padding-bottom: 20px;
}

.grey-panel__inner {
	max-width: 1290px;
	margin: 0 auto;
}

.grey-panel__title {
	color: #94c11f;
	font-weight: 700;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 40px;
}

.grey-panel__tagline {
	font-size: 30px;
	line-height: 40px;
}

.grey-panel .two-columns {
	margin-top: 20px;
	margin-bottom: 20px;
}

.grey-panel .two-columns p {
	font-size: 16px;
	line-height: 20px;
}

@media only screen and (min-width: 767px) {
	.grey-panel {
		padding: 100px;
	}

	.grey-panel__title {
		font-size: 40px;
		line-height: 50px;
	}

	.grey-panel .two-columns {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.grey-panel__tagline {
		font-size: 40px;
		line-height: 50px;
	}

	.logoBoxHolder {
		pointer-events: none;
	}

	.page-id-81 #primary.content-area {
		max-width: 1200px;
		margin-left: initial;
		margin-right: initial;
		width: 45%;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		margin-right: 5%;
		float: left;
		box-sizing: border-box;
	}

	.page-id-81 #secondary.content-area {
		/* max-width: 1200px; */
		margin-left: initial;
		margin-right: initial;
		width: 45%;
		/* float: right; */
		display: inline-block;
		vertical-align: top;
		margin-top: 100px;
		padding-left: 5%;
	}
}

.logoBox.scrolled {
	top: -113px;
}

#full.scrolled {
	opacity: 0;
}

#short.scrolled {
	opacity: 1;
}

@media only screen and (min-width: 767px) {
	.site-header.scrolled {
		height: 88px;
		box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.25);
	}

	.site-header.scrolled .headerText p,
	.site-header.scrolled .headerText h4,
	.site-header.scrolled .headerText h3 {
		opacity: 1;
		transition: all 0.3s;
	}

	.site-header.scrolled .headerText p,
	.site-header.scrolled .headerText h4,
	.site-header.scrolled .headerText h3 {
		opacity: 0;
	}

	.site-header.scrolled .headerText.right {
		height: 88px;
	}

	.menu-container.scrolled {
		padding-top: 11px;
	}
}

.overview-siteplan {
	display: none;
	width: 100%;
	height: 465px;
	z-index: 2;
	position: relative;
	overflow: hidden;
}

.cabot-siteplan {
	display: none;
	width: 100%;
	height: 465px;
	z-index: 2;
	position: relative;
	overflow: hidden;
}

.overview-siteplan_mobile {
	width: 100%;
	height: 465px;
	z-index: 2;
	position: relative;
	overflow: hidden;
}

.cabot-siteplan_mobile {
	width: 100%;
	height: 465px;
	z-index: 2;
	position: relative;
	overflow: hidden;
}

.overview-siteplan .tile,
.overview-siteplan_mobile .tile {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.cabot-siteplan .tile,
.cabot-siteplan_mobile .tile {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.overview-siteplan .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform 0.5s ease-out;
}

.cabot-siteplan .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.5s ease-out;
}

.overview-siteplan_mobile .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.5s ease-out;
}

.cabot-siteplan_mobile .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.5s ease-out;
}

@media only screen and (min-width: 767px) {
	.overview-siteplan {
		display: block;
	}

	.overview-siteplan_mobile {
		display: none;
	}

	.cabot-siteplan {
		display: block;
	}

	.masterplan-mobile-img {
		display: none;
	}

	.cabot-siteplan_mobile {
		display: none;
	}

	.menu-main-menu-container ul li a {
		color: #fff;
		font-family: "Quicksand", sans-serif;
		text-decoration: none;
		font-size: 30px !important;
		display: block;
	}
}

.worcester-mb-1 {
	margin-bottom: 20px;
}

.worcester-mb-2 {
	margin-bottom: 56px;
}

.flex {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 15px;
	padding: 0 40px;
}

@media only screen and (min-width: 767px) {
	.flex {
		gap: 45px;
	}
}