/*
Theme Name: Big Fat Smile 2015
Theme URI: http://underscores.me/
Author: Tim Stevens
Author URI: http://www.umcreative.com
Description: bfs2015
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bfs2015
Tags:

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.

bfs2015 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Customisations
--------------------------------------------------------------*/





/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

/* first for IE 4?8 */
@font-face {
	font-family: MarkWeb;
	src: url("fonts/FFMarkWebRegular/MarkWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: MarkWeb;
	src: url("fonts/FFMarkWebRegular/MarkWeb.woff") format("woff");
}

/* first for IE 4?8 */
@font-face {
	font-family: MarkWeb-Bold;
	src: url("fonts/FFMarkWebBold/MarkWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: MarkWeb-Bold;
	src: url("fonts/FFMarkWebBold/MarkWeb-Bold.woff") format("woff");
}


/* MarkOT-Regular */
@font-face {
	font-family:'MarkOT-Regular';
	src: url('fonts/MarkOT/MarkOT_gdi.eot');
	src: url('fonts/MarkOT/MarkOT_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/MarkOT/MarkOT_gdi.woff') format('woff'),
		url('fonts/MarkOT/MarkOT_gdi.ttf') format('truetype'),
		url('fonts/MarkOT/MarkOT_gdi.svg#MarkOT-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2665;
}

/* MarkOT-Bold */
@font-face {
	font-family:'MarkOT-Bold';
	src: url('fonts/MarkOT/MarkOT-Bold_gdi.eot');
	src: url('fonts/MarkOT/MarkOT-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/MarkOT/MarkOT-Bold_gdi.woff') format('woff'),
		url('fonts/MarkOT/MarkOT-Bold_gdi.ttf') format('truetype'),
		url('fonts/MarkOT/MarkOT-Bold_gdi.svg#MarkOT-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2665;
}

/* Omnes */
@font-face {
	font-family:'Omnes-Semibold';
	src: url('fonts/Omnes/Omnes-Semibold_gdi.eot');
	src: url('fonts/Omnes/Omnes-Semibold_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Omnes/Omnes-Semibold_gdi.woff') format('woff'),
		url('fonts/Omnes/Omnes-Semibold_gdi.ttf') format('truetype'),
		url('fonts/Omnes/Omnes-Semibold_gdi.svg#Omnes-Semibold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2264;
}


/*--------------------------------------------------------------
# Skeleton
--------------------------------------------------------------*/

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000000;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	font-family: 'MarkOT-Regular', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'MarkOT-Bold', Arial, sans-serif;
	clear: both;
	font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
	color: inherit;
}

h1 {
	font-family: 'Omnes-Semibold', Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.125rem;
}
h2 {
	font-size: 0.875rem;
	line-height: 1.125rem;	
}
h3 {
	font-size: 0.875rem;
	line-height: 1rem;	
}
h4 {
	font-size: 0.875rem;
	line-height: 1rem;	
}
h5 {
	font-size: 0.875rem;
	line-height: 1rem;	
}
p {
	margin-top: 0;
	margin-bottom: 1.5em;
	font-size: 0.75rem;
	line-height: 1.0625rem;
}
p.small {
	font-size: 0.625rem;
	line-height: 0.875rem;
}
p.large {
	font-size: 0.75rem;
	line-height: 1.0625rem;
}
ul,ol,figcaption {
	font-size: 0.75rem;
	line-height: 1.0625rem;
}

i.fa {
	margin-right: 10px;
}
.nounderline {
	text-decoration: none;
}

.red {
	color: #ed1c24!important;
}
.blue {
	color: #27b2e5!important;
}
.lblue {
	color: #01b9b2!important;
}
.grey {
	color: #a7a9ac!important;
}
.black {
	color: #000!important;
}
.purple {
	color: #4e479d!important;
}
.pink {
	color: #e24699!important;
}
.hide-mobile {
	display: none;
}
.hide-desktop {
	display: inline-block;
}


@media screen and (min-width: 768px) {

	h1 {
		font-size: 1.625rem;
		line-height: 1.75rem;
	}
	h2 {
		font-size: 1.75rem;
		line-height: 1.75rem;
	}
	h3 {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
	h4 {
		font-size: 1.125rem;
		line-height: 1.25rem;
	}
	h5 {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	p {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
	p.small {
		font-size: 0.75rem;
		line-height: 1.0625rem;
	}
	p.med {
		font-size: 0.875rem;
		line-height: 1.125rem;	
	}
	p.large {
		font-size: 1rem;
		line-height: 1.2625rem;
	}
	ul,ol,figcaption {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
	
	.hide-mobile {
		display: inline-block;
	}
	.hide-desktop {
		display: none;
	}
	

}
@media screen and (min-width: 992px) {


}




b,
strong {
	font-family: 'MarkOT-Bold', Arial, sans-serif;
	font-weight: normal;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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

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

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

ul,
ol {
	margin: 0 0 1.5em 0;
	padding-left: 20px;
}

ul li,
ol li{
	padding-left: 20px;
}

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;
}

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

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





/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/* Button as Link */
.btn {
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	  touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #29b1e4;
	color: #FFF;
	height: 46px;
	font-size: 13px;
	line-height: 46px;
	padding: 0 35px;
	text-shadow: none;
	font-family: 'MarkOT-Regular', Arial, sans-serif;
	text-decoration: none;
  -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;	
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: none;
}
.btn:hover, .btn:focus, .btn.focus {
	color: #333;
	text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
}
button::-moz-focus-inner {
  border: 0;
}
button:focus { 
    outline: none; 
}
img:focus, img:active, img::-moz-focus-inner {
	outline: none;
}
div:focus {
	outline: none!important;
}



/* Button as Button */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid transparent;
	border-radius: 3px;
	box-shadow: none;
	background: #29b1e4;
	color: #FFF;
	height: 46px;
	font-size: 13px;
	line-height: 46px;
	padding: 0 35px;
	text-shadow: none;
	font-family: 'MarkOT-Regular', Arial, sans-serif;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    transition: background .2s ease-in;		
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	box-shadow: none;
	color: #333;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	box-shadow: none;
}

/* Button Colors */
.btn-green, .btn-green:visited {
	color: #FFF!important;
	background-color: #8dc63f;
}
.btn-green:hover {
	color: #FFF!important;
	background-color: #75a336;
}
.btn-green:active {
	color: #000!important;
	background-color: #75a336;
}

.btn-blue, .btn-blue:visited {
	color: #FFF!important;
	background-color: #29b1e4;
}
.btn-blue:hover {
	color: #FFF!important;
	background-color: #1f89b1;
}
.btn-blue:active {
	color: #000!important;
	background-color: #1f89b1;
}

.btn-grey, .btn-grey:visited {
	color: #FFF!important;
	background-color: #231f20!important;
}
.btn-grey:hover {
	color: #FFF!important;
	background-color: #585556!important;
}
.btn-grey:active {
	color: #000!important;
	background-color: #585556!important;
}

.btn-red, .btn-red:visited {
	color: #FFF!important;
	background-color: #ed1c24!important;
}
.btn-red:hover {
	color: #000!important;
	background-color: #ed1c24!important;
}
.btn-red:active {
	color: #000!important;
	background-color: #ed1c24!important;
}

/* Button Sizes */
button.btn-lg,
input[type="button"].btn-lg,
input[type="reset"].btn-lg,
input[type="submit"].btn-lg, 
.btn-lg {
	height: 64px;
	font-size: 19px;
	line-height: 64px;
	padding: 0 58px;
}

button.btn-md,
input[type="button"].btn-md,
input[type="reset"].btn-md,
input[type="submit"].btn-md, 
.btn-md {
	height: 20px;
	font-size: 11px;
	line-height: 17px;
	padding: 0 20px;
	border-radius: 5px;
}

button.btn-sm,
input[type="button"].btn-sm,
input[type="reset"].btn-sm,
input[type="submit"].btn-sm, 
.btn-sm {
	height: 20px;
	font-size: 10px;
	line-height: 10px;
	padding: 0 20px;
}
.input-sm {
	height: 20px!important;
	font-size: 10px!important;
	line-height: 20px!important;
}

@media screen and (min-width: 768px) {

	.input-sm {
		height: 20px!important;
		font-size: 14px!important;
		line-height: 20px!important;
	}
	button.btn-sm,
	input[type="button"].btn-sm,
	input[type="reset"].btn-sm,
	input[type="submit"].btn-sm, 
	.btn-sm {
		height: 20px;
		font-size: 10px;
		line-height: 10px;
		padding: 0 20px;
	}

	button.btn-lg,
	input[type="button"].btn-lg,
	input[type="reset"].btn-lg,
	input[type="submit"].btn-lg, 
	.btn-lg {
		height: 64px;
		font-size: 19px;
		line-height: 64px;
		padding: 0 58px;
	}

	button.btn-md,
	input[type="button"].btn-md,
	input[type="reset"].btn-md,
	input[type="submit"].btn-md, 
	.btn-md {
		height: 29px;
		font-size: 14px;
		line-height: 27px;
		padding: 0 25px;
		border-radius: 6px;
	}

}






/* Inputs */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #231f20;
	border: 1px solid #231f20;
	border-radius: 6px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 0 5px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

::-webkit-input-placeholder {
   color: #000000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000000;  
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #000000;  
}

:-ms-input-placeholder {  
   color: #000000;  
}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000000;
	text-decoration: underline;
	outline: none;
}

a:visited {
	color: #000000;
	outline: none;
}

a:hover,
a:focus,
a:active {
	color: #ed1c24;
	text-decoration: none;
	outline: none;
}

a:focus {
	/*outline: thin dotted;*/
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 0px;
}

.main-navigation:after {
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15);
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

.main-navigation li {
	float: left;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
	margin: 0;
	padding: 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 10px 0px 8px 1px;
	color: #231f20;
	text-transform: none;
	font-size: 0.84375rem;
	line-height: 0.9375rem;
	font-family: 'MarkOT-Regular', Arial, sans-serif;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

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

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

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

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a {

}

/* About */
.main-navigation li.menu-about a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-about.current_page_item a,
.main-navigation li.menu-about.current-menu-item a,
.main-navigation li.menu-about.current_page_parent a,
.main-navigation li.menu-about.current-page-ancestor a {
	color: #ed1c24;
}

/* Blog */
.main-navigation li.menu-blog a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-blog.current_page_item a,
.main-navigation li.menu-blog.current-menu-item a,
.main-navigation li.menu-blog.current_page_parent a,
.main-navigation li.menu-blog.current-page-ancestor a {
	color: #ed1c24;
}

/* centres */
.main-navigation li.menu-centres a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-centres.current_page_item a,
.main-navigation li.menu-centres.current-menu-item a,
.main-navigation li.menu-centres.current_page_parent a,
.main-navigation li.menu-centres.current-page-ancestor a {
	color: #ed1c24;
}

/* funclub */
.main-navigation li.menu-funclub a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-funclub.current_page_item a,
.main-navigation li.menu-funclub.current-menu-item a,
.main-navigation li.menu-funclub.current_page_parent a,
.main-navigation li.menu-funclub.current-page-ancestor a {
	color: #ed1c24;
}

/* artspace */
.main-navigation li.menu-artspace a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-artspace.current_page_item a,
.main-navigation li.menu-artspace.current-menu-item a,
.main-navigation li.menu-artspace.current_page_parent a,
.main-navigation li.menu-artspace.current-page-ancestor a {
	color: #ed1c24;
}

/* greenbean */
.main-navigation li.menu-greenbean a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-greenbean.current_page_item a,
.main-navigation li.menu-greenbean.current-menu-item a,
.main-navigation li.menu-greenbean.current_page_parent a,
.main-navigation li.menu-greenbean.current-page-ancestor a {
	color: #ed1c24;
}

/* includeme */
.main-navigation li.menu-includeme a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-includeme.current_page_item a,
.main-navigation li.menu-includeme.current-menu-item a,
.main-navigation li.menu-includeme.current_page_parent a,
.main-navigation li.menu-includeme.current-page-ancestor a {
	color: #ed1c24;
}

/* jobs */
.main-navigation li.menu-jobs a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-jobs.current_page_item a,
.main-navigation li.menu-jobs.current-menu-item a,
.main-navigation li.menu-jobs.current_page_parent a,
.main-navigation li.menu-jobs.current-page-ancestor a {
	color: #ed1c24;
}

/* gallery */
.main-navigation li.menu-gallery a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-gallery.current_page_item a,
.main-navigation li.menu-gallery.current-menu-item a,
.main-navigation li.menu-gallery.current_page_parent a,
.main-navigation li.menu-gallery.current-page-ancestor a {
	color: #ed1c24;
}

/* Enrolments */
.main-navigation li.menu-enrolments a:hover {
	color: #ed1c24;
}
.main-navigation li.menu-enrolments.current_page_item a,
.main-navigation li.menu-enrolments.current-menu-item a,
.main-navigation li.menu-enrolments.current_page_parent a,
.main-navigation li.menu-enrolments.current-page-ancestor a {
	color: #ed1c24;
}





@media screen and (min-width: 768px) {

	.main-navigation {
		width: auto;
		margin-top: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.main-navigation ul {
		display: inline-block!important;
		border-top: none;
		margin: 0 auto;
		padding: 0;
	}
	.main-navigation li {
		width: auto;
		display: table; 
		border-bottom: none;
	}
	.main-navigation li:first-child {
		background: none;
	}
	.main-navigation a {
		font-size: 11px;
		line-height: 11px;
		text-transform: uppercase;
		height: 64px;
		padding: 50px 8px 0 8px;
		display: table-cell; 
		vertical-align: middle; 
	}
	
	.main-navigation li.menu-about a {
		background: url('images/navigation/menu-about.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-about.current-menu-item a,
	.main-navigation li.menu-about.current_page_parent a, 
	.main-navigation li.menu-about.current-page-ancestor a, 
	.main-navigation li.menu-about a:hover {
		background: url('images/navigation/menu-about-over.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-blog a {
		background: url('images/navigation/menu-blog.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-blog.current-menu-item a, 
	.main-navigation li.menu-blog.current_page_parent a, 
	.main-navigation li.menu-blog.current-page-ancestor a, 
	.main-navigation li.menu-blog a:hover {
		background: url('images/navigation/menu-blog-over.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-centres a {
		background: url('images/navigation/menu-centres.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-centres.current-menu-item a, 
	.main-navigation li.menu-centres.current_page_parent a, 
	.main-navigation li.menu-centres.current-page-ancestor a, 
	.main-navigation li.menu-centres a:hover {
		background: url('images/navigation/menu-centres-over.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-funclub a {
		background: url('images/navigation/menu-funclub.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-funclub.current-menu-item a, 
	.main-navigation li.menu-funclub.current_page_parent a, 
	.main-navigation li.menu-funclub.current-page-ancestor a, 
	.main-navigation li.menu-funclub a:hover {
		background: url('images/navigation/menu-funclub-over.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-artspace a {
		background: url('images/navigation/menu-artspace.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-artspace.current-menu-item a, 
	.main-navigation li.menu-artspace.current_page_parent a, 
	.main-navigation li.menu-artspace.current-page-ancestor a, 
	.main-navigation li.menu-artspace a:hover {
		background: url('images/navigation/menu-artspace-over.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-greenbean a {
		background: url('images/navigation/menu-greenbean.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-greenbean.current-menu-item a, 
	.main-navigation li.menu-greenbean.current_page_parent a, 
	.main-navigation li.menu-greenbean.current-page-ancestor a, 
	.main-navigation li.menu-greenbean a:hover {
		background: url('images/navigation/menu-greenbean-over.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-includeme a {
		background: url('images/navigation/menu-includeme.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-includeme.current-menu-item a, 
	.main-navigation li.menu-includeme.current_page_parent a, 
	.main-navigation li.menu-includeme.current-page-ancestor a, 
	.main-navigation li.menu-includeme a:hover {
		background: url('images/navigation/menu-includeme-over.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-jobs a {
		background: url('images/navigation/menu-jobs.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-jobs.current-menu-item a, 
	.main-navigation li.menu-jobs.current_page_parent a, 
	.main-navigation li.menu-jobs.current-page-ancestor a, 
	.main-navigation li.menu-jobs a:hover {
		background: url('images/navigation/menu-jobs-over.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-gallery a {
		background: url('images/navigation/menu-gallery.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-gallery.current-menu-item a, 
	.main-navigation li.menu-gallery.current_page_parent a, 
	.main-navigation li.menu-gallery.current-page-ancestor a, 
	.main-navigation li.menu-gallery a:hover {
		background: url('images/navigation/menu-gallery-over.png') no-repeat 50% 0%;
	}

	.main-navigation li.menu-enrolments a {
		background: url('images/navigation/menu-enrolments.png') no-repeat 50% 0%;
	}
	.main-navigation li.menu-enrolments.current-menu-item a, 
	.main-navigation li.menu-enrolments.current_page_parent a, 
	.main-navigation li.menu-enrolments.current-page-ancestor a, 
	.main-navigation li.menu-enrolments a:hover {
		background: url('images/navigation/menu-enrolments-over.png') no-repeat 50% 0%;
	}

}
@media screen and (min-width: 992px) {
	
	.main-navigation a {
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		height: 64px;
		padding: 50px 15px 0 15px;
		display: table-cell; 
		vertical-align: middle; 
	}
		
}

/* Menu - Social */
.main-navigation li.menu-social-logo {
	border-bottom: none;
	background: none;
}
.main-navigation li.menu-social-logo a {
	background-image: url('images/common/lungfoundation-menu.png');
	background-repeat: no-repeat;
	padding: 30px 0px 30px 95px;
	font-style: 0.7185rem;
	background-color: transparent;
	background-size: 80px 56px;
	border: 0;
	background-position: 15px 50%;
}
.main-navigation li.menu-social-logo a:hover {
	opacity: 0.75;
}
@media screen and (min-width: 768px) {

	.main-navigation li.menu-social-logo a {
		display: none;
	}

}
@media screen and (min-width: 992px) {

	.main-navigation li.menu-social-logo a {
		display: block;
		width: 160px;
		height: 111px;
		margin: 0;
		padding-left: 17px;
		font: 0/0 a;
		color: transparent;
		text-shadow: none;
		background-color: transparent;
		border: 0;
		background-size: 160px 111px;
		background-position: 50% 50%;
	}

}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	margin-top: 10px;
}
.menu-toggle {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	border: none;
	background: url('images/common/menu-toggle-off.png') no-repeat 50% 50%;
	box-shadow: none;
	padding: 0;
	margin: 0;
	width: 38px;
	height: 38px;
	text-indent: -10000rem;
}
.main-navigation.toggled .menu-toggle {
	background: url('images/common/menu-toggle-over.png') no-repeat 50% 50%;
	box-shadow: none;
}
@media screen and (min-width: 768px) {
	.menu-toggle {
		display: none;
	}
}

/* Comments */
.comments-area {
	margin: 50px auto 50px auto;
	max-width: 715px;
}
.comment-reply-title {
	font-size: 1.25em;
	line-height: 1;
	margin: 0 0 20px 0;
}


/* Posts Nav */
.comment-navigation,
.post-navigation {
	margin: 50px auto 50px auto;
	padding: 0;
	overflow: hidden;
	clear: left;
	position: relative;
}
.comment-navigation .nav-links,
.post-navigation .nav-links {
	clear: left;
	margin: 0 auto 0 auto;
	max-width: 1080px;
}


/* Post Navigation - Back */
.comment-navigation .nav-back,
.post-navigation .nav-back {
	width: 33.3%;
	float: left;
	text-align: center;
	position: relative;
}
.comment-navigation .nav-back a,
.post-navigation .nav-back a {
	display: inline-block;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 1;
	font-family:'MarkOT-Regular';
	text-transform: uppercase;
	font-weight: 300;
	text-decoration: none;
}
@media screen and (min-width: 768px) {

	.comment-navigation .nav-back a,
	.post-navigation .nav-back a {
		font-size: 17px;
		padding: 20px 0px 20px 0px;
	}

}


/* Post Navigation - Previous */
.comment-navigation .nav-previous,
.post-navigation .nav-previous {
	width: 33.3%;
	float: left;
	text-align: left;
	position: relative;
}
.comment-navigation .nav-previous a,
.post-navigation .nav-previous a {
	display: inline-block;
	padding: 20px 0px 20px 45px;
	font-size: 10px;
	margin-bottom: 20px;
	line-height: 1;
	font-family:'MarkOT-Regular';
	text-transform: uppercase;
	font-weight: 300;
	text-decoration: none;
}
.comment-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
	position: absolute;
	content: '';
	width: 35px;
	height: 35px;
	left: 0px;
	top: 50%;
	margin-top: -28px;
	background-image: url('images/icons/nav-previous.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.comment-navigation .nav-previous a:hover:before,
.post-navigation .nav-previous a:hover:before {
	background-image: url('images/icons/nav-previous-over.png');
}
.comment-navigation .nav-previous a:hover,
.post-navigation .nav-previous a:hover {
	text-decoration: underline;
}
@media screen and (min-width: 768px) {

	.comment-navigation .nav-previous a,
	.post-navigation .nav-previous a {
		font-size: 17px;
		padding: 20px 20px 20px 80px;
	}

	.comment-navigation .nav-previous a:before,
	.post-navigation .nav-previous a:before {
		width: 60px;
		height: 60px;
		margin-top: -40px;
	}

}

/* Post Navigation - Next */
.comment-navigation .nav-next,
.post-navigation .nav-next {
	width: 33.3%;
	float: right;
	text-align: right;
	position: relative;
}
.comment-navigation .nav-next a,
.post-navigation .nav-next a {
	display: inline-block;
	padding: 20px 45px 20px 0px;
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 1;
	font-family:'MarkOT-Regular';
	text-transform: uppercase;
	font-weight: 300;
	text-decoration: none;
}
.comment-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
	position: absolute;
	content: '';
	width: 35px;
	height: 35px;
	right: 0px;
	top: 50%;
	margin-top: -28px;
	background-image: url('images/icons/nav-next.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.comment-navigation .nav-next a:hover:after,
.post-navigation .nav-next a:hover:after {
	background-image: url('images/icons/nav-next-over.png');
}
.comment-navigation .nav-next a:hover,
.post-navigation .nav-next a:hover {
	text-decoration: underline;
}
@media screen and (min-width: 768px) {

	.comment-navigation .nav-next a,
	.post-navigation .nav-next a {
		font-size: 17px;
		padding: 20px 80px 20px 20px;
	}

	.comment-navigation .nav-next a:after,
	.post-navigation .nav-next a:after {
		width: 60px;
		height: 60px;
		margin-top: -40px;
	}

}


/* Posts Navigation */
.posts-navigation {
	margin: 20px auto 20px auto;
	padding: 0;
	overflow: hidden;
	clear: left;
	position: relative;
}
.posts-navigation .nav-links {
	clear: left;
	margin: 0 auto 0 auto;
	max-width: 1080px;
}

/* Posts Navigation - Previous */
.posts-navigation .nav-previous {
	float: left;
	width: 100%;
	text-align: center;
}
.posts-navigation .nav-previous a {
	display: inline-block;
	padding: 8px 30px;
	margin-top: 20px;
	background: #ed1c24;
	font-size: 12px;
	font-family:'MarkOT-Regular';
	text-transform: uppercase;
	border-radius: 7px;
	color: #fff;
	font-weight: 300;
}
.posts-navigation .nav-previous a:hover {
	color: #000;
}

/* Posts Navigation - Next */
.posts-navigation .nav-next {
	float: right;
	width: 100%;
	text-align: center;
}
.posts-navigation .nav-next a {
	display: inline-block;
	padding: 8px 30px;
	margin-top: 20px;
	background: #dddddd;
	font-size: 12px;
	font-family:'MarkOT-Regular';
	text-transform: uppercase;
	border-radius: 7px;
	color: #666;
	font-weight: 300;
}
.posts-navigation .nav-next a:hover {
	color: #000;
}
@media screen and (min-width: 768px) {

	.posts-navigation {
		margin: 40px auto 40px auto;
	}
	.posts-navigation .nav-previous a {
		padding: 15px 50px;
		font-size: 18px;
		border-radius: 10px;
	}
	.posts-navigation .nav-next a {
		padding: 15px 50px;
		font-size: 18px;
		border-radius: 10px;
	}

}
#spinner .spinner {
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
}
@media screen and (min-width: 768px) {
	#spinner .spinner {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
}



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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-size: 0.875rem;
	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. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

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

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

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

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-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;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 0;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



/* Media Queries
?????????????????????????????????????????????????? */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than tablet */
@media (min-width: 768px) {}

/* Larger than desktop */
@media (min-width: 992px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}







/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

/* Logo */
.site-header {
	background: #fff;
	min-height: 70px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
.site-header .container {
	padding-left: 0px;
	padding-right: 0px;
}
.site-header-inner {
	position: relative;
}
.site-branding {
	width: 100%;
}
.site-title {
	margin: 10px auto 0 auto;
	width: 86px;
	height: 50px;
}
.site-title a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('images/common/big-fat-smile.png') no-repeat;
	background-size: 100% auto, contain;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
}
.site-title a:hover {
	opacity: 0.75;
}
.site-title p, .site-description p {
	margin: 0;
	padding: 0;
}
.site-description {
	display: none;
	text-indent: -10000rem;
}
@media (min-width: 768px) {

	.site-header {
		position: relative;
		min-height: 240px;
	}
	.site-title {
		margin: 30px auto 0 auto;
		padding: 0;
		width: 170px;
		height: 100px;
	}
	
}
@media screen and (min-width: 992px) {

}

/* Navigation */







/*--------------------------------------------------------------
## Content - generic
--------------------------------------------------------------*/

.site-content {
	padding-top: 70px;	
}
.rwd-break {
	display: none;	
}
@media screen and (min-width: 768px) {

	.site-content {
		padding-top: 0px;	
	}
	
}
@media screen and (min-width: 992px) {
	.rwd-break {
		display: block;
	}
}


/* Mobile / Desktop Hide Elements */

@media screen and (max-width: 767px) {

	.mobile-hide {
		display: none!important;	
	}

}
@media screen and (min-width: 768px) and (max-width: 991px) {

	.ipad-hide {
		display: none!important;	
	}

}
@media (min-width: 768px) {

	.desktop-hide {
		display: none!important;	
	}
	
}



/*--------------------------------------------------------------
## Content - Mobile hide/show elements
--------------------------------------------------------------*/
.mobile-read-more-link {
	display: inline-block;
}
.mobile-read-more-content {
	display: none;
}
.mobile-br {
	display: inline-block;
}
@media (min-width: 768px) {

	.mobile-read-more-link {
		display: none!important;
	}
	.mobile-read-more-content {
		display: block!important;
	}
	.mobile-br {
		display: none!important;
	}
	
}



/* Valign mixin */
.valign-outer {
	display: table; 
}
.valign-inner {
	text-transform: uppercase;
	display: table-cell; 
	vertical-align: middle; 
}







/*--------------------------------------------------------------
## Site Masthead (main)
--------------------------------------------------------------*/

.site-masthead-main {
	height: 312px; /* mask image height */
	background-color: #fff;
	overflow: hidden;
	position: relative;
}
.site-masthead-main-inner {
	height: 100%;
	display: table; 
	z-index: 1;
	position: relative;
}
.site-masthead-bg {
	width: 100%;
	height: 312px;  /* total image height */
	position: absolute;
	top: 0px; /* image offset amount (above image) - center image for mobile */
	background-size: cover!important;
}
.site-masthead-bg {
	background-repeat: no-repeat;
	background-position: center top;
}
.site-masthead-main-textwrap {
	position: relative;
	display: table-cell; 
	vertical-align: middle; 
}
.site-masthead-main h1 {
	position: relative;
	text-align: center;
	color: #fff;
	margin: -40px auto 0 auto;
	padding: 0;
	text-transform: uppercase;
	font-size: 2.0625rem;
	line-height: 1.5rem;
}
.site-masthead-main h1:after {
	position: absolute;
	top: 0;
	content: '';
	width: 50px;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	top: 100%;
	margin-top: 20px;
	background-image: url('images/icons/about.png');
	background-size: 100% 100%;
}
.site-masthead-main p {
	text-align: center;
	color: #FFF;
}

@media screen and (min-width: 768px) {


	.site-masthead-main {
		height: 380px; /* mask image height */
	}
	.site-masthead-main h1 {
		padding: 0;
		font-size: 4rem;
		line-height: 3rem;	
	}
	.site-masthead-main h1:after {
		width: 100px;
		height: 100px;
		margin-left: -50px;
		margin-top: 35px;
	}	
	.site-masthead-bg {
		height: 380px;  /* total image height */
		top: 0px; /* image offset amount (above image)*/
	}
	
}
@media screen and (min-width: 992px) {


}

/*--------------------------------------------------------------
## Site Masthead - Short
--------------------------------------------------------------*/

.site-masthead-short {
	height: 90px;
}
.site-masthead-short h1 {
	margin-top: 0;
}
.site-masthead-short h1:after {
	background: none;
	height: 0;
}
.site-masthead-short .site-masthead-bg {
	background-image: none!important;
}
@media screen and (min-width: 768px) {

	.site-masthead-short {
		height: 180px;
	}
}
@media screen and (min-width: 992px) {

}





/*--------------------------------------------------------------
## GENERIC CONTENT BLOCKS - reusable
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Lead Panel (text strip)
--------------------------------------------------------------*/

.site-text-strip {
	background-color: #41beee;
}
.site-text-strip-inner {
	padding: 35px 0px;
	color: #4e479d;
	font-family: 'MarkOT-Bold', Arial, sans-serif;
	text-align: center;
}
.site-text-strip p {
	margin: 0;
	padding: 0 25px;
	font-size: 1rem;
	line-height: 1.25rem;
	text-transform: capitalize;
}
.site-text-strip.about {
	background-color: #41beee;
}
.site-text-strip.about .site-text-strip-inner {
	color: #4e479d;
}
.site-text-strip.blog {
	background-color: #ed1c24;
}
.site-text-strip.blog .site-text-strip-inner {
	color: #fff;
}
.site-text-strip.centres {
	background-color: #4e479d;
}
.site-text-strip.centres .site-text-strip-inner {
	color: #f79239;
}
.site-text-strip.funclub {
	background-color: #ffd503;
}
.site-text-strip.funclub .site-text-strip-inner {
	color: #4e479d;
}
.site-text-strip.artspace {
	background-color: #74c043;
}
.site-text-strip.artspace .site-text-strip-inner {
	color: #fff;
}
.site-text-strip.greenbean {
	background-color: #4e479d;
}
.site-text-strip.greenbean .site-text-strip-inner {
	color: #74c043;
}
.site-text-strip.includeme {
	background-color: #e24699;
}
.site-text-strip.includeme .site-text-strip-inner {
	color: #fff;
}
@media screen and (min-width: 768px) {

	.site-text-strip-inner {
		padding: 44px 0px 46px 0px;
		max-width: 885px;
	}
	.site-text-strip p {
		font-size: 1.25rem;
		line-height: 1.875rem;
		text-transform: uppercase;
		padding: 0 40px;
	}
	.site-text-strip.artspace p {
		padding: 0 30px;
	}	

}


/*--------------------------------------------------------------
## Info List
--------------------------------------------------------------*/

.site-infolist {

}
.site-infolist-inner {
	padding-top: 0;
	padding-bottom: 30px;	
}
.site-infolist .row {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 2px solid #cdcdcd;
}
.site-infolist .row:first-child {
	margin-top: 0;
	border-top: none;
}
.site-blog-home-posts-wrapper div:first-child .row:first-child{
	margin-top: 0!important;
	border-top: none!important;	
}
.site-blog-home-posts-wrapper .row {
	padding-top: 24px!important;
	margin-top: 24px!important;
	border-top: 2px solid #cdcdcd!important;
}
.site-infolist-image {
	float: left;
	display: inline;
	width: 100%;
}
.site-infolist-image img{
	padding: 0 0 20px 0;
	margin: 0 auto;
    display: block;
}
.site-infolist-title {
	float: left;
	display: inline;
	width: 100%;
}
.site-infolist-title h5{
	padding: 0px;
	margin: 0 0 3px 0;
	text-align: center;
}	
.site-infolist-title h4{
	padding: 0px;
	margin: 0 0 10px 0;
	text-align: center;
}	
.site-infolist-content {
	float: left;
	display: inline;
	width: 100%;
	text-align: center;
	padding: 0 20px;
}

.site-infolist2 .site-infolist-title {
	width: 100%;	
}
.site-infolist2 .site-infolist-title h4, .site-infolist2 .site-infolist-title h5{
	padding: 0px;
	margin: 0 0 10px 0;
}	
.site-infolist2 .site-infolist-content {
	width: 100%;
}

.site-infolist2 .site-infolist-content ul{
	text-align: left;
}

.site-infolist-content .feederschools-btn {
	margin-top: -5px;
	margin-bottom: 0px;
}
.site-infolist-content .feederschools-btn a {
	display: inline-block;
	padding: 0px 18px 0px 18px;
	background: url('images/icons/icon-feederschools.png') no-repeat 0% 50%;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
.site-infolist-content .feederschools-btn a:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	background: url('images/icons/icon-arrowdown.png') no-repeat 50% 50%;
}	
.site-infolist-content .feederschools-btn a.active:after {
	background: url('images/icons/icon-arrowup.png') no-repeat 50% 50%;
}	
.site-infolist-content .feederschools-content {
	display: none;
	margin-top: 10px;
}	
@media screen and (max-width: 768px) {
	.site-infolist-content .feederschools-content {
		display: block!important;
	}
	.site-infolist-content .feederschools-btn a:after {
		background: none!important;
	}
}
@media screen and (min-width: 768px) {

	.site-infolist-inner {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.site-infolist-image {
		float: left;
		display: inline;
		width: 33.3%;
	}
	.site-infolist-image img{
		padding: 0;
		margin: 0;
	}
	.site-infolist-title {
		float: left;
		display: inline;
		width: 23.3%;
	}
	.site-infolist-title h5{
		padding: 0px;
		margin: 0px 23px 5px 23px;
		text-align: left;
	}	
	.site-infolist-title h4{
		padding: 0px;
		margin: 0px 23px;
		text-align: left;
	}	
	.site-infolist-content {
		float: left;
		display: inline;
		width: 43.3%;
		text-align: left;
		padding: 0;
	}

	.site-infolist2 .site-infolist-title {
		width: 30%;	
	}
	.site-infolist2 .site-infolist-title h4, .site-infolist2 .site-infolist-title h5{
		padding: 0px;
		margin: 0px 43px 0 0;
	}	
	.site-infolist2 .site-infolist-content {
		width: 70%;
	}
	
}
@media screen and (min-width: 992px) {

	.site-infolist .row {
		margin-left: 75px;
		margin-right: 75px;
	}
	.site-infolist-image {
		width: 300px;
	}
	.site-infolist-title {
		width: 245px;	
	}
	.site-infolist-title h5{
		padding: 0px;
		margin: 0px 43px;
	}	
	.site-infolist-title h4{
		padding: 0px;
		margin: 0px 43px;
	}	
	.site-infolist-content {
		width: 425px;
	}

	.site-infolist2 .site-infolist-title {
		width: 275px;	
	}
	.site-infolist2 .site-infolist-title h4{
		padding: 0px;
		margin: 0px 43px 0 0;
	}	
	.site-infolist2 .site-infolist-content {
		width: 650px;
	}
	

}



/*--------------------------------------------------------------
##  Downloads Strip
--------------------------------------------------------------*/

.site-downloads {
	background: #dbeffb;
	margin-bottom: 20px;
}
.site-downloads.centres {
	background: #dad8ec;
}
.site-downloads.funclub {
	background: #fff5d2;
}
.site-downloads.greenbean {
	background: #dcdaeb;
}
.site-downloads.artspace {
	background: #e1efd4;
}
.site-downloads ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.site-downloads li {
	padding: 0 20px 20px 0;
	margin: 0;
	float: left;
}
.site-downloads a {
	text-decoration: none;
}
.site-downloads figure {
	margin: 0;
}
.site-downloads figcaption {
	margin-top: 10px;
}
@media screen and (max-width: 768px) {

}
@media screen and (min-width: 768px) {

	.site-downloads-inner {
		padding: 45px 0 0 0;
	}
	.site-downloads {
		margin-bottom: 15px;
	}
	.site-downloads h5 {
		margin-top: 0;
		padding-right: 50px;
		text-align: right;
	}
	.site-downloads li {
		padding: 0 30px 40px 0;
		margin: 0;
		float: left;
	}
	.site-downloads figure {
		margin: 0;
	}

}
@media screen and (min-width: 992px) {

	.site-downloads li {
		padding: 0 40px 40px 0;
		margin: 0;
		float: left;
	}
	
}










/*--------------------------------------------------------------
## HOME
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Home - Home Intro
--------------------------------------------------------------*/
.site-home-intro {
	padding: 10px 0px 10px 0px;
}
.site-home-intro-inner {
	text-align: left;
}
@media (min-width: 768px) {

	.site-home-intro {
		padding: 20px 0px 20px 0px;
	}
	.site-home-intro-inner {
		text-align: center;
		max-width: 735px;
	}

}





/*--------------------------------------------------------------
## ABOUT US
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## About - Site Masthead
--------------------------------------------------------------*/

.site-masthead-about {
	background: #41beee;
}
/*.site-masthead-about .site-masthead-bg {
	background-image: url('images/mastheads/about-mobile.jpg');
}*/
.site-masthead-about h1:after {
	background-image: url('images/icons/about.png');
}
@media screen and (min-width: 768px) {

	/*.site-masthead-about .site-masthead-bg {
		background-image: url('images/mastheads/about.jpg');
	}*/

}
@media screen and (min-width: 992px) {

}


/*--------------------------------------------------------------
## About Us - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-about1 {
	background: none;
}
.tabpanel-about1-left {
	margin: 0 20px 30px 0;
}
.tabpanel-about1-left p {
	text-transform: uppercase;
	color: #41beee;
	font-size: 0.75rem;
	line-height: 1rem;
	font-family: 'MarkOT-Bold', Arial, sans-serif;
	margin: 0;
}
.tabpanel-about1-right {
	text-align: left;
	padding: 15px 30px 5px 0px;
}
.tabpanel-about1-right h1 {
	text-transform: uppercase;
	color: #4e479d;
	margin-right: 70px;
}
@media screen and (min-width: 768px) {

	.tabpanel-about1 {
	}
	.tabpanel-about1-inner {
		padding-left: 0;
		padding-right: 0;
	}
	.tabpanel-about1-left-outer {
		background: url('images/about/intro-left-bg2.jpg') no-repeat 50% 50%;
		background-size: cover;
	}
	.tabpanel-about1-left {
		text-align: center;
		margin: 0 auto;
		max-width: 470px;
		padding: 45px 25px;
	}
	.tabpanel-about1-left p {
		font-size: 1.75rem;
		line-height: 2.5rem;
		color: #fff;
		font-family: 'MarkOT-Regular', Arial, sans-serif;
	}
	.tabpanel-about1-right {
		text-align: center;
		max-width: 80%;
		padding: 50px 0 30px 0;
		margin: 0 auto;
	}
	.tabpanel-about1-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
		text-transform: none;
	}
	
}
@media screen and (min-width: 992px) {

	.tabpanel-about1-left {
		max-width: 470px;
		padding: 0;
	}
	.tabpanel-about1-left p {
		font-size: 1.75rem;
		line-height: 2.5rem;
		color: #fff;
		margin-bottom: 0;
	}
	.tabpanel-about1-right {
		max-width: 400px;
		padding: 70px 0 50px 0;
	}
	
}


/*--------------------------------------------------------------
## Enrolments - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-enrol1 {
	background: none;
        clear:both;

}
.tabpanel-enrol1-left {
	margin: 0 20px 30px 0;
}
.tabpanel-enrol1-left p {
	color: #41beee;
	line-height: 1rem;
	font-family: 'MarkOT-normal', Arial, sans-serif;
	margin: 0;
      
}
.tabpanel-enrol1-right {
	text-align: center;
	padding: 15px 0px 5px 0px;
content: "";
	display: table;

   
}

tabpanel-enrol1-right p::after {
    content: " - Remember this";
    background-color: yellow;
    color: red;
    font-weight: bold;
}


.tabpanel-enrol1-right h1 {
	color: #4e479d;
}



@media screen and (min-width: 768px) {

	.tabpanel-enrol1 {
	}
	.tabpanel-enrol1-inner {
		padding-left: 0;
		padding-right: 0;
	}
	.tabpanel-enrol1-left-outer {
		background: #00;
	}
	.tabpanel-enrol1-left {
		text-align: center;
		margin: 0 auto;
		max-width: 470px;
		padding: 45px 25px;
	}
	.tabpanel-enrol1-left p {
		line-height: 2.5rem;
		color: #000;
		font-family: 'MarkOT-Regular', Arial, sans-serif;
	}
	.tabpanel-enrol1-right {
		text-align: center;
		max-width: 80%;
		padding: 50px 0 30px 0;
		margin: 0 auto;
	}
 .tabpanel-enrol1-right .mobile-hide {
		display: none!important;	
	}


	.tabpanel-enrol1-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
		text-transform: none;
	}
	
}
@media screen and (min-width: 992px) {

	.tabpanel-enrol1-left {
		max-width: 470px;
		padding: 0;
	}
	.tabpanel-enrol1-left p {
		line-height: 2.5rem;
		color: #000;
		margin-bottom: 0;
	}
	.tabpanel-enrol1-right {
		max-width: 470px;
		padding: 50px 0 50px 0;

	}
	
}

/*--------------------------------------------------------------
## About - Directors
--------------------------------------------------------------*/

.site-directors {
	/*display:none;*/
	padding-top: 25px;
	padding-bottom: 10px;
}
.site-content > .site-directors ~ .site-directors {
	padding-top: 0px;
}
.site-directors h2 {
	text-align: center;
	text-transform: uppercase;
	color: #4e479d;
}
.site-directors-inner {
    text-align: center;
}
.site-directors .ulwrap {
    display: table;
    margin: 0 auto;
}
.site-directors ul {
	list-style-type: none;
	padding: 20px 0 0 23px;
    margin: 0 auto;
    display: inline-block;
}
.site-directors li {
	max-width: 130px;
	padding: 0 0 30px 0;
	word-wrap: break-word;
	margin: 0;
	float: none;
	text-align: left;
	display: inline-block;
    vertical-align: top;
}
.site-directors a {
	text-decoration: none;
}
.site-directors a:hover .hover-eye {
	opacity: 1;
}
.site-directors .hover-eye {
	position: absolute;
	top: 97px;
	left: 52px;
	width: 42px;
	height: 25px;
	color: #fff;
	opacity: 0.25;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;	
}
.site-directors .hover-eye img{
	width: 100%;
	height: auto;
}
.site-directors figure {
	margin: 0;
	position: relative;
}
.site-directors figure img{
	max-width: 105px;
	max-height: 100%;
	margin-right: 30px;
}
.site-directors figcaption {
	margin-top: 10px;
	margin-right: 10px;
}
.site-directors .title {
	color: #a7a9ac;
	font-size: 0.75rem;
	line-height: 1rem;
	display: inline-block;
	padding-bottom: 2px;	
}
.site-directors .site-directors-popup {
	display: none;	
}
@media screen and (min-width: 768px) {

	.site-directors {
		display: block;
	}
	.site-directors ul {
		padding: 20px 0 0 15px;
	}
	.site-directors li {
		float: left;
	}
	
}
@media screen and (min-width: 992px) {

	.site-directors li {
		max-width: 135px;
	}	

}

/* Directors Popup */
.site-directors-popup {
	position: relative;
	background: #FFF;
	padding: 30px;
	width: 300px;
	max-width: 100%;
	height: auto;
	margin: auto auto;
	border: 5px solid #f79239;
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);	
}
.site-directors-popup-text {
	width: 230px;
	float: left;
	display: inline;
    margin-bottom: 0px;
}
.site-directors-popup-text h5 {
	margin: 0 0 10px 0;
	font-size: 1.25rem;
	font-family: 'MarkOT-Regular', Arial, sans-serif;
}
.site-directors-popup-text p {
	margin: 0 0 10px 0;
	color: #a7a9ac;
}
.site-directors-popup-text ul {
	padding: 0;
	margin: 0 0 0 18px;
	color: #a7a9ac;
}
.site-directors-popup-image {
	width: 170px;
	float: left;
	display: none;
	text-align: left;
}

/* Directors Popup - close */
.mfp-close {
	cursor: pointer!important;
	opacity: 1!important;
    color: transparent!important;
	background: url('images/common/close.png') no-repeat 50% 50%!important;
	z-index: 10;
}
.mfp-close:hover {
	opacity: 0.85!important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	width: 40px;
	right: -20px;
	top: 15px;
	padding: 0;
}

@media screen and (min-width: 768px) {

	.site-directors-popup {
		width:490px;
		min-height: 250px;
	}
	.site-directors-popup-text {
	    margin-bottom: 0px;
	}
	.site-directors-popup-image {
		display: inline;
		float: right;
		text-align: right;
	}

}




/*--------------------------------------------------------------
## BLOG
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Blog - Site Masthead
--------------------------------------------------------------*/

.site-masthead-blog {
	background: #ed1c24;
}
/*.site-masthead-blog .site-masthead-bg {
	background-image: url('images/mastheads/blog-mobile.jpg');
}*/
.site-masthead-blog h1:after {
	background-image: url('images/icons/blog.png');
}
.site-masthead-blog-single {
	background: #ed1c24;
}

@media screen and (min-width: 768px) {

	/*.site-masthead-blog .site-masthead-bg {
		background-image: url('images/mastheads/blog.jpg');
	}*/
}
@media screen and (min-width: 992px) {

}







/*--------------------------------------------------------------
## Blog - Landing
--------------------------------------------------------------*/
.site-blog-home {
	padding: 30px 0px 30px 0px;
}
.site-blog-home-inner {
	text-align: left;
}
.site-blog-home article {
	margin: 0 auto;
	margin-bottom: 37px;
	max-width: 240px;
	text-align: left;
}
.site-blog-home .feature-image {
	background: url('images/common/blog-feature-bg.jpg') no-repeat;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 6px;
}
.site-blog-home .feature-image img {
	width: 100%;	
	height: auto;	
	display: block;
	position: relative;	
}
.site-blog-home .feature-image {
  display: inline-block;
  position: relative;
}
.site-blog-home .feature-image::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 0 rgba(255,255,255,.5);
  transition: box-shadow .25s ease;
}
.site-blog-home .feature-image:hover::after {
  box-shadow: inset 0 0 0 10px rgba(255,255,255,.5);
}
.site-blog-home .entry-meta {
	text-align: center;
	font-size: 0.75rem;
	padding: 0;
	margin: 0;
}
.site-blog-home .entry-title {
	position: relative;
	text-align: center;
	font-size: 0.75em;
	line-height: 1;
	padding: 15px 0 0 0;
	margin: 0px 0 10px 0;
}
.site-blog-home .entry-title:before {
	content:"\2013";
	position: absolute;
	left: 50%;
	top: 0%;
	margin-left: -4px;
	font-size: 0.9em;
	line-height: 1em;
	font-weight: 300;
	font-family: MarkWeb;
}
.site-blog-home a {
	text-decoration: none;
}
.site-blog-home .entry-content {
	text-align: center;
	margin: 0;
}
.site-blog-home .entry-content p{
	margin: 0;
}
.site-blog-home .col-sm-4:nth-child(odd){
	clear: left;
}

@media (min-width: 768px) {

	.site-blog-home {
		padding: 59px 0px 60px 0px;
	}
	.site-blog-home-inner {
		text-align: left;
	}
	.site-blog-home article {
		float: right;
		max-width: 275px;
		margin-right: 34px;
	}
	.site-blog-home .col-sm-4:nth-child(even) article {
		float: left;
		margin-left: 34px;
	}
	.site-blog-home .feature-image {
		max-height: 159px;
		overflow: hidden;
		margin-bottom: 12px;
	}
	.site-blog-home .feature-image img {
		width: 275px;	
		height: auto;	
	}
	.site-blog-home .entry-meta {
		font-size: 0.875em;
	}
	.site-blog-home .entry-title {
		font-size: 1.125em;
		margin: 0px 0 18px 0;
	}
		
}
@media screen and (min-width: 992px) {

	.site-blog-home article {
		float: right;
		max-width: 482px;
		margin-right: 58px;
	}
	.site-blog-home .col-sm-4:nth-child(even) article {
		float: left;
		margin-left: 58px;
	}
	.site-blog-home .feature-image {
		max-height: 278px;
		overflow: hidden;
	}
	.site-blog-home .feature-image img {
		width: 482px;	
		height: auto;	
	}
}




/*--------------------------------------------------------------
## Blog - Single
--------------------------------------------------------------*/
.entry-header-wrapper {
	margin: 30px 0 20px 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #cdcdcd;	
}
.site-blog-single .entry-header {
	width: 100%;
	max-width: 715px;
	margin: 0 auto;
}
.site-blog-single .entry-header-left {
	float: left;
	width: 200px;
}
.site-blog-single .entry-header-right {
	float: right;
	width: auto;
	text-align: right;
}
.site-blog-single .entry-meta {
	text-align: left;
	font-size: 0.75rem;
	padding: 0;
	margin: 0;
}
.site-blog-single .entry-title {
	position: relative;
	text-align: left;
	font-family: 'MarkOT-Bold', Arial, sans-serif;
	font-size: 0.75rem;
	line-height: 1;
	padding: 2px 0 0 0;
	margin: 0px 0 15px 0;
}
.site-blog-single .entry-content {
	width: 100%;
	max-width: 715px;
	margin: 0 auto;
}
.site-blog-single .entry-content img {
	max-width: 100%;
	height: auto;
}
.site-blog-single .entry-content img.alignleft {
    display: inline;
    float: left;
    margin-right: 2.5em;
    margin-bottom: 1.5em;
}
.site-blog-single .entry-content img.alignright {
    display: inline;
    float: right;
    margin-left: 2.5em;
    margin-bottom: 1.5em;
}
.site-blog-single .entry-content img.alignnone{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.site-blog-single .entry-content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.site-blog-single .entry-content figure {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.site-blog-single .entry-footer {
	text-align: center;
}
@media screen and (min-width: 768px) {

	.entry-header-wrapper {
		margin: 40px 0 25px 0;
	}
	.site-blog-single .entry-meta {
		font-size: 0.875em;
	}
	.site-blog-single .entry-title {
		font-size: 1.125em;
	}

}
@media screen and (min-width: 992px) {

	.entry-header-wrapper {
		margin: 60px 75px 35px 75px;
		padding-bottom: 5px;
		border-bottom: 2px solid #cdcdcd;	
	}

}










/*--------------------------------------------------------------
## CENTRES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Centers - Site Masthead
--------------------------------------------------------------*/

.site-masthead-centres {
	background: #4e479d;
}
/*.site-masthead-centres .site-masthead-bg {
	background-color: #4e479d;
	background-image: url('images/mastheads/centres-mobile.jpg');
}*/
.site-masthead-centres h1:after {
	background-image: url('images/icons/centres.png');
}
@media screen and (min-width: 768px) {

	/*.site-masthead-centres .site-masthead-bg {
		background-image: url('images/mastheads/centres.jpg');
	}*/

}
@media screen and (min-width: 992px) {

}

/*--------------------------------------------------------------
## Centres - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-centres1-inner {
    padding-left: 0;
    padding-right: 0;
}
.tabpanel-centres1-left {
	text-align: center;
	padding: 15px 25px 15px 25px;
}
.tabpanel-centres1-left h1 {
	text-align: center;
	text-transform: uppercase;
	color: #4e479d;
}
.tabpanel-centres1-right {
	text-align: center;
}
.tabpanel-centres1-right img {
	text-align: center;
	width: 100%;
}

@media screen and (min-width: 992px) {

	.tabpanel-centres1-left {
		text-align: center;
		padding: 60px 0px 25px 0px;
		max-width: 85%;
		margin: 0 auto;
	}
	.tabpanel-centres1-left h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
	.tabpanel-centres1-right {
		text-align: left;
	}
}

/*--------------------------------------------------------------
## Centres - Tab Panel 2
--------------------------------------------------------------*/

.tabpanel-centres2-inner {
    padding-left: 0;
    padding-right: 0;
}
.tabpanel-centres2-left {
	text-align: center;
}
.tabpanel-centres2-left img {
	text-align: center;
	width: 100%;
}
.tabpanel-centres2-right {
	text-align: center;
	padding: 30px 25px 15px 25px;
}
.tabpanel-centres2-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #4e479d;
}

@media screen and (min-width: 992px) {

	.tabpanel-centres2-left {
		text-align: right;
	}
	.tabpanel-centres2-right {
		text-align: center;
		padding: 30px 0px 5px 0px;
		max-width: 90%;
		margin: 0 auto;
	}
	.tabpanel-centres2-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}

}

/*--------------------------------------------------------------
## Centres - Tab Panel 3
--------------------------------------------------------------*/

.tabpanel-centres3-inner {
    padding-left: 0;
    padding-right: 0;
}
.tabpanel-centres3-left {
	text-align: center;
}
.tabpanel-centres3-left img {
	text-align: center;
	width: 100%;
}
.tabpanel-centres3-right {
	text-align: center;
	padding: 30px 25px 15px 25px;
}
.tabpanel-centres3-right h3, .tabpanel-centres3-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #4e479d;
}

@media screen and (min-width: 992px) {

	.tabpanel-centres3-left {
		text-align: right;
	}
	.tabpanel-centres3-right {
		text-align: center;
		padding: 40px 0px 5px 0px;
		max-width: 90%;
		margin: 0 auto;
	}

}

/*--------------------------------------------------------------
## Centres - Tab Panel 4
--------------------------------------------------------------*/

.tabpanel-centres4-inner {
    padding-left: 0;
    padding-right: 0;
}
.tabpanel-centres4-left {
	background: #4e479d;
	color: #fff;
}
.tabpanel-centres4-left-inner {
	padding: 15px 25px 15px 25px;
	text-align: center;
}
.tabpanel-centres4-left h1 {
	text-align: center;
	text-transform: uppercase;
	color: #f79239;
}
.tabpanel-centres4-left a {
	color: #fff;
}
.tabpanel-centres4-right {
	background: #f79239;
	color: #fff;
}
.tabpanel-centres4-right-inner {
	padding: 15px 25px 15px 25px;
	text-align: center;
}
.tabpanel-centres4-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #4e479d;
}
.tabpanel-centres4-right a {
	color: #fff;
}

@media screen and (min-width: 992px) {

	.tabpanel-centres4-left-inner {
		max-width: 70%;
		margin: 0 auto;
		padding: 40px 0px 25px 0px;
	}
	.tabpanel-centres4-right-inner {
		max-width: 85%;
		margin: 0 auto;
		padding: 40px 0px 25px 0px;
	}

}


/*--------------------------------------------------------------
## Centres - Taxonomy 
--------------------------------------------------------------*/

.filterpanel-centres2 {
	background: #f6f6f6;
	text-align: center;
	padding: 15px 0 23px 0;
}
.filterpanel-centres2 h2 {
	text-align: center;
}

@media screen and (min-width: 768px) {

	.filterpanel-centres2 {
		padding: 35px 0 35px 0;
	}
	.filterpanel-centres2 h2 {
		font-size: 1.25rem;
		line-height: 1.35rem;
	}

}
@media screen and (min-width: 992px) {

	.filterpanel-centres2 .row {
	    margin-left: 75px;
	    margin-right: 75px;
	}

}


/*--------------------------------------------------------------
## Centres - Infolist 
--------------------------------------------------------------*/

.site-infolist.centres2 .site-blog-home-posts-wrapper {
	padding-bottom: 50px;
}

.site-infolist.centres2 .site-infolist-content h5 {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.site-infolist.centres2 .site-infolist-content h3 {
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 18px 0;
}
	

@media screen and (max-width: 767px) {
	.site-infolist.centres2 .site-infolist-image {
		display: none;
	}
	.site-infolist.centres2 .site-infolist-content {
		width: 100%;
		float: left;
		display: inline;
	}
	.site-infolist.centres2 .site-infolist-map {
		width: 100%;
		float: left;
		display: inline;
	}		
}
@media screen and (min-width: 768px) {
	
	.site-infolist.centres2 .site-infolist-image {
		width: 50%;
		float: left;
		display: inline;
		margin-bottom: 20px;
	}
	.site-infolist.centres2 .site-infolist-content {
		width: 50%;
		float: left;
		display: inline;
		margin-bottom: 20px;
	}
	.site-infolist.centres2 .site-infolist-content h5 {
		font-size: 0.875rem;
		line-height: 0.9;
		padding-left: 25px;
	}
	.site-infolist.centres2 .site-infolist-content h3 {
		padding-left: 25px;
	}	
	.site-infolist.centres2 .site-infolist-content p {
		padding-left: 25px;
	}	
	.site-infolist.centres2 .site-infolist-map {
		width: 100%;
		float: left;
		display: inline;
	}	
	
}
@media screen and (min-width: 992px) {

	.site-infolist.centres2 .site-infolist-image {
		float: left;
		display: inline;
		width: 28%;
		margin-bottom: 0;
	}
	.site-infolist.centres2 .site-infolist-content {
		float: left;
		display: inline;
		width: 24%;
		margin-bottom: 0;
	}
	.site-infolist.centres2 .site-infolist-map {
		float: right;
		display: inline;
		width: 44%;
		margin-top: 0;
	}	
	.site-infolist.centres2 .row {
	    margin-left: 0;
	    margin-right: 0;
	}	

}










/*--------------------------------------------------------------
## FUN CLUB
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Fun Club - Site Masthead
--------------------------------------------------------------*/

.site-masthead-funclub {
	background: #ffd503;
}
/*.site-masthead-funclub .site-masthead-bg {
	background-color: #ffd503;
	background-image: url('images/mastheads/funclub-mobile.jpg');
}*/
.site-masthead-funclub h1:after {
	background-image: url('images/icons/funclub.png');
}
.site-masthead-funclub h1 {
	color: #fff;
}
.site-masthead-funclub.site-masthead-short h1 {
	color: #4e479d;
}
@media screen and (min-width: 768px) {

	/*.site-masthead-funclub .site-masthead-bg {
		background-image: url('images/mastheads/funclub.jpg');
	}*/

}
@media screen and (min-width: 992px) {

}



/*--------------------------------------------------------------
## Fun Club - Taxonomy 
--------------------------------------------------------------*/

.tabpanel-funclub {
	background: #cccccc;
	text-align: center;
	padding: 10px 0 10px 0;
}
.tabpanel-funclub h1 {
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 10px;
}
.tabpanel-funclub-content {
	text-align: center;
	max-width: 90%;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {

	.tabpanel-funclub-content {
		text-align: center;
		max-width: 70%;
		margin: 0 auto;
	}

}



/*--------------------------------------------------------------
## Fun Club - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-funclub1 {
}
.tabpanel-funclub1-left {
	text-align: center;
	padding: 15px 25px 5px 25px;
	/*color: #e24699;*/
}
.tabpanel-funclub1-left h1 {
	text-align: center;
	text-transform: uppercase;
	color: #1BADA3;
}
.tabpanel-funclub1-left a {
	/*color: #e24699;*/
}
.tabpanel-funclub1-right {
	margin: 0 -10px 0 -10px;
	text-align: center;
}
.tabpanel-funclub1-right img {
	text-align: left;
	width: 100%;
}

@media screen and (min-width: 992px) {

	.tabpanel-funclub1-left {
		text-align: center;
		padding: 50px 0px 5px 0px;
		max-width: 85%;
		margin: 0 auto;
	}
	.tabpanel-funclub1-left h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
	.tabpanel-funclub1-right {
		text-align: left;
		margin: 0 -25px 0 0px;
	}
}


/*--------------------------------------------------------------
## Fun Club - Tab Panel 2
--------------------------------------------------------------*/

.tabpanel-funclub2 {
}
.tabpanel-funclub2-right {
	text-align: center;
	padding: 15px 25px 5px 25px;
	/*color: #01b9b2;*/
}
.tabpanel-funclub2-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #1BADA3;
}
.tabpanel-funclub2-right a {
	/*color: #01b9b2;*/
}
.tabpanel-funclub2-left {
	margin: 0 -10px 0 -10px;
	padding: 20px;
	text-align: center;
	background: #01b9b2;
}
.tabpanel-funclub2-left p, .tabpanel-funclub2-left figure {
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 992px) {

	.tabpanel-funclub2-left {
		padding: 45px;
		text-align: center;
		margin: 0 0 0 -25px;
	}
	.tabpanel-funclub2-right {
		text-align: center;
		padding: 50px 0px 5px 0px;
		max-width: 90%;
		margin: 0 auto;
	}
	.tabpanel-funclub2-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
	.tabpanel-funclub2-right p {
		margin: 0 0 25px 0;
	}
		
}


/*--------------------------------------------------------------
## Fun Club - Taxonomy 
--------------------------------------------------------------*/

.filterpanel-funclub2 {
	background: #f6f6f6;
	text-align: center;
	padding: 15px 0 23px 0;
}
.filterpanel-funclub2 h2 {
	text-align: center;
}

@media screen and (min-width: 768px) {

	.filterpanel-funclub2 {
		padding: 35px 0 35px 0;
	}
	.filterpanel-funclub2 h2 {
		font-size: 1.25rem;
		line-height: 1.35rem;
	}

}
@media screen and (min-width: 992px) {

	.filterpanel-funclub2 .row {
	    margin-left: 75px;
	    margin-right: 75px;
	}

}


/*--------------------------------------------------------------
## Fun Club - Infolist 
--------------------------------------------------------------*/

.site-infolist.funclub2 .site-blog-home-posts-wrapper {
	padding-bottom: 50px;
}

.site-infolist.funclub2 .site-infolist-content h5 {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.site-infolist.funclub2 .site-infolist-content h3 {
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 18px 0;
}
	

@media screen and (max-width: 767px) {
	.site-infolist.funclub2 .site-infolist-image {
		display: none;
	}
	.site-infolist.funclub2 .site-infolist-content {
		width: 100%;
		float: left;
		display: inline;
	}
	.site-infolist.funclub2 .site-infolist-map {
		width: 100%;
		float: left;
		display: inline;
	}		
}
@media screen and (min-width: 768px) {
	
	.site-infolist.funclub2 .site-infolist-image {
		width: 50%;
		float: left;
		display: inline;
		margin-bottom: 20px;
	}
	.site-infolist.funclub2 .site-infolist-content {
		width: 50%;
		float: left;
		display: inline;
		margin-bottom: 20px;
	}
	.site-infolist.funclub2 .site-infolist-content h5 {
		font-size: 0.875rem;
		line-height: 0.9;
		padding-left: 25px;
	}
	.site-infolist.funclub2 .site-infolist-content h3 {
		padding-left: 25px;
	}	
	.site-infolist.funclub2 .site-infolist-content p {
		padding-left: 25px;
	}	
	.site-infolist.funclub2 .site-infolist-map {
		width: 100%;
		float: left;
		display: inline;
	}	
	
}
@media screen and (min-width: 992px) {

	.site-infolist.funclub2 .site-infolist-image {
		float: left;
		display: inline;
		width: 28%;
		margin-bottom: 0;
	}
	.site-infolist.funclub2 .site-infolist-content {
		float: left;
		display: inline;
		width: 24%;
		margin-bottom: 0;
	}
	.site-infolist.funclub2 .site-infolist-map {
		float: right;
		display: inline;
		width: 44%;
		margin-top: 0;
	}	
	.site-infolist.funclub2 .row {
	    margin-left: 0;
	    margin-right: 0;
	}	

}
.site-infolist-map {
	line-height: 0;
}	

.site-infolist-map iframe {
	width: 100%;
	height: 225px;
	border: #ccc solid 1px;
	margin: 0!important;
}	

.embed-container { 
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
}
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.acf-map {
	width: 100%;
	height: 225px;
	border: #ccc solid 1px;
	margin: 0!important;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}











/*--------------------------------------------------------------
## ART SPACE
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Art Space - Site Masthead
--------------------------------------------------------------*/

.site-masthead-artspace {
	background: #74c043;
}
/*.site-masthead-artspace .site-masthead-bg {
	background-color: #74c043;
	background-image: url('images/mastheads/artspace-mobile.jpg');
}*/
.site-masthead-artspace h1:after {
	background-image: url('images/icons/artspace.png');
}
@media screen and (min-width: 768px) {

	/*.site-masthead-artspace .site-masthead-bg {
		background-image: url('images/mastheads/artspace.jpg');
	}*/

}
@media screen and (min-width: 992px) {

}

/*--------------------------------------------------------------
## Art Space - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-artspace1 {
	background: none;
}
.tabpanel-artspace1-left {
	margin: 0 -10px 0 -10px;
	text-align: center;
}
.tabpanel-artspace1-left img {
	text-align: center;
}
.tabpanel-artspace1-right {
	text-align: center;
	padding: 15px 0px 5px 0px;
}
.tabpanel-artspace1-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #74c043;
}
@media screen and (min-width: 768px) {

	.tabpanel-artspace1-left {
		text-align: right;
		margin: 0 0 0 -25px;
	}
	.tabpanel-artspace1-left img {
		text-align: right;
	}
	.tabpanel-artspace1-right {
		text-align: center;
		padding: 50px 0px 50px 0px;
		max-width: 80%;
		margin: 0 auto;
	}
	.tabpanel-artspace1-right h1 {
		font-size: 1.75rem;
		line-height: 1.125rem;
		margin: 0 0 30px 0;
	}
	
}
@media screen and (min-width: 992px) {

	.tabpanel-artspace1-right {
		max-width: 70%;
		padding: 70px 0 50px 0;
	}
	
}

/*--------------------------------------------------------------
## Art Space - Category Thumbs
--------------------------------------------------------------*/

.site-infolist.artspace {
	background: #f6f6f6;
}
.taxthumbs-artspace {
	background: #f6f6f6;
}
.taxthumbs-artspace-inner {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
.taxthumbs-artspace-title {
	color: #74c043;
	padding: 18px 0 13px 0;
	text-align: center;
}
.taxthumbs-artspace-title h1 {
	padding: 0;
	margin: 0;
}
.taxthumbs-artspace figure {
	display:inline-block;
	text-align: center;
	width: 140px;
	margin: 5px;
	position: relative;
	vertical-align: top;
}
.taxthumbs-artspace figure figcaption {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: #74c043;
	height: 32px;
	vertical-align: middle;
}
.taxthumbs-artspace figure figcaption h4{
	padding: 6px 0 6px 0;
	text-align: center;
	text-transform: capitalize;
	margin: 0;
}
.taxthumbs-artspace figure a{
	text-decoration: none;
}
.taxthumbs-artspace figure a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 0 rgba(255,255,255,.5);
  transition: box-shadow .25s ease;
}
.taxthumbs-artspace figure a:hover::after {
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.5);
}
@media screen and (max-width: 768px) {

	.taxthumbs-artspace figure figcaption{
		vertical-align: middle;
		display: table;
		width: 100%;
	}
	.taxthumbs-artspace figure figcaption h4{
		font-size: 10px;
		line-height: 1.1;
		vertical-align: middle;
		display: table-cell;
		width: 100%;
		padding: 0;	
	}

}
@media screen and (min-width: 768px) {

	.taxthumbs-artspace-title {
		padding: 35px 0 30px 0;
	}
	.taxthumbs-artspace figure {
		width: 300px;
	}
	.taxthumbs-artspace figure figcaption {
		height: 60px;
	}
	.taxthumbs-artspace figure figcaption h4{
		padding: 19px 0 0 0;
	}

}



/*--------------------------------------------------------------
## Art Space - Taxonomy 
--------------------------------------------------------------*/

.filterpanel-artspace2 {
	background: #f6f6f6;
	text-align: center;
	padding: 15px 0 23px 0;
}
.filterpanel-artspace2 h2 {
	text-align: center;
}
.filterpanel-artspace2 form {
	text-align: center;
}
.filterpanel-artspace2 form label{
	display: none;
}
.filterpanel-artspace2 form select{
	font-size: 0.75em;
}
.filterpanel-artspace2-content {
}

@media screen and (min-width: 768px) {

	.filterpanel-artspace2 {
		padding: 35px 0 35px 0;
	}
	.filterpanel-artspace2 form label{
		padding-right: 10px;
		display: inline-block;
	}
	.filterpanel-artspace2 form select{
		font-size: 1em;
	}	
	.filterpanel-artspace2 h2 {
		font-size: 1.25rem;
		line-height: 1.35rem;
	}
	.filterpanel-artspace2 h2 {
		text-align: left;
		margin:0;
		float: left;
		display: inline;
	}
	.filterpanel-artspace2 form {
		float: right;
		display: inline;
		text-align: right;
	}

}
@media screen and (min-width: 992px) {

	.filterpanel-artspace2 .row {
	    margin-left: 75px;
	    margin-right: 75px;
	}

}


/*--------------------------------------------------------------
## Art Space - Taxonomy 
--------------------------------------------------------------*/

.tabpanel-artspace2 {
	background: #e1efd4;
	text-align: center;
	padding: 10px 0 10px 0;
}
.tabpanel-artspace2 h1 {
	text-align: center;
	text-transform: uppercase;
	color: #74c043;
	margin-bottom: 10px;
}
.tabpanel-artspace2-content {
	text-align: center;
	max-width: 90%;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {

	.tabpanel-artspace2-content {
		text-align: center;
		max-width: 70%;
		margin: 0 auto;
	}

}


/*--------------------------------------------------------------
## Art Space - Infolist 
--------------------------------------------------------------*/

.site-infolist.artspace2 .site-blog-home-posts-wrapper {
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {

	.site-infolist.artspace2 .site-infolist-inner {
		padding-bottom: 40px;
	}
	.site-infolist.artspace2 .site-infolist-btn {
		text-align: center;
	}
	/*.site-infolist.artspace2 .site-infolist-image {
		height: auto!important;
		margin-bottom: 10px;
		float: right;
		display: inline;
		text-align: right;	
		width: 45%;	
	}
	.site-infolist.artspace2 .site-infolist-image img {
		padding: 0;
	}
	.site-infolist.artspace2 .site-infolist-title {
		height: auto!important;
		margin-bottom: 20px;
		width: 55%;	
	}
	.site-infolist.artspace2 .site-infolist-content {
		width: 100%;
		clear: both;
		height: auto!important;
	}
	.site-infolist.artspace2 .site-infolist-btn {
		float: left;
		display: inline;
		text-align: left;
		width: 100%;
		clear: both;
	}*/
}
@media screen and (min-width: 992px) {

	.site-infolist.artspace2 .site-infolist-btn {
		float: right;
		display: inline;
		text-align: right;
	}
	.site-infolist-title h4:first-child {
		margin-bottom: 20px;
	}

	.site-infolist.artspace2 .site-infolist-code {
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	.site-infolist.artspace2 .site-infolist-cost {
		position: absolute;
		left: 0px;
		bottom: 0px;
		margin: 0;
	}
	.site-infolist.artspace2 .site-infolist-title {
		padding-bottom: 40px;
		position: relative;
	}
	.site-infolist.artspace2 .site-infolist-content {
		padding-bottom: 20px;
		position: relative;
	}
	.site-infolist.artspace2 .site-infolist-content {
		width: 340px;
	}

}









/*--------------------------------------------------------------
## GREEN BEAN
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Green Bean - Site Masthead
--------------------------------------------------------------*/

.site-masthead-greenbean {
	background: #4e479d;
}
/*.site-masthead-greenbean .site-masthead-bg {
	background-image: url('images/mastheads/greenbean-mobile.jpg');
}*/
.site-masthead-greenbean h1:after {
	background-image: url('images/icons/greenbean.png');
}
@media screen and (min-width: 768px) {

	/*.site-masthead-greenbean .site-masthead-bg {
		background-image: url('images/mastheads/greenbean.jpg');
	}*/

}
@media screen and (min-width: 992px) {

}


/*--------------------------------------------------------------
## Green Bean - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-greenbean1 {
	background: #f6f6f6;
}
.tabpanel-greenbean1-left {
	margin: 0 -10px 0 -10px;
	text-align: center;
}
.tabpanel-greenbean1-left img {
	text-align: center;
}
.tabpanel-greenbean1-right {
	text-align: center;
	padding: 15px 0px 5px 0px;
}
.tabpanel-greenbean1-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #4e479d;
}
@media screen and (min-width: 768px) {

	.tabpanel-greenbean1-left {
		text-align: right;
		margin: 0 0 0 -25px;
	}
	.tabpanel-greenbean1-left img {
		text-align: right;
	}
	.tabpanel-greenbean1-right {
		text-align: center;
		padding: 50px 0px 50px 0px;
		max-width: 250px;
		margin: 0 auto;
	}
	.tabpanel-greenbean1-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
	
}
@media screen and (min-width: 992px) {

	.tabpanel-greenbean1-right {
		max-width: 400px;
		padding: 70px 0 50px 0;
	}
	
}





 
/*--------------------------------------------------------------
## INCLUDE ME
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Include me - Site Masthead
--------------------------------------------------------------*/

.site-masthead-includeme {
	background: #e24699;
}
/*.site-masthead-includeme .site-masthead-bg {
	background-image: url('images/mastheads/includeme-mobile.jpg');
}*/
.site-masthead-includeme h1:after {
	background-image: url('images/icons/includeme.png');
}
@media screen and (min-width: 768px) {

	/*.site-masthead-includeme .site-masthead-bg {
		background-image: url('images/mastheads/includeme.jpg');
	}*/

}
@media screen and (min-width: 992px) {

}


/*--------------------------------------------------------------
## Include me - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-includeme1 {
}
.tabpanel-includeme1-left {
	text-align: center;
	padding: 15px 25px 5px 25px;
}
.tabpanel-includeme1-left h1 {
	text-align: center;
	text-transform: uppercase;
	color: #e24699;
}
.tabpanel-includeme1-right {
	margin: 0 -10px 0 -10px;
	text-align: center;
}
.tabpanel-includeme1-right img {
	text-align: left;
}

@media screen and (min-width: 768px) {

	.tabpanel-includeme1-left {
		text-align: center;
		padding: 50px 0px 20px 0px;
		max-width: 250px;
		margin: 0 auto;
	}
	.tabpanel-includeme1-left h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
	.tabpanel-includeme1-right {
		text-align: left;
		margin: 0 -25px 0 0px;
	}
}
@media screen and (min-width: 992px) {

	.tabpanel-includeme1-left {
		max-width: 450px;
		padding: 70px 0 20px 0;
	}
	.tabpanel-includeme1-right {
	
	}
	.tabpanel-includeme1-right img {
			
	}
	
}

/*--------------------------------------------------------------
## Include me - Info List
--------------------------------------------------------------*/

.site-infolist2.includeme .site-infolist-title h4, .site-infolist2.includeme2 .site-infolist-title h4{
	color: #e24699;
	text-transform: uppercase;
}
@media screen and (min-width: 768px) {
	.site-infolist2.includeme .site-infolist-title h4, .site-infolist2.includeme2 .site-infolist-title h4{
		margin: 0px 53px 0 0;
	}
}





/*--------------------------------------------------------------
## INCLUDE ME ISA
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Include me ISA - Site Masthead
--------------------------------------------------------------*/

.site-masthead-includeme2 {
	background: #e24699;
}


/*--------------------------------------------------------------
## Include me - Tab Panel 2 (ISA)
--------------------------------------------------------------*/

.tabpanel-includeme2 {
	background: #eceded;
}
.tabpanel-includeme2-left {
	text-align: center;
	padding: 0 10px 0px 10px;
}
.tabpanel-includeme2-right {
	text-align: center;
	padding: 0 10px 0 10px;
}
.tabpanel-includeme2-right img {
	text-align: center;
	float: none;
	margin: 0;
	max-width: 90px;
}
.tabpanel-includeme2-left h1, .tabpanel-includeme2-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #e24699;
}
.tabpanel-includeme2-title {
	text-align: center;
	text-transform: uppercase;
	padding-top: 15px;
}

@media screen and (min-width: 768px) {

	.tabpanel-includeme2-title {
		text-align: center;
		padding-top: 35px;
	}
	.tabpanel-includeme2-left {
		padding: 30px 0 20px 0;
		max-width: 90%;
		text-align: left;
	}
	.tabpanel-includeme2-right {
		padding: 30px 0 20px 25px;
		max-width: 95%;
		text-align: left;
	}
	.tabpanel-includeme2-left h1, .tabpanel-includeme2-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
	.tabpanel-includeme2-right {
		text-align: left;
		margin: 0 -25px 0 0px;
	}
	.tabpanel-includeme2-right img {
		text-align: left;
		float: none;
		max-width: none;
	}
}
@media screen and (min-width: 992px) {

	.tabpanel-includeme2 .row {
	    margin-left: 75px;
	    margin-right: 75px;
	}
	.tabpanel-includeme2-left {
		max-width: 510px;
	}
	.tabpanel-includeme2-right {
		max-width: 510px;
		padding-left: 25px;
	}
	
}




/*--------------------------------------------------------------
## JOBS
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Jobs - Site Masthead
--------------------------------------------------------------*/

.site-masthead-jobs {
	background: #01b9b2;
}


/*--------------------------------------------------------------
## Include me - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-jobs {
}
.tabpanel-jobs-right {
	text-align: center;
	padding: 15px 25px 15px 25px;
}
.tabpanel-jobs-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #01b9b2;
}
.tabpanel-jobs-left {
	margin: 0 -10px 0 -10px;
	text-align: center;
}
.tabpanel-jobs-left img {
	text-align: center;
}

@media screen and (min-width: 768px) {

	.tabpanel-jobs-left {
		text-align: right;
		margin: 0 0 0 -25px;
	}
	.tabpanel-jobs-left img {
		text-align: right;
	}	
	.tabpanel-jobs-right {
		text-align: center;
		padding: 50px 0px 20px 0px;
		max-width: 250px;
		margin: 0 auto;
	}
	.tabpanel-jobs-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}

}
@media screen and (min-width: 992px) {

	.tabpanel-jobs-right {
		max-width: 420px;
		padding: 70px 0 20px 0;
	}
	
}


/*--------------------------------------------------------------
## Jobs - Site Masthead Sml
--------------------------------------------------------------*/

.site-jobs-titlewide {
	background: #d6eeed;
	text-align: center;
	padding: 6px 0 4px 0;
	color: #01b9b2;
}
@media screen and (min-width: 768px) {
	padding: 15px 0 10px 0;
}

/*--------------------------------------------------------------
## Jobs - Infolist
--------------------------------------------------------------*/

.site-infolist.jobs .site-infolist-title {
	color: #01b9b2;
}
@media screen and (max-width: 768px) {
	
	.site-infolist-inner {
		padding-bottom: 10px;
	}
	.site-infolist.jobs .row {
	    padding-top: 12px;
	    margin-top: 6px;
	    border-top: 2px solid #CDCDCD;
	}
	.site-infolist.jobs .row:first-child {
	    padding-top: 12px;
	    margin-top: 12px;
	    border-top: none;
	}
	/*.site-infolist.jobs .site-infolist-title {
		width: 40%;
	}
	.site-infolist.jobs .site-infolist-content {
		width: 60%;
	}
*/
}


/*--------------------------------------------------------------
## Jobs - Apply Form
--------------------------------------------------------------*/

.site-jobs-applyform {

}
.site-jobs-applyform-inner {
	padding-top: 20px;
	padding-bottom: 30px;	
}
.site-jobs-applyform-title {
	float: left;
	display: inline;
	width: 100%;
}
.site-jobs-applyform-title h4{
	padding: 0px;
	margin: 0 0 20px 0;
}	
.site-jobs-applyform-content {
	float: left;
	display: inline;
	width: 100%;
}
.site-jobs-applyform .form-group {
	width: 100%;
	margin-bottom: 20px;
	float: left;
	display: inline;
}
.site-jobs-applyform .form-group label {
	width: 100%;
	padding-bottom: 3px;
	font-size: 0.75em;
	float: left;
	display: inline;
}
.site-jobs-applyform .form-group input[type="text"],
.site-jobs-applyform .form-group input[type="email"],
.site-jobs-applyform .form-group select {
	width: 100%;
}
.site-jobs-applyform .form-group input, .site-jobs-applyform .form-group select {
	float: left;
	display: inline;
	font-size: 0.75em;
	height: 29px;
	padding: 0 8px;
}
.site-jobs-applyform .form-group input[type="file"] {
	padding: 0 8px 0 0;
}
.site-jobs-applyform .form-group select {
	font-size: 0.75em;
	padding: 0;
}
.site-jobs-applyform .form-group input::-webkit-input-placeholder {
   color: #ccc;
}
.site-jobs-applyform .form-group input:-moz-placeholder { /* Firefox 18- */
   color: #ccc; 
}
.site-jobs-applyform .form-group input::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;  
}
.site-jobs-applyform .form-group input:-ms-input-placeholder {  
   color: #ccc;  
}
.site-jobs-applyform .form-group input[type="submit"] {
	background: #01b9b2;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	padding: 0 39px;
	line-height: 27px;
	height: 29px;
	font-size: 14px;
	border-radius: 6px;
	text-align: center;
	text-indent: 0;
}
.site-jobs-applyform .form-group input[type="submit"]:hover {
	background: #a7a9ac;
	color: #000;
}
.site-jobs-applyform .file-group {
	margin-top: 20px;
}
.site-jobs-applyform .btn-group {
	margin-top: 20px;
}
.site-jobs-applyform .form-group .col-sm-4:first-child {
	padding-bottom: 20px;
}

/* Contact Form 7 Hacks */
.wpcf7-validation-errors {
	clear: both!important;
	margin: 20px 0 0 0!important;
	border-width: 1px!important;
}
div.wpcf7-response-output {
	clear: both!important;
	margin: 20px 0 0 0!important;
	border-width: 1px!important;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 13px;
    float: left;
}

@media screen and (min-width: 768px) {

	.site-jobs-applyform-inner {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.site-jobs-applyform-title {
		float: left;
		display: inline;
		width: 30%;
	}
	.site-jobs-applyform-title h4{
		padding: 0px;
		margin: 0px 43px 0 0;
		font-size: 23px;
		line-height: 29px;
	}	
	.site-jobs-applyform-content {
		float: left;
		display: inline;
		width: 70%;
	}
	.site-jobs-applyform .form-group label {
		font-size: 0.875em;
	}
	.site-jobs-applyform .form-group input, .site-jobs-applyform .form-group select {
		font-size: 0.875em;
	}
	.site-jobs-applyform .form-group select {
		font-size: 1.275em;
	}
	.site-jobs-applyform .form-group .col-sm-4:first-child {
		padding-right: 20px;
		padding-bottom: 0;
	}
	
}
@media screen and (min-width: 992px) {

	.site-jobs-applyform .row {
		margin-left: 75px;
		margin-right: 75px;
	}
	.site-jobs-applyform-title {
		width: 275px;	
	}
	.site-jobs-applyform-title h4{
		padding: 0px;
		margin: 0px 43px 0 0;
	}	
	.site-jobs-applyform-content {
		width: 625px;
	}
	

}






/*--------------------------------------------------------------
## THE GALLERY
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Gallery - Site Masthead
--------------------------------------------------------------*/

/*.site-masthead-gallery .site-masthead-bg {
	background-image: url('images/mastheads/gallery-mobile.jpg');
}*/
.site-masthead-gallery {
	background-color: #41beee;
}
.site-masthead-gallery h1 {
	text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.35);
}
.site-masthead-gallery h1:after {
	background-image: url('images/icons/gallery.png');
	text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.35);
}
@media screen and (min-width: 768px) {

	/*.site-masthead-gallery .site-masthead-bg {
		background-image: url('images/mastheads/gallery.jpg');
	}*/

}
@media screen and (min-width: 992px) {

}


/*--------------------------------------------------------------
## Gallery - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-gallery1-inner {
	padding-left: 0;
	padding-right: 0;
}
.tabpanel-gallery1-left {
	text-align: center;
	padding: 15px 25px 5px 25px;
}
@media screen and (max-width: 768px) {
	.tabpanel-gallery1-left {
		color: #41beee;
	}
}
.tabpanel-gallery1-left h1, .tabpanel-gallery2-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #41beee;
}
.tabpanel-gallery1-right {
	margin: 0;
	text-align: center;
}
.tabpanel-gallery1-right img {
	text-align: left;
}
.tabpanel-gallery2-inner {
	padding-left: 0;
	padding-right: 0;
}
.tabpanel-gallery2-right {
	background: #eceded;
	color: #4e479d;
}
.tabpanel-gallery2-right-inner {
	text-align: center;
	padding: 15px 25px 5px 25px;
}

@media screen and (min-width: 768px) {

	.tabpanel-gallery1-left {
		text-align: center;
		padding: 50px 0px 20px 0px;
		max-width: 75%;
		margin: 0 auto;
	}
	.tabpanel-gallery1-left h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
	.tabpanel-gallery1-right {
		text-align: left;
		margin: 0;
	}
	.tabpanel-gallery2-right-inner {
		text-align: center;
		padding: 50px 0px 20px 0px;
		max-width: 75%;
		margin: 0 auto;
	}
	.tabpanel-gallery2-right p{
		font-size: 1.125rem;
		line-height: 1.6em;
	}
	.tabpanel-gallery2-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
}
@media screen and (min-width: 992px) {

	.tabpanel-gallery1-left {
		padding: 50px 0 20px 0;
	}
	.tabpanel-gallery2-right-inner {
		
		padding: 50px 0 20px 0;
	}
	
}


/*--------------------------------------------------------------
## Slideshow Exhibitions
--------------------------------------------------------------*/

.slideshow-exhibitions {
	width: 100%;
	background: #ccedfa;
}
.slideshow-exhibitions-title {
	background: #41beee;
	color: #fff;
	text-align: center;
	padding: 13px 0 10px 0;
}
.slideshow-exhibitions-title h1{
	margin: 0;
}
.slideshow-exhibitions-slide-holder {
	background: #ccedfa;
	padding: 20px;
	min-height: 395px;
	position: relative;
}
.slideshow-exhibitions-slide {
	position: relative;
}
.slideshow-exhibitions-image {
	width: 100%;
	margin-bottom: 25px;
	position: relative;
}
.slideshow-exhibitions-image img{
	width: 100%;
}
.slideshow-exhibitions-content-left {
	width: 100%;
	float: left;
	display: inline;
}
.slideshow-exhibitions-content-left h4 {
	margin: 0 0 10px 0;
}
.slideshow-exhibitions-content-right {
	width: 100%;
	float: left;
	display: inline;
	margin-bottom: 20px;
}
.slideshow-exhibitions-book {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.slideshow-exhibitions .arrow-prev{
	margin-left: 0px;
	margin-top: 75px;
	top: 0px;
	background: url('images/common/arrow-prev-blue.png') no-repeat;
	background-size: cover;
}
.slideshow-exhibitions .arrow-next{
	margin-right: 0px;
	margin-top: 75px;
	top: 0px;
	background: url('images/common/arrow-next-blue.png') no-repeat;
	background-size: cover;
}
.slideshow-exhibitions .slick-dots{
    left: 0px;
    bottom: -20px;
    display: none;
}
@media screen and (min-width: 768px) {

	.slideshow-exhibitions-slide-holder {
		min-height: 495px;
		padding: 30px;
	}
	.slideshow-exhibitions-title {
		min-height: 51px;
	}
	.slideshow-exhibitions .arrow-prev{
		margin-left: -30px;
		margin-top: 135px;
	}
	.slideshow-exhibitions .arrow-next{
		margin-right: -30px;
		margin-top: 135px;
	}
	.slideshow-exhibitions-content-left {
		width: 40%;
		float: left;
		display: inline;
	}
	.slideshow-exhibitions-content-left h4 {
		margin: 0;
	}
	.slideshow-exhibitions-content-right {
		width: 60%;
		float: left;
		display: inline;
		margin-bottom: 0;
	}
	.slideshow-exhibitions .slick-dots{
	    display: block;
	}
}
@media screen and (min-width: 992px) {

}

















/*--------------------------------------------------------------
## CAROUSELS
--------------------------------------------------------------*/


/* Carousel 1 - Homepage */
.carousel1 {
	position: relative;
	height: 380px;
	overflow: hidden;
}
.carousel1.init {
	height: auto;
}
.carousel1 .slide-desktop {
	display: block;
}
.carousel1 .slide-mobile {
	display: none;
}
.carousel1 .arrow-prev {
	left: 50%;
	margin-left: -447px;
}
.carousel1 .arrow-next {
	right: 50%;
	margin-right: -447px;
}
@media screen and (max-width: 992px) {
	.carousel1 {
		height: 338px;
	}
	.carousel1.init {
		height: auto;
	}
	.carousel1 .slide {
		max-width: 720px;
	}
	.carousel1 .arrow-prev {
		left: 50%;
		margin-left: -387px;
	}
	.carousel1 .arrow-next {
		right: 50%;
		margin-right: -387px;
	}
}
@media screen and (max-width: 768px) {
	.carousel1 {
		height: 312px;
	}
	.carousel1.init {
		height: auto;
	}
	.carousel1 .slide {
		max-width: 320px;
	}
	.carousel1 .slide-desktop {
		display: none;
	}
	.carousel1 .slide-mobile {
		display: block;
	}
	.carousel1 .arrow-prev {
		left: 50%;
		margin-left: -150px;
	}
	.carousel1 .arrow-next {
		right: 50%;
		margin-right: -150px;
	}	
}



/* Carousel 2 - Gallery (about) */
.carousel2 {
	position: relative;
	height: 370px;
	overflow: hidden;
}
.carousel2.init {
	height: auto;
}
.carousel2 .slide-desktop {
	display: block;
}
.carousel2 .slide-mobile {
	display: none;
}
.carousel2 .arrow-prev {
	left: 50%;
	margin-left: -437px;
}
.carousel2 .arrow-next {
	right: 50%;
	margin-right: -437px;
}
@media screen and (max-width: 992px) {
	.carousel2 {
		height: 327px;
	}
	.carousel2.init {
		height: auto;
	}
	.carousel2 .slide {
		max-width: 720px;
	}
	.carousel2 .arrow-prev {
		left: 50%;
		margin-left: -387px;
	}
	.carousel2 .arrow-next {
		right: 50%;
		margin-right: -387px;
	}
}
@media screen and (max-width: 768px) {
	.carousel2 {
		height: 145px;
	}
	.carousel2.init {
		height: auto;
	}
	.carousel2 .slide {
		max-width: 320px;
	}
	.carousel2 .slide-desktop {
		display: none;
	}
	.carousel2 .slide-mobile {
		display: block;
	}
	.carousel2 .arrow-prev {
		left: 50%;
		margin-left: -150px;
	}
	.carousel2 .arrow-next {
		right: 50%;
		margin-right: -150px;
	}	
}





/* Slick Carousel */
.slideset {
	z-index: 1;
	display: none;
}
.slideset.slick-initialized {
	display: block; 
}
.slick-slider .slide {
	position: relative;
}

/* Slick Carousel - Dots */
.slick-dots-wrapper {
	position: absolute;
	bottom: 52px;
	width: 100%;
	text-align: center;
    z-index: 2;
}
.slick-dots {
	display: inline-block;
	list-style-type: none;
	margin: 0 auto 0 auto;
	text-align: center;
	padding: 0;
}
.slick-dots li {
	display: inline;
	margin: 0 auto;
}
.slick-dots li button {
	width: 9px;
	height: 9px;
	margin: 0 3px;
	font-size: 9px;
	line-height: 9px;
	border: 2px solid #fff;
	padding: 0;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: transparent;
	text-indent: -10000em;
	font-family: arial, sans-serif;
	overflow: hidden;
}
.slick-dots li button:hover, .slick-dots li.slick-active button {
	background-color: #fff;
}
@media screen and (min-width: 768px) {

	.slick-dots li button {
		width: 18px;
		height: 18px;
		margin: 0 3px;
		font-size: 18px;
		line-height: 18px;
		border: 3px solid #fff;
	}

}

/* Slick Carousel - Arrows */
.arrow-prev {
	position: absolute;
	left: 10%;
	margin-left: -30px;
	margin-top: -30px;
	top: 50%;
	z-index: 10;

	width: 60px;	
	height: 60px;
	display: block;
	background: url('images/common/arrow-prev.png') no-repeat; 
	outline: none!important;
	cursor: pointer;
	font-family: arial, sans-serif;
}
.arrow-prev:hover, .arrow-prev:active {
	opacity: 0.5;
	outline: none!important;
}
.arrow-prev.slick-disabled {
	opacity: 0.1;
	cursor: default;
}
.arrow-next {
	position: absolute;
	right: 10%;
	margin-right: -30px;
	margin-top: -30px;
	top: 50%;
	z-index: 10;
	width: 60px;	
	height: 60px;
	display: block;
	background: url('images/common/arrow-next.png') no-repeat; 
	outline: none!important;
	cursor: pointer;
	font-family: arial, sans-serif;
}
@media screen and (max-width: 768px) {
	.arrow-next,.arrow-prev {
		width: 30px;	
		height: 30px;
		background-size: 100% 100%;
		margin-top: -15px;
	}
}
.arrow-next-green {
	background: url('images/common/arrow-next-green.png') no-repeat; 
}
.arrow-next:hover, .arrow-next:active {
	opacity: 0.5;
	outline: none;
}
.arrow-next.slick-disabled {
	opacity: 0.1;
	cursor: default;
}



/* Slick Carousel - Loader */
.loader {
	background: #f79239;
	-webkit-animation: load1a 1s 5 ease-in-out;
	animation: load1a 1s 5 ease-in-out;
	width: 1em;
	height: 4em;
}
.loader:before {
	background: #ffd503;
	-webkit-animation: load1b 1s 5 ease-in-out;
	animation: load1b 1s 5 ease-in-out;
	width: 1em;
	height: 4em;
}
.loader:after {
	background: #ed1c24;
	-webkit-animation: load1c 1s 5 ease-in-out;
	animation: load1c 1s 5 ease-in-out;
	width: 1em;
	height: 4em;
}
.loader:before,
.loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	text-indent: -9999em;
	margin: -20px auto;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:after {
	left: 1.5em;
}
@-webkit-keyframes load1a {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #f79239;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #f79239;
    height: 5em;
  }
}
@keyframes load1a {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #f79239;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #f79239;
    height: 5em;
  }
}
@-webkit-keyframes load1b {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffd503;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffd503;
    height: 5em;
  }
}
@keyframes load1b {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffd503;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffd503;
    height: 5em;
  }
}
@-webkit-keyframes load1c {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ed1c24;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ed1c24;
    height: 5em;
  }
}
@keyframes load1c {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ed1c24;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ed1c24;
    height: 5em;
  }
}





/*--------------------------------------------------------------
## Site Banners (footer)
--------------------------------------------------------------*/

.site-banners {
}
.site-banners-inner {
	padding-top: 10px;
	padding-bottom: 20px;
}
.site-banners-inner .banner {
	text-align: center;
}
.site-banners-inner .banner img {
	text-align: center;
	padding: 2px;
}
.site-banners-inner .banner:nth-child(odd) img{
	padding-left: 0;
}
.site-banners-inner .banner:nth-child(even) img{
	padding-right: 0;
}
@media screen and (min-width: 768px) {
	.site-banners-inner {
		padding-top: 25px;
		padding-bottom: 40px;
	}
	.site-banners-inner .banner img {
		padding: 5px;
	}
	.site-banners-inner .banner:nth-child(odd) img{
		padding-left: 5px;
	}
	.site-banners-inner .banner:nth-child(even) img{
		padding-right: 5px;
	}
}


/*--------------------------------------------------------------
## Site Footer Addresses (footer)
--------------------------------------------------------------*/

.site-footer-address {
	background: #f6f6f6;
}
.site-footer-address-inner {
	padding-top: 25px;
	padding-bottom: 25px;
}
.footer-title h2 {
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 18px 0;
	padding: 0;
}
.footer-form input[type=text], .footer-form input[type=email] {
	width: 125px;
	margin-right: 10px;
}
.footer-form .form-inline {
	margin-bottom: 15px;
}
.footer-form input[type="checkbox"], .footer-form input[type="radio"] {
	margin-right: 10px;
}
.footer-form .checkbox {
	width: 50%;
	float: left;
	font-size: 10px;
}
.footer-title {
	width: 100%;
	float: left;
	display: inline;
}
.footer-form {
	width: 100%;
	float: left;
	display: inline;
}
.footer-address1 {
	width: 50%;
	float: left;
	display: inline;
}
.footer-address2 {
	width: 50%;
	float: left;
	display: inline;
}
.footer-trademarks p {
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 0.625rem;
	line-height: 0.875rem;
	margin: 15px 0 0 0;
}

@media screen and (max-width: 768px) {

	.footer-address1 p, .footer-address2 p {
		font-size: 0.625rem;
		line-height: 0.875rem;
	}

}
@media screen and (min-width: 768px) {

	.site-footer-address-inner {
		padding-top: 35px;
	}
	.footer-title h2 {
		font-size: 23px;
		line-height: 29px;
	}
	.footer-form input[type=text], .footer-form input[type=email] {
		width: 155px;
		margin-right: 10px;
	}
	.footer-form .checkbox {
		width: 100%;
		float: left;
		font-size: 14px;
	}	
	.footer-title {
		width: 150px;
		margin-right: 20px;	
	}
	.footer-form {
		width: 280px;
		margin-right: 20px;	
	}
	.footer-address1 {
		width: 200px;
	}
	.footer-address2 {
		width: 200px;
	}

}
@media screen and (min-width: 992px) {

	.footer-form input[type=text], .footer-form input[type=email] {
		width: 175px;
		margin-right: 10px;
	}
	.footer-form .checkbox:nth-child(odd) {
		width: 35%;
	}
	.footer-form .checkbox:nth-child(even) {
		width: 65%;
	}
	.footer-title {
		width: 280px;
		margin-left: 75px;	
		margin-right: 20px;	
	}
	.footer-form {
		width: 380px;
		margin-right: 20px;	
	}
	.footer-address1 {
		width: 200px;
		margin-right: 20px;	
	}
	.footer-address2 {
		width: 210px;
	}

	.footer-trademarks {
		margin-left: 75px;	
	}
	.footer-trademarks p {
		margin: 5px 0 0 0;
		text-align: left;
	}	

}


/*--------------------------------------------------------------
## Footer (footer)
--------------------------------------------------------------*/

.site-footer {
	background: #231f20;
}
.site-footer-inner {
	background: #231f20;
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
	line-height: 1px;
}
.site-footer-inner .social-icons {
	list-style-type: none;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
}
.site-footer-inner .social-icons li {
	float: left;
	display: inline-block;
	padding: 0 10px;
	text-align: center;
}
.site-footer-inner .social-icons li img {
	max-width: 25px;
}

@media screen and (min-width: 768px) {

	.site-footer-inner .social-icons li {
		padding: 0 15px;
	}
	.site-footer-inner .social-icons li img {
		max-width: 100%;
	}

}

/* scroll to top link */
#back-top {
  bottom: -10px;
  margin-right: 20px;
  position: fixed;
  right: 0;
  z-index: 9999; 
}
#back-top a {
    background: #000;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    border-radius: 500px;
    display: block;
    opacity: .2;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 40px; 
}
#back-top a:hover, #back-top a:focus {
	color: #000;
	opacity: 1; 
    outline: none;
}
#back-top .fa {
    color: #FFF;
    display: block;
    font-size: 1.5em;
    height: 40px;
    line-height: 35px;
    margin-bottom: 7px;
    text-align: center;
    width: 40px; 
}
/* end #back-top */










/*--------------------------------------------------------------
## MAGNIFIC POPUP
--------------------------------------------------------------*/

/* Remove Background from popups */
.mfp-bg {
	background: rgba(0,0,0,0.1);
}


/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 1s;
  animation-name: hinge;
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity .5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}

/*
    ===== "Enrolments page related css"
 */
.existing-family-contianer{
    
    margin: auto 0px;
    display:block;
    width: 100%;
  
}

#existing-family-form .efform-submit-button{
    background-color:#f79239 ;
    width: 280px;
    color:#FFF;
    border-radius: 25px;
    height:45px;
    border:none;
}


.font-bold{ font-weight:bold;}
#existing-family-form .form-input {
   width: 280px;
   padding: 12px 20px;
   margin: 4px 0;
   box-sizing: border-box;
    border: solid 1px #f79239 ;
   border-radius: 25px;
   background-color: #fff;
   color: 000;
    height:45px;
}

.existing-family-contianer h1{
    text-align: center;
   text-transform: uppercase;
   color: #f79239;
 }

.new-family-contianer h1{
    text-align: center;
   text-transform: uppercase;
   color: rgb(78, 71, 157);
 }

p.nfc-desc-elem{
    color:#000;
    text-align:center;
   font-size: 0.875rem;
	line-height: 1.125rem
}
#nf-register{
    margin-top:40px;
    margin-bottom:50px;
    background-color: rgb(78, 71, 157);
    width: 280px;
    border-radius: 25px;
    height: 45px;
    border: none;
    text-align:center;
}

#nf-register a{
  text-decoration: none;
  color : #FFF
}

#nf-register a:hover{
  color: #FFF
}

.site-text-strip.enrolments {
    background-color: #f79239;
}

.new-family-contianer .nfc-hdr{
    color: rgb(78, 71, 157);
    font-weight: bold;
    font-size: 14px;
    text-align:center;
    padding: 10px 10px;
}

.site-masthead-enrolments h1:after {
    background-image: url('images/icons/enrolments.png');
}

.video-container {
    position: relative;
    width: 100%!important;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom:20px;
}
.enrolment-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.site-downloads.enrolments{
    background: #dcdaeb;
}


/*--------------------------------------------------------------
## Gallery - clone - Tab Panel 1
--------------------------------------------------------------*/

.tabpanel-gallery1-clone-inner {
	padding-left: 0;
	padding-right: 0;
}
.tabpanel-gallery1-clone-left {
	text-align: center;
	padding: 15px 25px 5px 25px;
}
@media screen and (max-width: 768px) {
	.tabpanel-gallery1-clone-left {
		color: #41beee;
	}
         
        .search_box .f1{ }
        .search_box .f2{ }
        .search_box .col-md-5{width: 100%!important;} 
        .search_box .col-md-2{width: 100%!important;}
        .search_box .submit_btn{margin-top: 9px!important;}
        .search_box .inp_txt{width: 100%!important;}
      

        
}
.tabpanel-gallery1-clone-left h1, .tabpanel-gallery2-clone-right h1 {
	text-align: center;
	text-transform: uppercase;
	color: #41beee;
}
.tabpanel-gallery1-clone-right {
	margin: 0;
	text-align: center;
}
.tabpanel-gallery1-clone-right img {
	text-align: left;
}
.tabpanel-gallery2-clone-inner {
	padding-left: 0;
	padding-right: 0;
}
.tabpanel-gallery2-clone-right {
	background: #eceded;
	color: #4e479d;
}
.tabpanel-gallery2-clone-right-inner {
	text-align: center;
	padding: 15px 25px 5px 25px;
}

@media screen and (min-width: 768px) {

	.tabpanel-gallery1-clone-left {
		text-align: center;
		padding: 50px 0px 20px 0px;
		max-width: 75%;
		margin: 0 auto;
	}
	.tabpanel-gallery1-clone-left h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
	.tabpanel-gallery1-clone-right {
		text-align: left;
		margin: 0;
	}
	.tabpanel-gallery2-clone-right-inner {
		text-align: center;
		padding: 50px 0px 20px 0px;
		max-width: 75%;
		margin: 0 auto;
	}
	.tabpanel-gallery2-clone-right p{
		font-size: 1.125rem;
		line-height: 1.6em;
	}
	.tabpanel-gallery2-clone-right h1 {
		font-size: 1.75rem;
		margin: 0 0 30px 0;
	}
}
@media screen and (min-width: 992px) {

	.tabpanel-gallery1-clone-left {
		padding: 50px 0 20px 0;
	}
	.tabpanel-gallery2-clone-right-inner {
		
		padding: 50px 0 20px 0;
	}
	
}

#nf-register:visited {
    color: #FFFFFF;
    outline: none;
}

/* New layout */


/* New layout */
.btn_circle{
    display: table;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 100%;
}
.btn_orange{
    background: rgba(247, 146, 57, 0.9);
}
.btn_circle a{
    font-family: 'Omnes-Semibold', Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    font-size: 29px;
    font-weight: bolder;
    word-wrap: break-word;
    max-width: 83px;
    display: table-cell;
    line-height: 28px;
    vertical-align: middle;
}

.person_img{display: block;text-align: center;margin-bottom: 22px;}
.person_img img{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    object-fit: cover;
}

.pd-20-35{
    padding: 20px 35px
}

.bg_green{
    background: #00B1AF;
    color: #fff;
}
.bg_orange{
     background: #F79239;
     color: #fff
}

.bg_purple{
    background: #4e479d;
     color: #fff
}
.text-center{
    text-align: center
}

.obj_fit{
    height: 100%; object-fit:cover
}

.purple_h2 h3{
    color: #4e479d;
        text-transform: uppercase;
}

.video_frame{
    width: 100%
}

.pd-20{
    padding: 20px 0
}


.search_box{
    background: #4E479D;
    padding: 30px 0;
    margin: 5px 0;
}
.search_box .row{ clear: both }
.search_box .f1{font-weight: 700;color: #fff;margin: 9px 0;}
.search_box .f2{font-weight: 300;color: #fff;margin: 9px 0;font-family: 'MarkOT-Regular', Arial, sans-serif;}
.search_box .col-md-5{ width: 40%;float: left } 
.search_box .col-md-2{ width: 20%; float: left }
.search_box .submit_btn{width: 100%;background: #f79239;border-radius: 0;font-size: 19px;line-height: initial;margin-top: 46px;height: 54px;}
.search_box .inp_txt{width: 98%;float: left;padding: 15px 10px;border-radius: 0;border: 0;}
.search_box .inp_txt.optional{ opacity: 0.8 }