@font-face {
    font-display: swap;
    font-family: 'Eboracum';
    src: url('https://www.greenschool.org/wp-content/themes/schoolcms/fonts/eboracum/eboracum-webfont.woff2') format('woff2'),
         url('https://www.greenschool.org/wp-content/themes/schoolcms/fonts/eboracum/eboracum-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap');

@font-face {
    font-family: 'Ernest Emily Solid';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Ernest_Emily_solid.woff') format('woff'),
         url('https://www.greenschool.org/wp-content/themes/schoolcms/fonts/Ernest_Emily_solid.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Ernest Emily Solid';
    font-style: italic;
    font-weight: normal;
    src: url('../fonts/Ernest_Emily_solid.woff') format('woff'),
         url('https://www.greenschool.org/wp-content/themes/schoolcms/fonts/Ernest_Emily_solid.woff') format('woff');
    font-display: swap;
}

/*

	Theme Name: Schoolcms

	Author: Innermedia

Author URI: https://www.innermedia.co.uk

Description: 

Requires at least: WordPress 4.9.6

Version: 5.0.2



*/

:root {

	--body_colour : #a09085;

	--body_colour_alt : #574d41;

	--title_colour : #513519;

	--title_colour_alt : #25572e;

	--link_colour : #25572e;

	--link_colour_hover : #000;	

	--button_bg: #af9167;

	--button_border: #af9167;

	--button_colour: #fff;

	--button_bg_hover: #25572e;

	--button_border_hover: #25572e;

	--button_colour_hover: #fff;

    --callout_corners: 46px;

}

.bg-green {

	--style_bg:#25572e;

	--style_colour:#fff;

	--button_bg_hover: #fff;

	--button_border_hover: #fff;

	--button_colour_hover: #25572e;

}

.bg-brown {

	--style_bg:#574d41;

	--style_colour:#fff;

}

.bg-gold {

	--style_bg:#b09167;

	--style_colour:#fff;

}

.bg-beige{

	--style_bg:#f8f5f0;

	--style_colour:#a09085;

}

.btn-green {

	--button_bg: #25572e;

    --button_border: #25572e;

    --button_colour: #fff;

    --button_bg_hover: #25572e;

    --button_border_hover: #25572e;

    --button_colour_hover: #fff;

}

.btn-brown {

	--button_bg: #574d41;

    --button_border: #574d41;

    --button_colour: #fff;

    --button_bg_hover: #25572e;

    --button_border_hover: #25572e;

    --button_colour_hover: #fff;

}

.btn-soil {

	--button_bg: #513519;

    --button_border: #513519;

    --button_colour: #fff;

    --button_bg_hover: #25572e;

    --button_border_hover: #25572e;

    --button_colour_hover: #fff;

}

.btn-slate {

	--button_bg: #a09085;

    --button_border: #a09085;

    --button_colour: #fff;

    --button_bg_hover: #25572e;

    --button_border_hover: #25572e;

    --button_colour_hover: #fff;

}

.btn-gold {

	--button_bg: #af9167;

    --button_border: #af9167;

    --button_colour: #fff;

    --button_bg_hover: #25572e;

    --button_border_hover: #25572e;

    --button_colour_hover: #fff;

}

.div-icon {

	width:100%;

	max-width:140px;

	height:5px;

	background:var(--div_colour,#9cc34b);

	border-radius:50%;

	display:block;

	margin:5px auto;

}

.body-text iframe {

	max-width:100%;

}

#mc_embed_signup {

	max-width:100%;

}

/*Content Wrapper*/

@media (min-width:992px){

	:root {

    --callout_corners: 76px;		

	}

	.col-lg-custom-20 {

        flex: 0 0 auto;

        width: 20%;		

	}

}

@media (min-width:1400px){

	.container{

		max-width: 1140px;

	}

	.container.containerWide{

		max-width: 1400px;

	}

}

/* clear */



.well {

	padding:10px 15px;

	background:#eaeaea;

	border:solid 1px #ddd;

	margin:20px 0;

}

.owl-carousel .owl-dots  {

	text-align:center;

}

.owl-carousel .owl-dots span {

	margin:0 2px;	

	cursor:pointer;

	display:inline-block;

	width:20px;

	height:20px;

	text-align:center;

	font-size:0px;

	background-color:#065a2e;

	mask-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/single-leaf.png");

	mask-position:center;

	mask-repeat:no-repeat;

	transition:background-color 300ms;

    vertical-align: middle;

}

.owl-carousel .owl-dots .owl-dot.active span{

	background-color:#9cc34b;

}

.owl-carousel.scms-carousel  .owl-stage-outer {

	margin-bottom:1rem;

}

.scms-carousel .owl-nav {

	position:relative;

    font-size: 26px;

	font-weight:900;

}

.scms-carousel .owl-nav .owl-prev{

	position:absolute;

	left:0;

	top:0;

	color:#b09167;

	transform:translatey(-50%)

}

.scms-carousel .owl-nav .owl-next{

	position:absolute;

	right:0;

	top:0;

	color:#b09167;

	transform:translatey(-50%)

}

.link_carousel .owl-nav {

	font-size:26px;

}

.link_carousel .owl-nav .owl-prev{

	position:absolute;

	bottom:0;

	left:0%;

	margin-left:30px;

	color:#b09167;

}

.link_carousel .owl-nav .owl-next {

	position:absolute;

	bottom:0;

	right:0;

	margin-right:30px;

	color:#b09167;

}



.scms-carousel .owl-dots {

	padding-left:10px;

	padding-right:10px;

	text-align:center;

}

.scms-carousel .owl-dots .owl-dot {

	display:inline-block;

	margin:0 2px;

	opacity:0.8;

}

@media (min-width:1200px){

	.link_carousel .owl-nav .owl-next,

	.link_carousel .owl-nav .owl-prev{

		transform:translatey(-50%);

		top:50%;		

	}

	.link_carousel .owl-nav .owl-next {

        left: 100%;

        right: auto;

	}

	.link_carousel .owl-nav .owl-prev {

		right:100%;

		left:auto;		

	}

}



.breadcrumbs {

	font-size:0.875rem;

	color:#af9167;

	padding-bottom:1.25rem;

	position:relative;

	margin-bottom:1.25rem;

	--link_colour:#574d41;

	--link_colour_hover:#af9167;

}

.breadcrumbs a {

	text-decoration:none;

}

.headerSearch {

	

}

.searchform label{

	display:none;

}

.searchform {

	display:flex;

	border:solid 1px;

    color: var(--link_colour);

	--button_bg:#fff;

	--button_colour:#af9167;

	--button_colour_hover:#fff;

	--button_bg_hover:#af9167;

	border-radius:10px;

}

.searchform input.searchInput {

	height:50px;

    padding: 1rem 2rem 1rem;

	color:inherit;

    border: none;

	width:100%;

	border-radius:10px 0 0 10px;

    background-color: var(--button_bg);

}

.searchform .searchSubmit{

	height:50px;

    border: none;

	padding:0;

	width:40px;

	border-radius:0 10px 10px 0;

}

.searchform input.searchInput:focus {

	outline:none;

}

.searchform .searchInput::placeholder{

	font-size:0.875rem;

	letter-spacing:0.5px;

	text-transform:uppercase;

	font-family:"Open Sans", serif;

	color:var(--button_colour);	

}

.languageDropdownWrap {

	position:relative;

}	

.languageDropdown {

	letter-spacing:0.5px;

	font-family:"Open Sans", serif;

	color:var(--link_colour);

	cursor:pointer;

	text-transform:uppercase;

	font-size:0.875rem;

	line-height:1;

	padding:0.5rem 0.75rem;

	padding-left:3rem;

	padding-right:1rem;

	position:relative;

	display:inline-block;

	text-decoration:none;

}

.languageDropdown:before {

	width: 26px;

    height: 26px;

    background: currentColor;

    mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/globe.png");

    mask-size: contain;

    mask-position: center;

    mask-repeat: no-repeat;

    content: "";

    display: block;

    position: absolute;

    top: 0.125rem;

    left: 10px;

}

.languageDropdown:after {

	content: "";

    display: block;

    position: absolute;

	width: 0px;

	height: 0px;

	border-style: solid;

	border-width: 6px 3.5px 0 3.5px;

	border-color: currentColor transparent transparent transparent;

    top: 0.65rem;

    right: 0px;

}

.languageDropdown:hover {	

	color:var(--link_colour_hover);	

}

.pageTitle {

	position:relative;

	--div_colour : #b99d5f;

	margin-bottom:30px;

}

.pageTitle:after {

	content:'';

	position:relative;

	width: 100%;

    max-width: 80px;

    height: 4px;

    background: var(--div_colour, #9cc34b);

    border-radius: 50%;

    display: block;

    margin: 5px auto 5px 0;

}

@media (min-width:1400px){

	.link_carousel .owl-nav {

		font-size:26px;

	}

	.link_carousel .owl-nav .owl-next {

		margin-left:8%;

		

	}

	.link_carousel .owl-nav .owl-prev {

		margin-right:8%;

	}

}

/*news*/

.list-item{

    overflow: hidden;

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #ddd;

}

.list-item a {

	text-decoration:none;

}

.list-item-image{

	text-align:center;

}

.list-item-image a{

	display:block;

	padding:10px 0;

}

.list-item-text{



}

.list-item-text p.date{

	font-size:0.8em;

	margin:0;

}



.postThumb {

	position:relative;

}

.postThumb:before {

	content:'';

	display:block;

	width:100%;

	padding-top:100%;

}

.postThumb img{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	object-fit:cover;

	border-radius:50%;

}

/*------------------------------------*\

    Header

\*------------------------------------*/

header.mainHeader {

	height:90px;

	height:50px;

	position:relative;

}

.headGroup {

	color:#b09167;

	--link_colour:#b09167;

	--link_colour_hover:#000;

	background:#fff;

	transition:300ms;

	padding-top:5px;

	padding-bottom:5px;

	z-index:220;

	position:fixed;

	height:90px;

	height:50px;

	width:100%;

	top:0;

	left:0;

	padding-left:90px;

	padding-right:90px;

}

.fixedHeader .headGroup {

	border-bottom-color:#676767;

}

.socialDesktop {

	justify-content: end;

    display: flex;

}

.headGroup .headerIcon img,

.headGroup .headerIcon svg{

	width: 80px;

	height:40px;

}

.headGroup .headerIcon img{

	

}

.headerIcon {

	--logo_colour_1 : #64481d;

	--logo_colour_2 : #085b30;

}

.headerIcon .cls-1{

	fill: var(--logo_colour_1);

}

.headerIcon .cls-2{

	fill: var(--logo_colour_2);

}

.headerIcon .cls-3{

	fill: var(--logo_colour_2);

}

.headGroup .headerIcon {

	width:80px;

	max-width:100%;

	margin:0 auto;

}

.headGroup .headerbuttons  {

	margin:0 10px;

	vertical-align:top;

	--button_bg: transparent;

    --button_border: #af9167;

    --button_colour: #af9167;

    --button_bg_hover: #af9167;

    --button_border_hover: #ff;

    --button_colour_hover: #fff;

}

.headGroup .headerbuttons  > *{

	margin:0 10px;

	vertical-align:middle;

}

.headGroup .searchform {

	width:250px;

}

.headRight {

	--bs-gutter-x:20px;

}

body.home header.mainHeader {

	height:0;

}

body.home:not(.fixedHeader):not(.menuopen) .headGroup {

	color:#fff;

	--link_colour:#fff;

	--link_colour_hover:#b09167;

	background:transparent;

}

body.home:not(.fixedHeader):not(.menuopen) .headGroup .headerbuttons {

	--button_bg: transparent;

    --button_border: #fff;

    --button_colour: #fff;

    --button_bg_hover: #af9167;

    --button_border_hover: #fff;

    --button_colour_hover: #fff;

}

body.home:not(.fixedHeader):not(.menuopen) .headGroup .headerIcon {

	width:280px;

	margin-bottom: -50px;

	margin-top:10px;

	--logo_colour_1 : #fff;

	--logo_colour_2 : #fff;

}

body.home:not(.fixedHeader):not(.menuopen) .headGroup .headerIcon img{

	filter: brightness(0) invert(1);	

}

body.home:not(.fixedHeader):not(.menuopen) .headGroup .headerIcon svg,

body.home:not(.fixedHeader):not(.menuopen) .headGroup .headerIcon img{

	height:auto;

	width:100%;

}

body.home:not(.fixedHeader):not(.menuopen) .headGroup .headerSearch {

	

}

body.home:not(.fixedHeader):not(.menuopen) .headGroup .searchform {	

    --button_bg: transparent;

    --button_colour: #fff;

}

@media (min-width:768px){

	.headGroup .headerIcon {

		width:164px;

	}

	.headGroup .headerIcon svg,

	.headGroup .headerIcon img{

		width: 164px;

		height:80px;

	}

	header.mainHeader {

		height:90px;

	}

	.headGroup {

		height:90px;

		padding-left:0px;

		padding-right:0px;

	}

}

@media (min-width:992px){

	.headGroup {

		

	}

	.headGroup .searchform {

		width:150px;

	}

	.headGroup .searchform input.searchInput {

		padding: 1rem 1rem 1rem;		

	}

}

@media (min-width:1200px){

	.headGroup {

		padding-left:1rem;

		padding-right:1rem;

	}

	.headGroup .searchform {

		width:250px;

	}

	.headGroup .searchform input.searchInput {

		padding: 1rem 1rem 1rem;		

	}

}

@media (min-width:1400px){

	.headRight {

		--bs-gutter-x:40px;

	}

}

/*------------------------------------*\ 

    Navigation

\*------------------------------------*/



.menu-toggle{

    position:relative;

	display:inline-block;

	cursor:pointer;

    vertical-align: top;

}

.menu-toggle .toggleText{

	display:none;

	vertical-align:middle;

	font-size:14px;

}

.menu-toggle .toggleIcon {

	width:52px;

	height:52px;

	right:0;

	top:0px;

	transition:300ms;

	position:relative;

}

.menu-toggle .toggleIcon:before {

	content:'';

	display:block;

	background-color:#25572e;

	mask-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/menu-item-mask.png");

	mask-size:cover;

	mask-repeat:no-repeat;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.menu-toggle:hover .toggleIcon:before {

	background-color:#a09085;	

}

@media (min-width:992px){

	.menu-toggle .toggleText{

		display:inline-block;

	}

}

.menu-toggle .toggleIcon span:before,

.menu-toggle .toggleIcon span:after {

	content:'';

}

.menu-toggle .toggleIcon span,

.menu-toggle .toggleIcon span:before,

.menu-toggle .toggleIcon span:after {

    width: 17px;

    height: 2px;

    background-color: #fff;

    display: block;

    transition:all 300ms;

	position:absolute;

}



.menu-toggle:hover .toggleIcon span,

.menu-toggle:hover .toggleIcon span:before,

.menu-toggle:hover .toggleIcon span:after{



}

.menu-toggle .toggleIcon span {

	top:50%;

	left:18px;

	margin-top:-1px;	

}

.menu-toggle .toggleIcon span:before {

    top: -7px;

}

.menu-toggle .toggleIcon span:after {

    top: 7px;

}

body.menuopen .menu-toggle .toggleIcon span {

    background-color: transparent!important;

}

body.menuopen .menu-toggle .toggleIcon span:before {

    transform: rotate(135deg);

    top: 0px;

}

body.menuopen .menu-toggle .toggleIcon span:after {

    transform: rotate(-135deg);

    top: 0px;

}

.mobileToggle {

	display:block;

	position:fixed;

	top:0;

	left:0;

    z-index: 910;

}

#navbar .headerSearch {

	padding:16px 25px;

	width:100%;

	height:84px;

}

#navbar .searchform {

	color: #25572e;

    --button_bg: transparent;

    --button_colour: #25572e;

    --button_colour_hover: #af9167;

    --button_bg_hover: transparent;

	max-width:250px;

	margin:0 auto;

}

#navbar{

	position: fixed;

	left: 0;

	transition: transform 500ms;

	background-color: #f5f4f3;		

	z-index: 900;

	top: 0;

	bottom:0;

	width: 480px;

	max-width:100%;

	transform:translateX(-100%);

	padding:60px 0 10px;

	display:flex;

	flex-wrap:wrap;

}

#navbar .languageDropdownWrap{

	position:absolute;

	top:10px;

	right:10px;

	width:calc(100% - 70px);

	text-align:right;

}

#navbar .menu-main-container {

	width:100%;

	height:calc(100% - 84px);

	height:calc(100% - 184px);

	padding-bottom:20px;

}

#navbar .headerbuttons {

	width:100%;

	min-height:100px;

	padding:0 10px 50px;

	--button_bg: transparent;

    --button_border: #25572e;

    --button_colour: #25572e;

    --button_bg_hover: #25572e;

    --button_border_hover: #ff;

    --button_colour_hover: #fff;

    display: flex;

    /*align-items: start;*/

    justify-content: center;

}

#navbar .headerbuttons > *{

	margin:0 10px 10px;

	width:50%;

}

body.menuopen .headGroup{ 

	border-bottom-color:#676767;	

}

body.menuopen  #navbar{ 

	transform:translateX(0%);

}	

#menu-main{

	font-family:"Open Sans", serif;

	font-size:1rem; 

    clear: both;

    height: 100%;

	position:relative;

	overflow-y:auto;

	overflow-x:hidden;

	padding:5px 10px;

	--link_colour:#25572e;

	--link_colour_hover:#b09167;

}

#menu-main::-webkit-scrollbar {

  width: 10px;

  background:trasparent

}

 

#menu-main::-webkit-scrollbar-thumb {

  background-color: #25572e;

}

#menu-main > li > a{

	text-transform:uppercase;

	letter-spacing:0.5px;

}	

#menu-main li a{

	display: block;

	text-decoration:none;

	padding:5px;

	line-height:1.25;

	position:relative;

}

#menu-main li.menu-item-has-children > a {

	padding-right:40px;

}

#menu-main li.menu-item-has-children > a:after{

	content: '\f054';

	font-family: "Font Awesome 6 Free";   

	font-weight:900;

	display:block;

	position:absolute;

	top:50%;

	right:5px;

	transform:translateY(-50%);

	height:auto;

	width:20px;

    font-size: 0.8em;

    line-height: 1;

}

#menu-main a.back-to-main {

	font-size:0.875rem;

	margin-bottom:1rem;

	--link_colour:#b09167;

	--link_colour_hover:#25572e;

}

#menu-main .sub-menu {

	top:0;

	left:0;

	width:100%;

	height:100%;

	position:absolute;

	display:none;

	background-color:#f5f4f3;

	overflow-y:auto;

	overflow-x:hidden;

	padding:5px 10px;

	z-index:5;

}

#menu-main .sub-menu::-webkit-scrollbar {

  width: 10px;

  background:trasparent

}

 

#menu-main .sub-menu::-webkit-scrollbar-thumb {

  background-color: #25572e;

}

#menu-main.openSubmenu,

#menu-main .sub-menu.openSubmenu {

	overflow-y:hidden;	

}

#menu-main li.open > .sub-menu {

	display:block;

}

.headGroup .menu-toggle {

	display:none;

}

#menu-main .sub-menu .sub-menu li{

	font-family: 'gothamregular', sans serif;

	font-weight:300;

	font-style:italic;

}

@media (min-width:768px){

	.mobileToggle {

		top:20px;

	}

	#navbar{

		top:90px;

		padding-top:30px;

	}

	#navbar .languageDropdownWrap {

		display:none;

	}

}

@media (min-width:992px){

	.mobileToggle {

		display:none;

	}

	.headGroup .menu-toggle {

		display:inline-block;

	}

	#navbar {

		top:90px;

	}

	#navbar .headerSearch {

		display:none;

	}

}

@media (min-width:1200px){

	#navbar .headerbuttons {

		display:none;

	}

}

@media (min-width:1400px){

	#navbar{ 

		display:none!important;

	}

}

.desktopNav {

	display:none;

	position: fixed;

	left: 0;

	transition: transform 500ms;

	background-color: #25572e;

	--link_colour:#fff;

	--link_colour_hover:#af9167;

	z-index: 900;

	top: 90px;

	bottom:0;

	width: 100%;

	transform:translateX(-100%);

	padding:40px 0 40px;

	display:flex;

	flex-wrap:wrap;

	align-items:center;

	overflow-y:auto;

	overflow-x:hidden;

}

.desktopNav::-webkit-scrollbar {

  width: 10px;

  background:trasparent

}

 

.desktopNav::-webkit-scrollbar-thumb {

  background-color: #fff;

}

.desktopNav:before {

	content: '';

    display: block;

    width: auto;

    height: 100%;

    aspect-ratio: 1;

    position: absolute;

    right: -30px;

    bottom: 0;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/trunk-circle.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 11;

    transform: translate(46%, 0%);

}

.desktopNav:after {

    content: '';

    display: block;

    width: 400px;

    aspect-ratio: 1;

    position: absolute;

    left: 0px;

    bottom: 0%;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaf-bg-2.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 11;

    pointer-events: none;

	transform: translate(-50%, 0%);

}

.desktopNav #menu-desktop{

	font-size:1rem;

	position:relative;

	width:33%;

	margin-top:2rem;

}

.desktopNav #menu-desktop a{

	text-decoration:none;

	display:block;

	position:relative;

}

.desktopNav #menu-desktop > li > a{

	font-size:2rem;

	font-family: 'Eboracum', serif;

    font-weight: normal;

}

.desktopNav #menu-desktop > li.current-menu-item > a,

.desktopNav #menu-desktop > li.open > a,

.desktopNav #menu-desktop > li:hover > a{

	color:#af9167;

}

.desktopNav #menu-desktop li.menu-item-has-children > a {

	padding-right:40px;

}

.desktopNav #menu-desktop li.menu-item-has-children > a:after{

	content: '\f054';

	font-family: "Font Awesome 6 Free";   

	font-weight:900;

	display:block;

	position:absolute;

	top:50%;

	right:5px;

	transform:translateY(-50%);

	height:auto;

	width:20px;

    font-size: 0.8em;

    line-height: 1;

}

.desktopNav #menu-desktop .sub-menu{

	font-size:1rem;

	font-size:1.325rem;

	position:absolute;

	top:0;

	left:100%;

	display:none;

    width: 100%;

    height: 100%;

	background:#25572e;

	padding-left:30px;

}

.desktopNav #menu-desktop .sub-menu .back-to-main {

	display:none;

}

.desktopNav #menu-desktop .sub-menu li {

	margin-top:0.75rem;

	margin-top:0.5rem;

	margin-bottom:0.75rem;

	margin-bottom:0.5rem;

}

.desktopNav #menu-desktop li.toggleable.open > .sub-menu{

	display:block;

}

.desktopNav #menu-desktop .sub-menu a:hover,

.desktopNav #menu-desktop .sub-menu li:hover > a{

	text-decoration:underline;

	color:#fff;

}

.desktopNav #menu-desktop .sub-menu li.submenu_parent  {

	font-size: 2rem;

    font-family: 'Eboracum', serif;

    font-weight: normal;

}

.desktopNav #menu-desktop .sub-menu li.submenu_parent a:hover  {

	text-decoration:none;

	color:#af9167;

}

@media (min-width:1400px){

	.desktopNav {

		display: none;

	}

	body.menuopen .desktopNav {

		display: flex;

		transform:translateX(00%);

	}

}



/*------------------------------------*\ 

    Banner

\*------------------------------------*/

#pageBanner,

.bannerWrap {

	position: relative;

	overflow:hidden;

	min-height:300px;

	max-height:680px;

}

#homeBanner {	

	position: relative;

	overflow:hidden;

	min-height:480px;

	max-height:100vh;

}

#pageBanner:before,

.bannerWrap:before {

	content:'';

	display:block;

	width:100%;

	padding-top:35.897%;

}

#homeBanner:before {

	content:'';

	display:block;

	padding-top:150%;

}

#homeBanner .hero .slide .slideImage:after {

	content:'';

	display:block;

	width:100%;

	height:20%;

	min-height:90px;

	position:absolute;

	bottom:0;

	left:0;

	z-index:1;

	background: rgb(0,0,0);

	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);

}

#homeBanner .hero .slide .slideImage:before {

	content:'';

	display:block;

	height:20%;

	min-height:90px;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:1;

	background: rgb(0,0,0);

	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);

}

#homeBanner .videoframe:after {

	content:'';

	display:block;

	width:100%;

	height:20%;

	min-height:90px;

	position:absolute;

	bottom:0;

	left:0;

	z-index:1;

	background: rgb(0,0,0);

	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);

}

#homeBanner .videoframe:before {

	content:'';

	display:block;

	height:20%;

	min-height:90px;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:1;

	background: rgb(0,0,0);

	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);

}

.homeBannerOuter {

	position:relative;

}

.homeBannerOuter .buttons {

	padding:20px 0;

}

.homeBannerOuter .buttons .button{

	width:100%;

	min-width:0;

}

.homeBannerOuter .buttons .row{

	--bs-gutter-x: 0.625rem;

    --bs-gutter-y: 1rem;

}

#homeBanner .statsLightbox{

	position:absolute;

	bottom:25px;

	left:25px;

	z-index:110;

}

.statLightboxContent {

	background:#f9f5f2;

	border-radius:var(--callout_corners);

	width:960px;

	padding-top:20px;

	padding-bottom:20px;

	padding-left:70px;

	padding-right:70px;

	--title_colour:#25572e;

}

.statLightboxContent .row {

	--bs-gutter-x : 2rem;

}

.statLightboxContent .statLightboxImage {

	position:relative;

	padding-top:100%;

	width:100%;

}

.statLightboxContent .statLightboxImage img{

	border-radius:var(--callout_corners);

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	object-fit:cover;

}

.fancybox__content.statLightboxContent>.f-button.is-close-btn {	

	--f-button-bg : var(--button_bg);

	--f-button-active-bg : var(--button_bg);

	--f-button-hover-bg :  var(--button_bg_hover);

	--f-button-color :  var(--button_colour);

	--f-button-hover-color : var(--button_colour_hover);

	width:54px;

	height:54px;

    top: 20px;

    right: 20px;

	border-radius:50%;

}

#homeBanner .socialMedia,

.pageBanner .socialMedia {

	display:none;

}

#homeBanner .socialMedia ul.socials,

.pageBanner .socialMedia ul.socials {

	display:block;

}

#homeBanner .socialMedia li,

.pageBanner .socialMedia li{

	display:block;

	margin:2px 0;

    padding: 0;

}

#homeBanner .socialMedia li a ,

.pageBanner .socialMedia li a{

	background:var(--style_bg);

	color:#fff;

	display:block;

	width:50px;

	height:50px;

	line-height:50px;

	font-size:20px;

}

#homeBanner .socialMedia li a:hover ,

.pageBanner .socialMedia li a:hover{

	background:#000;

	color:#fff;

}

#homeBanner .socialMedia li:first-child ,

.pageBanner .socialMedia li:first-child{

	--style_bg: #574d41;

}

#homeBanner .socialMedia li:nth-child(2) ,

.pageBanner .socialMedia li:nth-child(2){

	--style_bg: #a09085;

}

#homeBanner .socialMedia li:nth-child(3) ,

.pageBanner .socialMedia li:nth-child(3){

	--style_bg: #b09167;

}

#homeBanner .socialMedia li:nth-child(4) ,

.pageBanner .socialMedia li:nth-child(4){

	--style_bg: #25572e;

}



@media (max-width:660px){

	#tap-pop-card .chat-now-button-mini span.pop-card-wrapper-chat-btn {

		color:#000!important;

	}	

}

@media(min-width:768px){

	#homeBanner {

		max-height:880px;

	}

	#homeBanner:before {

		content:'';

		display:block;

		padding-top:56.08%;

	}

	.homeBannerOuter .buttons{

		position:absolute;

		bottom:50px;

		left:0;

		width:100%;

		z-index:105;

        padding: 0 180px;

	}

}

@media (min-width:992px){

	.statLightboxContent {

		padding-left:70px;

		padding-right:70px;		

		padding-top:var(--callout_corners);

		padding-bottom:var(--callout_corners);

	}

	.fancybox__content.statLightboxContent>.f-button.is-close-btn {	

		top: 34px;	

		right: 34px;	

	}

}

@media(min-width:1200px){

	.homeBannerOuter .buttons .button{

		width:auto;

	}

	.homeBannerOuter .buttons .row{

		--bs-gutter-x: 1rem;

		--bs-gutter-y: 1rem;

	}

	#homeBanner .socialMedia,

	.pageBanner .socialMedia {

		display:block;

		position:absolute;

		top:50%;

		right:0;

		z-index:110;

		transform:translateY(-50%);

	}

}

/*------------------------------------*\ 

    FOOTER

\*------------------------------------*/



#footer{

	padding-top:30px;

	padding-bottom:20px;

	background-color:#25572e;	

	--title_colour:#b29863;

	--title_colour_alt:#fff;

	--body_colour:#fff;

	--link_colour:#fff;

	--link_colour_hover:#b29863;

	color:var(--body_colour);

	font-size:1rem;

	margin-top:50px;

	position:relative;

}

#footer:before{

	content:'';

	display:block;

	width:100%;

	height:50px;

	bottom:100%;

	left:0;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/greenschools-ft-top.png");

	background-repeat:repeat-x;

	background-position:center;

	position:absolute;

}

#footer img.footerLogo{

	margin:30px auto 20px;

}

#footer a{

	text-decoration:none;

}

#footer .menu {

	padding:0;

    padding-left: 14px;

	margin:10px 0 10px;

	list-style:'>';

}

#footer .menu li{

	margin-top:2px;

	padding-left:2px;

}

#footer .footerLower {

	margin-top:20px;

	padding-top:10px;

	border-top:solid 1px #fff;

	--link_colour:#b29863;

	--link_colour_hover:#fff;

}

#footer .registered_row {

	font-size:13px;

	margin-top:10px;

}

#footer .linksRow {

	text-transform:uppercase;

	--bs-gutter-y:5px;

	list-style:none;	

    padding: 0;

    margin-bottom: 0;

}

#footer .linksRow > *{

	max-width: 100%;

    padding-right: calc(var(--bs-gutter-x) * .5);

    padding-left: calc(var(--bs-gutter-x) * .5);

    margin-top: var(--bs-gutter-y);

    flex: 0 0 auto;

    width: auto;	

}

#footer .menu-learn-more-container {

	float:left;

	margin-right:10px;

}

#footer .wasc-logo {

	float:right;

	margin-top:25px;

}

#footer .socialMedia {

	text-align:center;

}

#footer .applinks {

	margin:5px 0;

}

@media (min-width:768px){

	#footer .wasc-logo {

		/*float:none;*/

	}

}

@media (min-width:992px){

	#footer img.footerLogo{

		margin:30px 0 20px;

	}

	#footer .ft-silhouette {

		display:none;

	}

	#footer{

	padding-top:30px;

	padding-bottom:20px;

	background-color:#25572e;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/footer-bg.png");

	background-size:auto 100%;

	background-position:bottom right;

	background-repeat:no-repeat;

	}

	#footer .applinks {

		margin:0;

		display:inline-block;

	}

}

@media (min-width:1200px){

	#footer .socialMedia {

		display:none;

	}

}

/*------------------------------------*\

    Dynamic Content

\*------------------------------------*/



.dynamicContent {

	margin-top:30px;

}

.dynamicContent.calloutFollowon:not(.dynamic-text_image) {

	margin-top:0;

}

@media (min-width:1200px){

	.dynamicContent {

		margin-top:50px;

	}

}

/*******Dividers******/

.dividera{

	clear: both;

	width: 100%;

	height: 100px;

	position:relative;

}

.dividera:before{

	content:'';

	width:100%;

	height:1px;

	border-bottom:solid 1px #9f9085;

	position:absolute;

	top:50%;

	left:0%;

}

.dividerb{

    clear: both;

    width: 100%;

    height: 50px;

	padding-top:22px;

	padding-bottom:22px;

}

.dividerb:before{

	content: '';

    width: 100%;

    max-width: 250px;

    height: 6px;

    background: var(--div_colour, #9cc34b);

    border-radius: 50%;

    display: block;

    margin: 0px auto;

}









/*******FAQS*****/

.faqs{



}

.faqs .faq{

	margin-top:20px;

}



.faq-question{

	color:#af9167;

	font-size:0.875rem;

	line-height:1.3;

	text-transform:uppercase;

	padding:0.875rem 1rem;

	padding-right:2.875rem;

	border:solid 1px;

	position:relative;

	cursor:pointer;

	margin:0;

}

.faq.open .faq-question,

.faq-question:hover{

	background:#9f9085;

	border-color:#9f9085;

	color:#fff;

}

.faq-question:after {

    content: '\f054';

    display: block;

    width: 1em;

    height: 1em;

    line-height: 1em;

	text-align:center;

    position: absolute;

	font-size:1em;

	font-weight:700;

	top:50%;

	right:2rem;

	font-family: "Font Awesome 6 Free";   

    transform:translateY(-50%) rotate(-90deg);

}

.faq.open .faq-question:after {

    transform:translateY(-50%) rotate(90deg);

}



.faq .faq-answer{

	background:#f8f5f0;

	color:#a09085;

	--title_colour: #a09085;

	--title_colour_alt: #a09085;

	padding:1rem 3rem calc(var(--callout_corners) * 0.5);

	border-radius:0 0 var(--callout_corners) var(--callout_corners);

}





/******Staff********/

.staff .staffTitle  {

	--title_colour:#574d41;

	--title_colour_alt:#574d41;

	margin-bottom:0;

}

.staff .staffMember {

	margin-top:3rem;

}

.staff-meta {

	--title_colour:#af9167;

	--title_colour_alt:#af9167;

}

.staff-meta strong{

	color:#574d41;

}

.staff-meta > *{

	margin-bottom:1rem;

}

.staff-meta a.email-value{

	font-size: 0;

    color: transparent;

	display: inline-block;

    vertical-align: middle;

}

/*****Quotes******/

.quotes-holder {

	position:relative;

}

.dynamic-quote .quotes-holder:after {

	content: '';

    display: block;

    width: 320px;

    aspect-ratio: 1;

    position: absolute;

    right: 0px;

    top: 0px;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaf-bg.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: -1;

	pointer-events: none;

}

.dynamic-quote .quotes-holder:before {

	content: '';

    display: block;

    width: 320px;

    aspect-ratio: 1;

    position: absolute;

    left: 0px;

    top: 50%;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaf-bg-5.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: -1;

	pointer-events: none;

    transform: translate(-46%, -50%);

}

.dynamic-quote.homeDynamic .quotes-holder:before {

	display:none;

}

.quoteContainer .quotesTitle{ 

	

}

.quoteContainer {

	position:relative;

	padding:2rem 0;

}

.quoteContainer .cycle-pager {

	line-height:20px;

	text-align:center;

}

.quoteContainer .cycle-pager span{

	margin:0 2px;	

	cursor:pointer;

	display:inline-block;

	width:20px;

	height:20px;

	text-align:center;

	font-size:0px;

	background-color:#065a2e;

	mask-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/single-leaf.png");

	mask-position:center;

	mask-repeat:no-repeat;

	transition:background-color 300ms;

    vertical-align: middle;

}

.quoteContainer .cycle-pager span.cycle-pager-active{

	background-color:#9cc34b;

}

.quoteContainer .cycle-next {

	position:absolute;

	top:50%;

	left:100%;

	font-size:30px;

	transform:translate(-100%, -75%);

	cursor:pointer;

    z-index: 130;

}

.quoteContainer .cycle-prev {

	position:absolute;

	top:50%;

	right:100%;

	font-size:30px;

	transform:translate(100%, -75%);

	cursor:pointer;

    z-index: 130;

}

.quoteContainer blockquote.quote-text{

	

	

}

.quoteContainer .quote-cite{

	display:block;

	margin-top:18px;

}

@media (min-width:768px){

	.quoteContainer .cycle-next,

	.quoteContainer .cycle-prev {

		margin:0 2rem;		

	}

}

@media (min-width:992px){

	.dynamic-quote .quotes-holder:after {

		width:460px;

	}

	.dynamic-quote .quotes-holder:before {

		width:390px;

	}

}

@media (min-width:1200px){

	.quoteContainer .cycle-next{

    transform: translate(0%, -75%);		

	}

	.quoteContainer .cycle-prev {

    transform: translate(0%, -75%);		

	}

}

@media (min-width:1400px){

	.quoteContainer .cycle-next{

		margin-left:6%;

	}

	.quoteContainer .cycle-prev {

		margin-right:6%;

	}

}

/****Documents******/

a.button.document-link {

	padding-right:50px;

	width:100%;

	text-align:left;

}

a.button.document-link:after {	

	width:25px;

	height:16px;

	background:currentColor;

	mask-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/dl-vector.svg");

	mask-size:contain;

	mask-position:center;

	mask-repeat:no-repeat;

	content: "";

	display:block;

	position:absolute;

	top:50%;	

    right: 10px;

    transform: translateY(-50%);

}

a.button.weblink-link {

	padding-right:50px;

	width:100%;

	text-align:left;	

}

a.button.weblink-link:after {	

	width:25px;

	height:16px;

	background:currentColor;

	mask-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/link-vector.svg");

	mask-size:contain;

	mask-position:center;

	mask-repeat:no-repeat;

	content: "";

	display:block;

	position:absolute;

	top:50%;	

    right: 10px;

    transform: translateY(-50%);

}

.imageCarousel .item{

	position:relative;

	padding-top:100%;

}

.imageCarousel .item img{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	border-radius:50%;

}

/*Video Banner*/

.videoBlock {

	position:relative;

	border-radius:var(--callout_corners);

	overflow:hidden;

	background:#444;

	--link_colour:#fff;

	--link_colour_hover:#fff;

}

.videoBlock:before {

	content:'';

	display:block;

	width:100%;

	padding-top:63%;

	position:relative;

}

.videoBlock img {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	object-fit:cover;

	border-radius:var(--callout_corners);

}

.videoBlock a:after{

	content:'';

	font-family: "";

	position:absolute;

	top:50%;

	left:50%;

	border-style: solid;

	border-width: 30px 0 30px 54px;

	border-color: transparent transparent transparent currentColor;

	transform:translate(-50%,-50%);

}

.videoSlider .owl-stage-outer{

	margin-right:calc((-100vw + 100%) / 2);

}

.videoSlider .owl-nav .owl-prev{

	position:absolute;

	left:0;

	top:50%;

	transform:translate(-100%,-50%);

	width:1.3em;

	height:1.3em;

	line-height:1.3em!important;

}

.videoSlider .owl-nav .owl-next{

	position:absolute;

	right:0;

	top:50%;

	transform:translate(100%,-50%);

	width:1.3em;

	height:1.3em;

	line-height:1.3em!important;

}

.videoSlider .owl-nav {

	position:static;

	color:#b09167;

	font-size:26px;

}

.videoSlider .owl-dots {

	margin:10px 0 10px;

}

/*Callout*/

.callout {

	display:block;

	position:relative;

	color: #fff;

	--title_colour: #fff;

	--title_colour_alt: #fff;

    background: #969696;

	font-size:1em;

	overflow:hidden;

	padding-top:2rem;

	padding-bottom:2rem;	

	min-height:440px;

	display: flex;

    flex-wrap: wrap;

    align-items: center;

	width:100%;

	--button_bg: #af9167;

    --button_border: #af9167;

    --button_colour: #fff;

	--button_bg_hover: #574d41;

	--button_border_hover: #574d41;

	--button_colour_hover: #fff;

}

.callout .calloutContent {

	position:relative;

	text-align:center;

	z-index:15;

}

.callout .calloutContent {

	

}

.callout .calloutTitle {	

    --div_colour: #fff;

	text-align:center;

	margin-bottom:2rem;

}

.callout .calloutTitle:after {

    content: '';

    position: relative;

    width: 100%;

    max-width: 80px;

    height: 4px;

    background: var(--div_colour, #9cc34b);

    border-radius: 50%;

    display: block;

    margin: 10px auto 5px;

}

.callout.hasbg {

	padding-bottom:110px;

}

.callout.hasbg .coimg {

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat;

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

}

.callout.hasbg .coimg:after {

	content: '';

    display: block;

    width: 100%;

    bottom: 0;

    position: absolute;

    left: 0;

    height: 100%;

    background: rgba(0,0,0,0.3);

}

.callout.hasbg .coimg:before {

	content: '';

    display: block;

    width: 100%;

    bottom: 0;

    position: absolute;

    left: 0;

    height: 100%;

	height:115px;

    background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/calloutcurve.png");

	background-size:100% 100%;

	background-position:top left;

	background-repeat:no-repeat;

	z-index:10;

}



.callout .coimg img{

	width:100%;

	height:100%;

	object-fit:cover;

	position:absolute;	

}



.callout.hasbg .calloutText {

	width:90%;

	max-width:880px;

	margin:1rem auto 2rem;

}

.callout.hastext.hasbg .calloutContent {



}



.homeDynamic.dynamic-callout .callout .calloutTitle {

	position:relative;

	padding-top:80px;

	margin-top:10px;

	--div_colour : #fff;

	--body_colour_alt : #fff;

	margin-bottom:30px;

    text-align: left;

	padding-right:30px;

}

.homeDynamic.dynamic-callout .callout .calloutTitle em{

	font-family: 'Ernest Emily Solid';

    font-style: italic;

	color:var(--body_colour_alt);

	display:block

}

.homeDynamic.dynamic-callout .callout .calloutTitle:before {

	content:'';

	display:block;

	width:162px;

	height:74px;

	background:#af9167;

	mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/greenschools-icon.svg");

    mask-size: contain;

    mask-position: center;

    mask-repeat: no-repeat;

	position:absolute;

	top:0;

	left:0;

}

.homeDynamic.dynamic-callout .callout .calloutTitle:after {

    content: '';

    position: relative;

    width: 100%;

    max-width: 80px;

    height: 4px;

    background: var(--div_colour, #9cc34b);

    border-radius: 50%;

    display: block;

    margin: 10px auto 5px 0;

}

.homeDynamic.dynamic-callout .callout.hasbg .calloutText{

	text-align:left;

	margin:1rem 0 2rem;

}

.dynamic-callout .callout .calloutLinks {

	margin-left:-2.5px;

	margin-right:-2.5px;

}

.dynamic-callout .callout .calloutLinks a.button {

	margin-left:2.5px;

	margin-right:2.5px;	

	width: 200px;

	max-width:100%;

}

@media (min-width:992px){

	.dynamic-callout .callout .calloutLinks a.button {

		display:inline-block;

		width: auto;

		max-width:100%;

	}

	.homeDynamic.dynamic-callout .callout .calloutTitle {

		padding-right:0;

	}

	.homeDynamic.dynamic-callout .callout.hasbg {

		max-height:1170px;

	}

	.callout.hasbg {

		padding-bottom:235px;

	}

	.callout.hasbg .coimg:before {

		height: 100%;

		height:235px;

	}

	.homeDynamic.dynamic-callout .callout .calloutContent {

		text-align:left;

	}

}

@media (min-width:1200px){

	.callout.hasbg {

		aspect-ratio:16/9;

		max-height: 750px;		

	}	

}

/***POIS****/

.homeDynamic.dynamic-text .body-text{

	max-width:1040px;

	margin-left:auto;

	margin-right:auto;

}

.row.pois {

    --bs-gutter-y: 1.5rem;

}



.poi {

	position: relative;

	display: block;

	transition:all 300ms;

    overflow: hidden;

	background:var(--style_bg,#676767);

	color:var(--style_colour,#fff);

	text-decoration:none;

}

.poi:hover {

	text-decoration:none;

	background:var(--style_bg,#676767);

	color:var(--style_colour,#fff);

}

.poiImage .poiImageBG {

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	transition:300ms;

	opacity:1;

}

.poiImage:before {

	content:'';

	display:block;

	width:100%;

	padding-top:100%;

}

.poiImage .poiImageBG:after {

	content:'';

	display:block;

	width:100%;

	bottom:0;

	position:absolute;

	left:0;

	height:100%;

	background:rgba(0,0,0,0.1);

}

.poiImage .poiImageBG img{

	width:100%;

	height:100%;

	object-fit:cover;

	position:absolute;	

}

.poi .poiText {

	text-align:center;

	padding:45px 15px;

}

.poi.imagePOI {

	border-radius:50%;

}

.poi.textPOI {

	border-radius:var(--callout_corners);

	height:100%;

}

.poi.textPOI:before {

	content:'';

	display:block;

	width:100%;

	bottom:0;

	position:absolute;

	left:0;

	height:100%;

	background:rgba(0,0,0,1);

	transition:300ms;

	opacity:0;

}

.poi.textPOI .poiText {

	display:flex;

	flex-wrap:wrap;

	height:100%;

	position:relative;

}

.poi.textPOI .poiText > * {

	width:100%;

}

.poiImage .poiText {

	position:absolute;

	left:0;

	width:100%;

    bottom: 15px;

}

.poi .poiTitle{

	font-size: 1.5625rem;

	font-weight:600;

	padding:0 16%;

}

.poi .poiEx {

	margin-top:25px;

}

.poi .poiLinkTitle {

	margin-top:25px;

	width:100%;

	align-self:end;

}

.poi:hover .poiImage .poiImageBG{

	opacity:0.6;

}

.poi.textPOI:hover:before {

	opacity:0.4;

}

/*Image*/

.image-item .imageItemCaption {

	margin:1rem auto 2rem;

	font-size: 1.25em;

    color: var(--body_colour_alt, #000);

    font-weight: 600;

}



/* Text Image*/

.textImageBlock > .row {

	--bs-gutter-y: 34px;

	--bs-gutter-x: 34px;

}

.textImageBlock .textBlock {

	padding-bottom:3rem;

}

.textImageBlock .imageBlock {

	position:relative;

}

.textImageBlock .imageBlock .imgslider{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.textImageBlock .imageBlock .imgslider > a{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.textImageBlock .imageBlock .imgslider .cycle-pager{

	position:absolute;

    bottom: -26px;

	left:0;

	width:100%;

	text-align:center;

}

.textImageBlock .imageBlock .imgslider .cycle-pager span{

	margin:0 2px;	

	cursor:pointer;

	display:inline-block;

	width:20px;

	height:20px;

	text-align:center;

	font-size:0px;

	background-color:#065a2e;

	mask-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/single-leaf.png");

	mask-position:center;

	mask-repeat:no-repeat;

	transition:background-color 300ms;

    vertical-align: middle;

}

.textImageBlock .imageBlock .imgslider .cycle-pager span.cycle-pager-active{

	background-color:#9cc34b;

}

.textImageBlock .imageBlock.rectangle img {

    width: 100%;

    height: auto;

    object-fit: cover;

    border-radius: var(--callout_corners);

}

.textImageBlock .imageBlock.circleCrop:before {

	content:'';

	display:block;

	width:100%;

	padding-top:100%;

}

.textImageBlock .imageBlock.circleCrop img {

	position:absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;

	top:0;

	left:0;

}



.homeDynamic.dynamic-text_image .textImageBlock > .row {

	align-items:center;

}

.homeDynamic.dynamic-text_image .textImageBlock .textBlock {

    --body_colour_alt: #513519;

    --title_colour: #25572e;

	text-align:center;

	

}

.homeDynamic.dynamic-text_image .textImageBlock .textBlock h2{	

    font-family: 'Eboracum', serif;

    font-weight: normal;

	position:relative;

	padding-top:80px;

	margin-top:10px;

	--div_colour : #c0a770;

	margin-bottom:30px;

    font-size: 2.25rem;

}

.homeDynamic.dynamic-text_image .textImageBlock .textBlock h2:before {

	content:'';

	display:block;

	width:162px;

	height:74px;

	background:#af9167;

	mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/greenschools-icon.svg");

    mask-size: contain;

    mask-position: center;

    mask-repeat: no-repeat;

	position:absolute;

	top:0%;

	left:50%;

	transform:translateX(-50%);

}

.homeDynamic.dynamic-text_image .textImageBlock .textBlock h2 em{

	font-family: 'Ernest Emily Solid';

    font-style: italic;

	color:var(--body_colour_alt);

}

.homeDynamic.dynamic-text_image .textImageBlock .textBlock h2:after {

    content: '';

    position: relative;

    width: 100%;

    max-width: 80px;

    height: 4px;

    background: var(--div_colour, #9cc34b);

    border-radius: 50%;

    display: block;

    margin: 10px auto 5px;

}

.homeDynamic.dynamic-text_image .textImageBlock .imageBlock {

	max-width:300px;

	margin-left:auto;

	margin-right:auto;

}

.homeDynamic.dynamic-text_image .textImageBlock .imageBlock:after {

	content:'';

	display:block;

	width:auto;

	height:124%;

	aspect-ratio:1/1.2;

	position:absolute;

    left: -20%;

    top: -13%;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/trunk-circle.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

	z-index:-1;

}

.homeDynamic.dynamic-text_image .order-md-3 > .imageBlock:after {

	left:auto;

	right:-13%;

}

@media (min-width:768px){

	.homeDynamic.dynamic-text_image .textImageBlock .imageBlock {

		max-width:100%;

	}

	.homeDynamic.dynamic-text_image .textImageBlock .textBlock h2:before {

		left:0%;

		transform:translate(0%);

	}

	.homeDynamic.dynamic-text_image .textImageBlock .textBlock h2:after {

		margin: 10px auto 5px 0;		

	}

	.textImageBlock .imageBlock {

		margin-bottom:40px;

	}

	.textImageBlock .textBlock {

		padding-top:3rem;

		padding-bottom:3rem;

	}

	.homeDynamic.dynamic-text_image .textImageBlock .textBlock {

		padding-top:2rem;

		text-align:initial;

	}

	.homeDynamic.dynamic-text_image .order-md-1 > .imageBlock:after {

		

	}

	

}

@media (min-width:992px){

	.homeDynamic.dynamic-text_image .textImageBlock .textBlock h2{

        font-size: 2.8125rem;		

	}

}

@media (min-width:1400px){

	.homeDynamic.dynamic-text_image .order-md-1 > .imageBlock {

		margin-left:-150px;

        margin-right: 20px;

	}

	.homeDynamic.dynamic-text_image .order-md-3 > .imageBlock {

		margin-right:-150px;

        margin-left: 20px;

	}

}

/*------------------------------------*\

    HOME DYNAMIC

\*------------------------------------*/

.homeContent {

	margin-bottom:60px;

}

.welcomeBlock {

	margin-top:60px;

}

.welcomeBlock > .row {

	--bs-gutter-x:40px;

	--bs-gutter-y:40px;

}

.welcomeBlock .welcomeText h1{

	position:relative;

	padding-top:80px;

	margin-top:10px;

	--div_colour : #c0a770;

	margin-bottom:30px;

}

.welcomeBlock .welcomeText h1:before {

	content:'';

	display:block;

	width:162px;

	height:74px;

	background:#af9167;

	mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/greenschools-icon.svg");

    mask-size: contain;

    mask-position: center;

    mask-repeat: no-repeat;

	position:absolute;

	top:0;

	left:0;

}

.welcomeBlock .welcomeText h1 em{

	font-family: 'Ernest Emily Solid';

    font-style: italic;

	color:var(--body_colour_alt);

}

.welcomeBlock .welcomeText h1:after {

    content: '';

    position: relative;

    width: 100%;

    max-width: 80px;

    height: 4px;

    background: var(--div_colour, #9cc34b);

    border-radius: 50%;

    display: block;

    margin: 10px auto 5px 0;

}

.sectionTitle {

	position:relative;

	padding-top:80px;

	margin-top:10px;

	--div_colour : #c0a770;

	margin-bottom:30px;

}

.sectionTitle em{

	font-family: 'Ernest Emily Solid';

    font-style: italic;

	color:var(--body_colour_alt);

	display:block

}

.sectionTitle:before {

	content:'';

	display:block;

	width:162px;

	height:74px;

	background:#af9167;

	mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/greenschools-icon.svg");

    mask-size: contain;

    mask-position: center;

    mask-repeat: no-repeat;

	position:absolute;

	top:0;

	left:0;

}

.sectionTitle:after {

    content: '';

    position: relative;

    width: 100%;

    max-width: 80px;

    height: 4px;

    background: var(--div_colour, #9cc34b);

    border-radius: 50%;

    display: block;

    margin: 10px auto 5px 0;

}

.sectionTitle.text-center:before {

	left:50%;

	margin-left:-81px;

}

.sectionTitle.text-center:after {

    margin: 10px auto 5px;	

}

.welcomeBlock .welcomeImage {

	position:relative;

}

.welcomeBlock .welcomeImage img{

	position:relative;

	border-radius:50%;

	aspect-ratio:1;

}

.welcomeBlock .welcomeImage:before {

	content:'';

	display:block;

	width:300px;

	aspect-ratio:1/1.2;

	position:absolute;

	left:-30px;

	bottom: -80px;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/trunk-circle.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

	z-index:-1;

}

@media (max-width:767.5px){

	.welcomeText .blockButton {

		display:block;

		text-align:center;

	}

}

@media (min-width:768px){

	.welcomeBlock .welcomeImage:before {

		width:100%;

		transform:translate(-10%,10%);

	}

}

.homeVoices.quotes-holder {

	background:#f8f5f0;

}

.homeDynamic.dynamic-voices {

	padding-top:110px;

	padding-bottom:110px;

}

.homeDynamic.dynamic-voices.calloutFollowon {

	margin-top:-110px;

}

.homeVoices.quotes-holder {

	background:#f8f5f0;

	padding-top:20px;

	padding-bottom:20px;

	position:relative;	

}

.homeVoices.quotes-holder:before,

.homeVoices.quotes-holder:after {

	content:'';

	display:block;

	width:100%;

	height:110px;

	left:0;

	position:absolute;

}

.homeVoices.quotes-holder:before{

	top:-110px;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/voices-curve-top.png");

	background-size: 100% 100%;

    background-position: top left;

    background-repeat: no-repeat;

	z-index:10;

}

.homeVoices.quotes-holder:after {

	bottom:-110px;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/voices-curve-bottom.png");

	background-size: 100% 100%;

    background-position: top left;

    background-repeat: no-repeat;

	z-index:10;

}

.homeVoices.quotes-holder .icons:before,

.homeVoices.quotes-holder .icons:after {

	position:absolute;

	content:'';

	display:block;

}

.homeVoices.quotes-holder .icons:before {

	content: '';

    display: block;

    width: 300px;

    aspect-ratio: 1 / 1.2;

    position: absolute;

    left: -30px;

    top: 50%;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/trunk-circle.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 0;

	transform: translate(-66%, -50%);

}

.homeVoices.quotes-holder .icons:after {

    content: '';

    display: block;

    width: 320px;

    aspect-ratio: 1;

    position: absolute;

    right: 0px;

    top: 40%;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaf-bg-3.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 0;

    pointer-events: none;

	transform: translate(0%, -50%);

}

.homeDynamic.dynamic-voices .quoteContainer blockquote.quote-text {

	text-align:left;

    font-size: 2.1875rem;

	padding-left:0;

	padding-right:0;

}

.homeDynamic.dynamic-voices .quoteContainer blockquote.quote-text .quote-cite {

	color:#b29863;

}

.homeDynamic.dynamic-voices div.voicesImage{

	padding:0 30px;

	max-width:300px;

	height:270px;

	margin:0 auto;

}

.homeDynamic.dynamic-voices img.voicesImage{

	aspect-ratio:1;

	border-radius:50%;

}

.homeDynamic.dynamic-voices .quoteContainer blockquote.quote-text .quote-cite:before{

	display:none;

}

@media (max-width:767.5px){

.homeVoices .quoteContainer .cycle-prev,

.homeVoices .quoteContainer .cycle-next {

	top:100px;

}

}



@media (min-width:768px){

	.homeDynamic.dynamic-voices img.voicesImage{

		margin-top:-40px;

	}

	.homeDynamic.dynamic-voices div.voicesImage{

		padding:0;

		max-width:100%;

		height:auto;

		margin:0;

	}

	.homeDynamic.dynamic-voices .quoteContainer .cycle-pager {

		text-align:left;

	}

}

@media (min-width:992px){

	.homeDynamic.dynamic-voices img.voicesImage{

		margin-top:-140px;

	}

	.homeDynamic.dynamic-voices {

		padding-top:230px;

		padding-bottom:230px;

	}

	.homeDynamic.dynamic-voices.calloutFollowon {

		margin-top:-230px;

	}

	.homeVoices.quotes-holder:before,

	.homeVoices.quotes-holder:after {

		height:230px;

	}

	.homeVoices.quotes-holder:before{

		top:-230px;

	}

	.homeVoices.quotes-holder:after{

		bottom:-230px;

	}

	.homeVoices.quotes-holder .icons:before {

		width: 500px;

        top: auto;

        bottom: 0;

		transform: translate(-66%, 0%);

	}

	.homeVoices.quotes-holder .icons:after {

		width: 500px;

		top:0;

		transform: translate(0%, 0%);

	}

}

.dynamic-news_media {

	position:relative;

}

.dynamic-news_media:before {

	content: '';

    display: block;

    width: 300px;

    aspect-ratio: 1 / 1.2;

    position: absolute;

    left: -30px;

    top: 50%;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/trunk-circle.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 0;

	transform: translate(-56%, -50%);

}

.dynamic-news_media:after {

	content: '';

    display: block;

    width: 240px;

    aspect-ratio: 1;

    position: absolute;

    right: -30px;

    top: -30px;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaf-bg-4.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 0;

	transform: translate(0%, -0%);

}

.newsTitle {

	--link_colour : #513519;

}

.newsTitle a {

	text-decoration:none;

}

.newsThumbnail {

	position:relative;	

}

.newsThumbnail:before {

	content: "";

    width: 70px;

    height: 70px;

    background: var(--button_bg);

    mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaves2.svg");

    mask-size: contain;

    mask-position: center;

    mask-repeat: no-repeat;

    display: block;

    position: absolute;

    top: 0px;

    left: -20px;

    transform: rotate(-115deg);

}

.newsThumbnail img{

	width:100%;

	object-fit:cover;

	aspect-ratio:1;	

	border-radius:50%;

	z-index:2;

	position:relative;

}

@media (min-width:768px){

	.newsThumbnail:before {

		top: -20px;

		left: -10px;

	}	

	.newsThumbnail {

		margin-top:-70px;

	}

}

@media (min-width:992px){

	.newsThumbnail:before {

		width: 100px;

		height: 100px;	

	}

	.newsThumbnail {

		margin-top:-140px;

	}

	.dynamic-news_media:before {

		width: 500px;

        top: auto;

        bottom: 0;

		transform: translate(-56%, -0%);

	}

	.dynamic-news_media:after {

		top:-200px;

		width:350px;

	}

}

#sb_instagram #sbi_images .sbi_item .sbi_inner_wrap{

    border-radius: var(--callout_corners);	

}

.instagramBlock .sbi-owl-nav>div {

	background: transparent !important;

    color: inherit;

    border: none;

    padding: 0 !important;

    font: inherit;

    box-shadow: none !important;

    font-size: 30px;

    transform: translateY(0%) !important;

}

.instagramBlock .sbi-owl-nav .sbi-owl-prev {

	left:-20px;

}

.instagramBlock .sbi-owl-nav .sbi-owl-next {

	right:-20px;

}

.instagramBlock .sbi-owl-dots .sbi-owl-dot span {

	margin: 0 2px;

    cursor: pointer;

    display: inline-block;

    width: 20px;

    height: 20px;

    text-align: center;

    font-size: 0px;

    background-color: #065a2e;

    mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/single-leaf.png");

    mask-position: center;

    mask-repeat: no-repeat;

    transition: background-color 300ms;

    vertical-align: middle;

}

.instagramBlock {

	margin-top:80px;

}

.instagramBlock .sbi-header.sbi-header-type-text  {

	font-size:45px;

	font-family: 'Ernest Emily Solid';

    font-style: italic;

    color: var(--body_colour_alt);

    display: block;

	text-align:right;

}

.poiCarousel {

	background:#f8f5f0;

}

.poiCarousel .body-text{

	max-width:1040px;

	margin-left:auto;

	margin-right:auto;

}

.poiCarousel .icons:before {

	content: '';

    display: block;

    width: 300px;

    aspect-ratio: 1 / 1.2;

    position: absolute;

    right: -30px;

    bottom:0;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/trunk-circle.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 11;

	transform: translate(46%, 30%);

}

.poiCarousel .icons:after {

    content: '';

    display: block;

    width: 320px;

    aspect-ratio: 1;

    position: absolute;

    left: 0px;

    top: 40%;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaf-bg-2.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 11;

    pointer-events: none;

	transform: translate(-50%, -50%);

}



.homeDynamic.dynamic-poi_carousel {

	padding-top:110px;

	padding-bottom:110px;

}

.homeDynamic.dynamic-poi_carousel.calloutFollowon {

	margin-top:-110px;

}

.poiCarousel {

	background:#f8f5f0;

	padding-top:20px;

	padding-bottom:20px;

	position:relative;	

}

.poiCarousel:before,

.poiCarousel:after {

	content:'';

	display:block;

	width:100%;

	height:110px;

	left:0;

	position:absolute;

}

.poiCarousel:before{

	top:-110px;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/voices-curve-top.png");

	background-size: 100% 100%;

    background-position: top left;

    background-repeat: no-repeat;

	z-index:10;

}

.poiCarousel:after {

	bottom:-110px;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/voices-curve-bottom.png");

	background-size: 100% 100%;

    background-position: top left;

    background-repeat: no-repeat;

	z-index:10;

}

.poiCarousel.flip:before {

	-moz-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

    filter: FlipH;

    -ms-filter: "FlipH";

}

.poiCarousel.flip:after {

	-moz-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

    filter: FlipH;

    -ms-filter: "FlipH";

}

.poiCarousel.flip .icons:after {

    left:auto;

	right:0px;

	display:none;

}

.poiCarousel.flip .icons:before {

    left: -30px;

	right:auto;	

    transform: translate(-40%, 30%) rotate(285deg);

}

.link_carousel  {

	margin:2rem 0;

}

.linkItem {

	padding-top:5px;

	padding-bottom:5px;

	text-align:center;

    --link_colour: #af9167;

}

.linkItem a{

	text-decoration:none;

}

.linkItem img{

	width:100%;

	object-fit:cover;

	aspect-ratio:1;	

	border-radius:50%;

}

.linkItem .carouselTitle{

	margin:10px 0;

	font-size:24px;

	font-weight:500;

	width:100%;

	color:var(--link_colour);

}

.linkItem a .carouselTitle{

	color:inherit;

}

.linkItem .carouselText{	

	margin:10px 0;

	width:100%;

	color:#a09085;

}

@media (min-width:992px){

	.poiCarousel {

		padding-top:40px;

		padding-bottom:40px;

	}

	.homeDynamic.dynamic-poi_carousel {

		padding-top:230px;

		padding-bottom:230px;

	}

	.homeDynamic.dynamic-poi_carousel.calloutFollowon {

		margin-top:-230px;

	}

	.poiCarousel:before,

	.poiCarousel:after {

		height:230px;

	}

	.poiCarousel:before{

		top:-230px;

	}

	.poiCarousel:after{

		bottom:-230px;

	}

	.poiCarousel .icons:before {

		width: 500px;

        top: auto;

        bottom: 0;

	}

	.poiCarousel .icons:after {

		width: 380px;

		top:0;

		transform: translate(0%, 0%);

	}

}



.dynamic-slider_block {

	padding-top:110px;

	padding-bottom:110px;

}

.sliderBlock {

	background:#f8f5f0;

	padding-top:20px;

	padding-bottom:20px;

	position:relative;	

}

.sliderBlock:before,

.sliderBlock:after {

	content:'';

	display:block;

	width:100%;

	height:110px;

	left:0;

	position:absolute;

}

.sliderBlock:before{

	top:-110px;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/sustainability-top.png");

	background-size: 100% 100%;

    background-position: top left;

    background-repeat: no-repeat;

	z-index:10;

}

.sliderBlock:after {

	bottom:-110px;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/sustainability-bottom.png");

	background-size: 100% 100%;

    background-position: top left;

    background-repeat: no-repeat;

	z-index:10;

}

.sliderBlock .intro {

	font-weight:800;

	color:#513519;

	font-size:1.125rem;

	margin-top:1rem;

	margin-bottom:1rem;

	font-variation-settings:"wght" 800;

}

.sliderNav {

	margin:30px 0;

}

.owl-carousel.sliderNav .owl-dots {

	margin:20px 0 0;

}

.sliderNav .sliderItem {

	--link_colour:#25572e;

}

.sliderNav .sliderItem.active {

	--link_colour:#b09167;

}



.sliderNav .sliderItem .slideTrigger {

	display:block;

	position:relative;

}

.sliderNav .sliderItem .slideTrigger:before {

	content:'';

	display:block;

	padding-top:100%;

	width:100%;

}

.sliderNav .sliderItem .slideTrigger:after {

	content:'';

	display:block;

	top:0;

	left:0;

	width:100%;

	height:100%;

	position:absolute;

	mask-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/slider-nav_border.png");

	mask-size:contain;

	mask-position:center;

	background-color:currentColor;

}

.sliderNav .sliderItem .sliderIcon{

	position: absolute;

	top:20%;

	left:20%;

	width:60%;

	height:60%;

    background-color: currentColor;

    mask-size: contain;

    mask-repeat: no-repeat;

    mask-position: center;

}

.sliderBlock .sliderItems {

	background:#25572e;

	color:#fff;

	--title_colour:#fff;

	--link_colour:#af9167;

	padding:0 0 0px;

	border-radius:var(--callout_corners);

}

.sliderBlock .sliderItems .item {

	position:relative;

}

.sliderBlock .sliderItems .item .sliderIcon{

	position:absolute;

	top:25px;

	right:25px;

	width:50px;

	height:50px;

	background-color:currentColor;

	mask-size:contain;

	mask-repeat:no-repeat;

	mask-position:center;

}

.sliderBlock .sliderItems .sliderInner{

	padding:100px 30px 30px;

}

.sliderBlock .sliderItems .sliderInner h3{

	margin-top:0;

}

.sliderBlock .sliderItems .sliderInner .txt{

	margin:1.5rem 0 2rem;

}

.sliderItems .owl-nav {

	position:absolute;

	top:30px;

	left:30px;

	display:flex;

	color:#af9167;

	z-index:110;

    font-size: 20px;

}

.sliderItems .owl-nav .owl-next,

.sliderItems .owl-nav .owl-prev{

	line-height:30px;	

	width:20px;

	height:30px;

	cursor:pointer;

	text-align:center;

}

@media (min-width:992px){

	.sliderBlock .sliderItems .sliderInner .txt{

		margin:1.5rem 0 3rem;

	}

	.sliderBlock .sliderItems .sliderInner h3 {

		padding-right:110px;

	}

	.sliderBlock .sliderItems .sliderInner{

		padding-left:60px;

		padding-right:60px;

	}

	.sliderBlock .sliderItems .sliderInner{

		padding-bottom:100px;

	}

	.sliderBlock .sliderItems .item .sliderIcon{

		width:100px;

		height:100px;

		right:50px;

		top:30px;

	}

	.sliderItems .owl-nav {

		top:auto;

		left:auto;

		bottom:70px;

		right:40px;

		font-size:25px;

	}

	.sliderItems .owl-nav .owl-next,

	.sliderItems .owl-nav .owl-prev{

		margin:0 20px;

	}

	.dynamic-slider_block {

		padding-top:230px;

		padding-bottom:230px;

	}

	.sliderBlock:before,

	.sliderBlock:after {

		height:230px;

	}

	.sliderBlock:before{

		top:-230px;

	}

	.sliderBlock:after{

		bottom:-230px;

	}

}





/* Entry checker */



.form_block select {

	--button_colour : #af9167;

    width: 160px;

    display: block;

	border:solid 1px;

    color: var(--button_colour,#fff);

    background: transparent;

    border-color: var(--button_border,#000);

	border-radius:10px;

	text-decoration:none;

	font-size:0.875rem;

	text-transform:uppercase;

    line-height: 1rem;

    padding: 1rem 2rem 1rem;

    position: relative;

    transition: 300ms;

	letter-spacing:0.5px;

	font-family:'gotham-medium',sans serif;

	border-radius:0;

	margin:1rem auto 0;

}



.text-birth {

    display: block;   

	margin:1rem 0;

}



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

	.form_block select {

		display:inline-block;

	}

}

.first-row-select {

    vertical-align: top;

    margin-bottom: 20px;

}



.form_block .button {

    display: inline-block;

    color: var(--button_colour,#fff);

    background: var(--button_bg,#000);

	text-decoration:none;

	font-size:0.875rem;

	text-transform:uppercase;

    line-height: 1rem;

    padding: 0.8125rem 2rem 0.8125rem;

    position: relative;

    transition: 300ms;

	letter-spacing:0.5px;

	font-family:"Open Sans", serif;

	margin-top:25px;

    border: 0;

}

.form_block .button:before {

    content: "";

    width: 30px;

    height: 23px;

    background: inherit;

    mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaves2.svg");

    mask-size: contain;

    mask-position: center;

    mask-repeat: no-repeat;

    display: block;

    position: absolute;

    top: -18px;

    right: 60%;

    transform: rotate(-100deg);

}

.slider-caption-top a, .slider-caption-top-posttype a {

    display: inline-block;

    color: var(--button_colour,#fff);

    background: var(--button_bg,#000);

	text-decoration:none;

	font-size:0.875rem;

	text-transform:uppercase;

    line-height: 1rem;

    padding: 0.8125rem 2rem 0.8125rem;

    position: relative;

    transition: 300ms;

	letter-spacing:0.5px;

	font-family:"Open Sans", serif;

	margin-top:25px;

    border: 0;

}



.slider-caption-top a.cycle-pager-active, .slider-caption-top a:hover, .slider-caption-top-posttype a.cycle-pager-active, .slider-caption-top-posttype a:hover {

    --button_bg: #25572e;

    --button_border: #25572e;

}



.dynamic-entry-checker {

    padding: 65px 0px 0px;

    position: relative;

    text-align: center;

    margin: 0px;

}



.dynamic-entry-checker #registration_timeline {

    margin-top: 40px !important;

}





.dynamic-entry-checker h4 {



}



.dynamic-entry-checker .time_line_single {

    padding: 40px 0;

    font-size: 16px;    

}



.time_line p {

    font-size: 16px;

    text-align: center;

}



.dynamic-entry-checker .time_line_single_inner {

    text-align: left;

    padding: 20px 20px 20px 40px;

    position: relative;

}

.dynamic-entry-checker .time_line_single_inner:after {

    background: rgba(0, 0, 0, 0.25);

    height: 1px;

    width: 100%;

    content: '';

    margin: 20px auto;

    display: block;

}

.dynamic-entry-checker .time_line_single_inner:before {

    background: #061A37;

    content: '';

    display: block;

    position: absolute;

	margin: 0 2px;

    cursor: pointer;

    display: inline-block;

    height: 40px;

    width: 40px;

    text-align: center;

    font-size: 0px;

    background-color: #065a2e;

    mask-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/single-leaf.png");

    mask-position: center;

    mask-repeat: no-repeat;

    transition: background-color 300ms;

    vertical-align: middle;

	left:-20px;

}









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

.dynamic-entry-checker .time_line_single_inner:before {

    left: -22px;

}

}



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



}

.gridGroup {

	margin-top:2rem;

}

.gridGroup >.row{

	--bs-gutter-x: 2rem;

    --bs-gutter-y: 2rem;

    align-items: center;

	justify-content:center;

}

.iconGridItem {

	text-align:center;

    height: 120px;

    line-height: 120px;

}

.iconGridItem img{

	object-fit:contain;

	width:auto;

	height:auto;

	max-height:110px;

}

.owl-carousel .owl-item .iconGridItem img {

	width:auto;

	display:inline-block;	

}

.iconGrid .owl-nav {

	font-size:26px;

}

.iconGrid .owl-nav .owl-prev{

	position:absolute;

	bottom:0;

	left:0%;

	margin-left:30px;

	color:#b09167;

}

.iconGrid .owl-nav .owl-next {

	position:absolute;

	bottom:0;

	right:0;

	margin-right:30px;

	color:#b09167;

}

.homeDynamic.dynamic-form_block  {

    padding-top: 110px;

    padding-bottom: 110px;

}



.formBlock {

	background:#f8f5f0;

	padding-top:20px;

	padding-bottom:20px;

	position:relative;	

}

.formBlock > .container{	

    position: relative;

    z-index: 1;

}

.formBlock:before,

.formBlock:after {

	content:'';

	display:block;

	width:100%;

	height:110px;

	left:0;

	position:absolute;

}

.formBlock:before{

	top:-110px;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/voices-curve-top.png");

	background-size: 100% 100%;

    background-position: top left;

    background-repeat: no-repeat;

	z-index:10;

}

.formBlock:after {

	bottom:-110px;

	background-image:url("https://www.greenschool.org/wp-content/themes/schoolcms/images/voices-curve-bottom.png");

	background-size: 100% 100%;

    background-position: top left;

    background-repeat: no-repeat;

	z-index:10;

}

.formBlock.flip:before {

	-moz-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

    filter: FlipH;

    -ms-filter: "FlipH";

}

.formBlock.flip:after {

	-moz-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

    filter: FlipH;

    -ms-filter: "FlipH";

}

.formBlock .icons:before {

    content: '';

    display: block;

    width: 300px;

    aspect-ratio: 1 / 1.2;

    position: absolute;

    left: -30px;

    bottom: 0;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/trunk-circle.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 11;

    transform:translate(-60%, 60%) rotate(170deg);

}

.formBlock .icons:after {

    content: '';

    display: block;

    width: 320px;

    aspect-ratio: 1;

    position: absolute;

    right: 0px;

    top: 40%;

    background-image: url("https://www.greenschool.org/wp-content/themes/schoolcms/images/leaf-bg-3.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 0;

    pointer-events: none;

    transform: translate(0%, -50%);

}



@media (min-width:992px){

	.formBlock {

		padding-top:50px;

		padding-bottom:50px;

	}

	.homeDynamic.dynamic-form_block  {

		padding-top: 230px;

		padding-bottom: 230px;

	}

	.formBlock:before,

	.formBlock:after {

		height:230px;

	}

	.formBlock:before{

		top:-230px;

	}

	.formBlock:after{

		bottom:-230px;

	}

	.formBlock.flip .icons:before {

        width: 500px;

        top: auto;

        bottom: 0;

    }

	.formBlock .icons:before {

        width: 500px;

        top: auto;

        bottom: 0;

    }

	.formBlock .icons:after {

        width: 500px;

        top: 0;

        transform: translate(0%, 0%);

    }

}

/*------------------------------------*\

    END DYNAMIC CONTENT

\*------------------------------------*/



/*------------------------------------*\

    Sidebar

\*------------------------------------*/

#innnerWrap .navSidebar {

	display:none;

}

@media (min-width:1400px){

	#innnerWrap {

		position:relative;

		padding-left:280px;

		padding-bottom:5px;

	}

	#innnerWrap .navSidebar {

		position:absolute;

		left:0;

		top:0;

		height:calc(100% + 50px);

		width:280px;

		background:var(--style_bg);

		color:var(--style_colour);

		display:block;

		--link_colour:#fff;

		--link_colour_hover:#b99d5f;

		--title_colour : #fff;

	}

}





.sidebar {

	margin-top:0px;

	padding:1rem 1rem;

}

.sidebar h3{

	text-transform:uppercase;

    letter-spacing: 0.5px;

    font-family: 'gotham-medium', sans serif;

	font-size:0.875rem;

    margin-bottom: 30px;

	--div_colour : #fff;

}

.sidebar h3:after {

    content: '';

    position: relative;

    width: 100%;

    max-width: 80px;

    height: 3px;

    background: var(--div_colour, #9cc34b);

    border-radius: 50%;

    display: block;

    margin: 15px auto 5px 0;

}

#menu-side {

    font-family: 'Eboracum', serif;	

}

#menu-side li{

	position:relative;

	margin:12px 0;

}

#menu-side a {

	display:block;

	text-decoration:none;

}

#menu-side a:hover {

	text-decoration:none;

}

#menu-side .sub-menu li.menu-item-has-children > a{

	margin-right:10px;

}

#menu-side .sub-menu li.menu-item-has-children > .arrow {

	right: 0;

    top: 0;

    position: absolute;

    width: 40px;

    height: 25px;

	cursor:pointer;

}

#menu-side .sub-menu li.menu-item-has-children > .arrow:before {

	position:absolute;

	content: '+';

	display: block;

	text-align:center;

	width: 20px;

	height: 25px;

	line-height:25px;

	position: absolute;

	left: 10px;

	top: 0px;

    font-family: "Open Sans", sans serif;

	transform: rotate(0deg);

	transition: 300ms;

	font-size:30px;

}



#menu-side .sub-menu li.menu-item-has-children.open > .arrow:before {

	content: '-';

}

#menu-side .sub-menu .sub-menu {

	font-size:0.875rem;

	text-transform:uppercase;	

    letter-spacing: 0.5px;

    font-family: 'gotham-medium', sans serif;

	padding-left:16px;

	margin-top:14px;

	margin-bottom:20px;

	display:none;

}

#menu-side .sub-menu li.menu-item-has-children.open > .sub-menu {

	display:block;

}

/*Blog sidebar*/

#blognav ul {

	list-style:none;

}

.sidebarSec {	

    padding:0px 15px 15px;

	margin:0 auto 10px;

}

@media (min-width:1200px){



}

/*Animation*/





.hideme {

	opacity:0;

	top:30px;

	position:relative;

	transition:500ms;

}

.hideme.active {

	opacity:1;

	top:0;

}





/* Hide Indonesia menu on Bali site */



.menu-item-1734 {

	display:none;

}

#menu-side .menu-item-1734 {

	display:block;

}