
// Colours

/*
	#00b27d - Green

	#50b748 - Forest green

	#84c77a - Mid green

	#b1d136 - Lime

	#397459 - Dark green

	#162846 - Navy

*/

.text-primary {
	color: #00b27d!important;
}

.btn {
	/*font-size: 1.4rem;*/
}

.btn-primary {
	background: #00b27d!important;
	border-color: #00b27d!important;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #b1d136!important;
	border-color: #b1d136!important;
}

.disabled {
	background: #ccc!important;
	border-color: #ccc!important;
}

.disabled:hover,
.disabled:focus {
	background-color: #ccc!important;
	border-color: #ccc!important;
}


.site-section-heading.w-border h2:after {
	background: #00b27d!important;
}

.padded-multi-line-primary, .unit-9 h2 {
	display: inline;
	background: #00b27d;
	/*line-height: 44px;*/
	line-height: 38px;
	padding-bottom: 8px;
	-webkit-box-shadow: 10px 0 0 #00b27d, 0px 0 0 #00b27d;
	box-shadow: 10px 0 0 #00b27d, 0px 0 0 #00b27d;
}

.site-footer {
	color: #fff;
	background: #162846;
	padding: 2em 0;
}

.site-footer_divider {
	color: #666;
	display: inline-block;
	padding: 0 10px;
}

.site-footer_item {}

.site-footer_item-logo {
	/*font-family: 'Oswald', sans-serif;*/
	font-family: 'Scheherazade', serif;
	font-size: 20px;
	color: #00b27d;
}

.site-footer_item-logo .text-primary {
	color: #00b27d !important;
}

.site-footer_social-link {
	font-size: 24px;
}


.site-navbar .site-navigation .site-menu > li > a {
	color: rgba(255,255,255,1);
}

.site-navbar .site-navigation .site-menu > li > a:hover {
	border-bottom: 4px solid #b1d136;
}



.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
	color: #00b27d!important;
}

.site-logo {
	display: inline-block;
	padding: 20px;
	position: relative;
}

.site-logo_image {
	width: 180px;
	margin-top: 5px;
}

.site-logo:before {
	content: "";
	/*background: rgba(22,40,70,0.9);*/
	background: rgba(255,255,255,0.95);
	position: absolute;
	top: -10px;
	height: 180px;
	display: block;
	left: 0;
	right: 0;
	z-index: -1;
}


.site-navbar .site-navigation .site-menu .active > a {
	border-bottom: 4px solid #00b27d;
}

.site-mobile-menu .site-nav-wrap a:hover {
	color: #00b27d;
}

.site-mobile-menu .site-nav-wrap li.active > a {
	color: #00b27d;
	font-weight: bold;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:after {
    font-size: 12px;
    z-index: 19;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -209px;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.01);
    width: 245px;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.active {
	background-color: #00b27d;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.active:before {
	color: #fff;
}

.dropdown {
	display: block!important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
	min-width: 240px;
}

.site-navbar .site-navigation .site-menu > li > a span {
	color: #fff;
}



.site-blocks-cover h1 {
	font-size: 4rem;
}

.site-blocks-cover p {
	font-size: 1.5rem;
}


.content-half {
	position: relative;
	background: #fff;
	margin-top: -120px;
	-webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.1);
	flex-wrap: wrap;
}

.content-half .image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.content-half div {
	width: 50%;
}

.content-half .text {
	padding: 100px;
}

.content-half_no-margin {
  margin-top: 0;
}


/*Mobile overrides*/

@media (max-width: 991.98px) {

	.site-logo:before {
		height: 130px;
	}

	.site-logo_image {
		display: block;
		width: 120px;
		margin-top: 0;
	}

	.content-half {
		margin-top: -100px;
	}

	.content-half_no-margin {
		margin-top: 0;
	}

	.content-half .text {
		padding: 60px;
	}

	.content-half .image {
		padding-top: 0;
	}
}

@media (max-width: 767.98px) {

	.site-blocks-cover.inner-page-cover, 
	.site-blocks-cover.inner-page-cover .row {
    	min-height: 400px;
	}

	.site-blocks-cover h1 {
		font-size: 2rem;
	}

	.site-blocks-cover p {
		font-size: 1rem;
	}

	.content-half {
		margin-top: -80px;
	}

	.content-half_no-margin {
		margin-top: 0;
	}

	.content-half div {
		width: 100%!important;
	}

	.content-half .image {
		padding-top: 68vw;
	}

	.content-half .text {
		padding: 30px;
	}

	.content-half_reverse-layout {
		flex-direction: column-reverse;
	}

	.site-footer_divider {
		display: none;
	}

	.site-footer_item {
		display: block;
	}

}

.unit-9:hover h2,
.unit-9:focus h2 {
	background: #b1d136;
	box-shadow: 10px 0 0 #b1d136, 0px 0 0 #b1d136;
}


a {
	color: #00b27d;
}

a:hover,
a:focus {
	color: #b1d136;
}

ul.content-list {
	list-style-type: none;
	display: table;
	margin-top: 1rem;
	padding-left: 0;
}

ul.content-list li {
	padding-left: 1.4375rem;
	list-style-type: none;
	position: relative;
	margin-bottom: 0.5rem;
}


ul.content-list li:before {
	box-sizing: border-box;
	content: "•";
	display: block;
	position: absolute;
	top: .05rem;
	left: 0;
	overflow: hidden;
	line-height: 1;
	font-weight: bold;
	font-size: 1.5rem;
	color: #00b27d;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

form label {
	font-weight: bold;
}

.help-block.with-errors {
	font-size: 13px;
}

.required {
	color: #ff5050;
}

.required-legend {
	font-size: 13px;
	text-align: right;
	padding-top: 15px;
}

.form-control {
	background: #fff!important;
}

.form-control:active, 
.form-control:focus {
	border-color: #00b27d;
	color: #000;
}

.has-danger .form-control {
	border-color: #ff5050;
}


.panel-heading {
	font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #000;
    position: relative;
    padding-bottom: 15px;
}

.panel-heading:before {
    content: "";
    background: #00b27d;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0;
}
