/*
Theme Name: Creatomatic WordPress Framework
Theme URI: http://www.creatomatic.co.uk/our-framework-for-wordpress/
Description: Client website theme
Author: Creatomatic Ltd
Author URI: http://www.creatomatic.co.uk
License URI: http://www.creatomatic.co.uk/terms-and-conditions/

Colours being used:

dark blue # 0E3D46
light blue # 1AAFAD

dark green # 0E3D46
light green # 77B665



*/


html, body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
	color: #000;
	font-size: 16px;
	background: #387F97;
	line-height: 1.5;
	font-weight: 400;
}

h1, h2, h3 {
	font-family: 'El Messiri', 'Montserrat', 'Helvetica', 'Arial', sans-serif;
	margin: 0;
	font-weight: 600;
	font-size: 38px;

}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

iframe{
	max-width: 100%;
}

iframe img{
	max-width: inherit;
}

#google-map img{
	max-width: inherit;
}

.clearer, .creatomatic-clearer {
	clear: both;
	height: 0;
}

*:focus {  
	outline: none;
}

a {
	color: #b80000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

::selection {
	background: #69bdd2; /* Safari */
	color: #fff;
}

::-moz-selection {
	background: #69bdd2; /* Firefox */
	color: #fff;
}

.centred {
	margin: 0 auto;
	text-align: center;
	max-width: 1200px;
}

.hr, hr {
	background:url(images/hr.png) repeat-x top left;
	height: 2px;
	margin: 5px 0 5px 0;
	border: 0;
}




/* Heading */

.static-social-media{
	position: fixed;
	right: -40px;
	padding: 10px 50px 10px 50px;
	z-index: 4500;
	background: #EB6D39;
	top: 300px;
	border-radius: 50% 50%;
}

.static-social-media a.social-icon i{
	width: 16px;
	height: 16px;
	font-size: 16px;
	padding: 5px;
	color: #EB6D39;
	margin: 5px 0;
	float: left;
}

.static-social-media a.social-icon i:hover{
	background: #EB6D39;
	color: #fff;
}

.top-bar{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #062639;
	color: #fff;
	z-index: 5000;
	border-bottom: 10px solid #EFAD00;
	overflow: hidden;
}

a.header-logo{
	float: left;
	width: 142px;
	background: url(images/moat-brae-dumfries-logo.png) left top no-repeat;
	background-size: 100% auto;
	height: 110px;
	margin: 20px 0 20px 1%;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.top-bar-right{
	float: right;
	width: calc(100% - 162px);
	margin: 20px 0 0 0;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	z-index: 99;
	position: relative;
}

.top-nav{
	float: right;
	font-size: 12px;
	text-transform: uppercase;
}

.top-nav ul{
	margin: 0;
	padding: 0;
}

.top-nav ul li{
	list-style: none outside none;
	display: inline;
}

.top-nav ul li a{
	color: #fff;
	border-right: 1px solid #fff;
	padding: 0 5px;	
}

.top-nav ul li a:hover{
	color: #72B249;
}

/*.top-bar ul li ul{
	display: none;
}*/

.top-nav ul li:last-child a{
	border: none;
}

.top-bar-right i.fa-search{
	float: right;
	margin-left: 20px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.top-bar-right i.fa-search:hover{
	color: #72B249;
	cursor: pointer;
}



.on-scroll a.header-logo{

	background: url(images/moat-brae-dumfries-logo.png) left top no-repeat;
	background-size: 100% auto;
	width: 82px;
	height:61px;
}


.on-scroll .top-bar-right{
	margin-top: 5px;
}

.on-scroll .nav{
	margin: 10px 0 5px 0;
}



.top-bar-whatson{
	float: left;
	width: 100%;
	background: #72B249;
	padding: 10px 0;
	
	display: none;
}

.top-bar-whatson a.button-link{
	margin: 0;
	float: left;
}

a.header-featured-event{
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	width: 15%;
	margin: 0 2%;
}

.moon-header {
	position: absolute;
	right: -30px;
	bottom: 100px;
}

.star-header {
    position: absolute;
    right: -162px;
    bottom: -20px;
    -ms-transform: rotate(180deg);
    transform: rotate(90deg);
}

.stones-content-right {
	position: absolute;
	right: -120px;
	bottom: -39px;
	-ms-transform: rotate(180deg);
	transform: rotate(170deg);
	width: 350px;
}

.stones-content-left {
	position: absolute;
	left: -120px;
	bottom: -39px;
	-ms-transform: rotate(180deg);
	transform: rotate(170deg);
	width: 200px;
}

.quote-trees {
	position: absolute;
	left: 100px;
	bottom: 80px;
}


/* Search */

.top-bar-search{
	float: left;
	width: 100%;
	background: #72B249;
	padding: 5px 0;
	text-align: center;
	
	display: none;
}

.superfastsearch_outer{
	display: inline-block;
	width: 600px;
	max-width: 96%;
}

.superfastsearch /* control the width of the outer box from here */ {
	width: 100%;
}

.superfastsearch_results, .superfastsearch_input {
	width: 94%;
	padding: 11px 3% 7px 3%;
	background: none;
	color: #000;
	border: none;
	font-family: inherit;
	font-size: 16px;
}

.superfastsearch_input{
	width: 100%;
	padding: 10px 0;
	background: none;
	font-size: 20px;
}

.superfastsearch_input::placeholder{
	color: #ffff;
}

.superfastsearch_results{
	padding: 0px 3%;
	top: 50px;
	background: #72B249;
	color: #fff;
	z-index: 400;
	box-shadow: none;
	border: none !important;
}

.sfs_post_title{
	text-transform: uppercase;
}

a.sfs_result{
	border: none;
	color: #fff;
}

.sfs_result:hover, .sfs_result:focus{
	color: #545454;
}



/* Navigation */

.nav {
	text-align: right;
	display: inline-block;
	width: 100%;
	margin: 20px 0 20px 0;
	
	margin-top: 35px;
	
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav ul li {
	/*float: left;
	width: 20%;*/
	
	display: inline;
	text-decoration: none;
	color: #fff;
	position: relative;
	list-style: none outside none;
}

.nav ul li:last-child{
	/*float: right;*/
	text-align: right;
	width: auto;
}

.nav ul li:last-child a{
	background: url(images/admissions-bg.png) center center;
	background-size: 100% 100%;
	padding: 10px 16px;
}

.nav ul li:last-child a:hover{
	color: #fff;
}

.nav ul li ul.sub-menu{
	display: none;
}

.nav ul li ul li:last-child{
	float: left;
	text-align: center;
	width: 100%;
}

.nav ul li ul li:last-child a{
	background: none;
}

.nav a {
	position: relative;
	padding: 10px 5px;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	
	padding: 10px;
	margin: 0 10px;
	font-size: 16px;
}

.nav a:hover, .nav .menu li ul li a:hover, .nav li.current_page_ancestor a, .nav li.current_page_item a{
	color: #EFAD00;
}

.nav li.current_page_item:last-child a{
	color: #545454;
}

.nav li ul li.current_page_item:last-child a {
	color: #EFAD00;
}

.nav .menu li ul li {
	width: 100%
}

.nav .menu li ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}





/* Mobile Nav */

.mobile-nav /* Hides on desktops */ {
	display: none;
	width: 100%;
}

.mobile-nav-header {
	color:#fff;
	width: auto;
	margin: 0 2%;
	text-align: left;
	float: right;
	
	display: none;
}

.mobile-nav-header:hover{
	cursor: pointer;
}

.mobile-nav-header span{
	float: left;
	margin: 20px 10px 10px 10px;
	
	display: none;
}

.mobile-nav-header i{
	float: left;
	font-size: 46px;
	text-align: center;
	padding: 10px;
}

.mobile-nav-header i.arrow{
	display: none;
}


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

.mobile-nav a {
	color:#fff;
	float: left;
	width: 80%;
	margin: 0;
	background: #387F97;
	text-align: left;
	padding: 10px 10%;
}

.mobile-nav a:hover, .mobile-nav .current_page_ancestor > a, .mobile-nav .current_page_item > a {
	background:#062639;
	color: #fff;
}

.mobile-nav ul li ul a {
	padding: 10px 5% 10px 15%;
}






/* Body */

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}




.banner{
	float: left;
	width: 100%;
}

.banner .slide {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.banner .slide-overlay{
	float: left;
	width: 100%;
	background: rgb(20, 87, 98, 0.5);
	text-align: center;
	min-height: 400px;
}

.slide-info{
	color: #fff;
	display: inline-block;
	width: 740px;
	max-width: 90%;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}

.slide-info h2{
	font-family: 'El Messiri', 'Montserrat', 'Helvetica', 'Arial', sans-serif;
	text-transform: none;
	font-size: 28px;
}

.slider-top {
	font-size: 78px;
}

.section-title{
	display: inline-block;
	width: 100%;
	font-family: 'El Messiri', 'Montserrat', 'Helvetica', 'Arial', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
}

.slide-info .button-link {
	background: #EB6D39;
}

h1 span, h2 span{
	position: relative;
	color: #387F97;
}

h1.h1small span{
	font-size: 24px;
}

.section-text h1 span{
	position: relative !important;
	color: #387F97 !important;
}

.slide-info h1 span, .pattern-bg h1 span, .funders .section-title span, .inner-image h1 span, .funders-page span{
	color: #fff;
}

.section-title span, .section-text h1 span{
	position: relative;
}

h1 img, h2 img, .section-title img, .section-text h1 img{
	position: absolute;
	height: 40px;
	top: -40px;
	left: -10px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.page-content h1{
	margin-top: 50px;
}

.page-content a{
	color: #72B249;
}

.crumbs{
	display: inline-block;
	width: 96%;
	text-align: right;
	font-size: 11px;
	margin: 0 2%;
}

.crumbs a{
	color: #72B249;
}


.white-content-outer{
	float: left;
	width: 96%;
	padding: 0 2%;
	background: #fff;
	position: relative;
}

.white-content-outer-bottom {
	float: left;
	width: 96%;
	padding: 0 2%;
	background: #C6C6C6;
	color:#fff;
	position: relative;
	z-index: 9;
}

.page-content{
	display: inline-block;
	width: 96%;
	padding: 20px 2%;
	text-align: left;
}

.page-content li{
	margin-bottom: 15px;
}

.page-content ul{
	padding: 0;
}

.page-content-inner-border{
	box-shadow: 0 0 2px #387F97;
	padding: 50px 10%;
	width: 74%;
	margin: 40px 3%;
	text-align: center;
}

.white-content-outer-bottom .page-content-inner-border{
	box-shadow: 0 0 2px #fff;
}

.white-content-outer-bottom .page-content-inner-border span {
	color: #fff;
}

.home-top-content iframe{
	width: 100%;
	height: 300px;
}

.home-top-content figure{
	margin: 0;
}

.job-page{
	box-shadow: none;
	padding: 20px 2%;
	width: 96%;
	margin: 0;
}

.page-section{
	margin-top: -130px;
	padding: 40px 2%;
}

.section-layout-top-content{
	position: absolute;
	bottom: -150px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1200px;
	max-width: 100%;
}



a.archive-grid{
	float: left;
	width: 29.33%;
	margin: 40px 2% 0 2%;
	box-shadow: 0 0 2px #72B249;
	color: #000;
	padding-bottom: 10px;
	text-align: center;
	background: #fff;
}

a.archive-grid-odd{
	clear: left;
}

a.archive-grid h3{
	color: #387F97;
	margin-top: 15px;
	width: 90%;
	margin-left: 5%;
	min-height: 75px;
	line-height: normal;
	text-transform: none;
	font-size: 26px;
}

a.archive-grid p{
	width: 84%;
	margin-left: 8%;
	font-size: 13px;
	min-height: 80px;
}

a.archive-grid .button-link{
	max-width: 70%;
}


.pattern-bg{
	float: left;
	margin-top: -50px;
	padding: 150px 0 100px 0;
	background: #ADD3DC url(images/pattern-bg.png) bottom center;
	/*background: #ADD3DC;*/
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #fff;
	background-size: 100% auto;
}

.pattern-bg .page-content h1, .pattern-bg .page-content h2{
	color: #fff;
}


.home-bottom-bg{
	float: left;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	position: relative;
}

.home-bottom-bg .white-content-outer-bottom{
	margin-top: 40%;
	font-size: 14px;
}



.quote-outer{
	position: relative;
	float: left;
	width: 96%;
	padding: 200px 2%;
	color: #fff;
	background: #72B249;
}

/*.quote-outer .svg{
	width: 100%;
}

path {
  fill: transparent;
}

text {
  fill: #fff;
  font-size: 8px;
}*/

.jm-barrie-quote{
	display: inline-block;
	font-style: italic;
	font-size: 20px;
	width: 600px;
	max-width: 90%;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
}

.jm-barrie-quote span{
	position: relative;
	display: inline-block;
}

.jm-barrie-quote img{
	position: absolute;
	right: -10px;
	height: 40px;
	top: -40px;
}


.funders-outer {
	float:left;
	width:100%;
	background: #003931;
}

.funders{
	display: inline-block;
	width: 100%;
	margin: 150px 0;
}

.single-funder{
	float: left;
	margin: 15px 2%;
	width: 12.666%;
	height: 150px;
	text-align: center;
}

.single-funder img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-height: 150px;
	width: auto;
}

.single-funder a{
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.single-funder a:hover{
	opacity: 0.6;
}





.inner-image{
	float: left;
	width: 100%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
	background-attachment: fixed; /* this might not work for all images and may need removed */
}

.inner-image-overlay{
	float: left;
	width: 100%;
	background: rgba(14, 61, 70,0.5);
	color: #fff;
	text-align: center;
	height: 500px;
}


.inner-image-overlay h1{
	margin: 130px 0 50px 0;
	display: inline-block;
	width: 800px;
	max-width: 96%;
}







a.more-information{
	float: left;
	width: 42%;
	padding: 20px 2%;
	margin: 40px 2% 0 2%;
	background: #fff;
	color: #000;
}




#sidebar{
	display: inline-block;
	width: 100%;
	margin: 0 0 30px 0;
}

#sidebar ul{
	margin: 0;
	padding: 0;
}

#sidebar ul li{
	list-style: none outside none;
	float: left;
	width: 31.33%;
	margin: 0 1%;
	text-align: left;
}

#sidebar ul li select{
	-webkit-appearance:none;
	width: 100%;
	padding: 6px;
	font-size: 16px;
	border: 1px solid #BABABA;
	border-radius: 0;
	background: #fff;
}

#sidebar ul li input[type="text"]{
	font-size: 16px;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
	padding: 4px;
	float: left;
	margin-right: 5px;
	line-height: normal;
	border: 1px solid #BABABA;
	min-height: 26px;
	width: 95%;
}

#sidebar ul li input[type="submit"]{
	text-transform: uppercase;
	border: none;
	float: left;
	line-height: normal;
	background: #72B249;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 8px 10px 7px 10px;
	border-radius: 0px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	  margin-top: 10px;
}

#sidebar ul li h2{
	font-size: 14px;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
}




.pagination{
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	margin: 60px 0 10px 0;
	text-align: center;
	border-top: 2px solid #387F97;
}

.pagination a.page-numbers, .pagination span.current{
	border: none;
	display: inline-block;
	padding: 0 5px;
	text-align: center;
	color: #387F97;
}

.pagination span.current, .pagination a.page-numbers:hover, .pagination a.prev:hover, .pagination a.next:hover{
	color: #72B249;
}

.pagination a.prev, .pagination a.next{
	width: auto;
	border: none;
}







.section-bg{
	float: left;
	width: 100%;
	height: 750px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.section-text{
	background: #fff;
	float: left;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	max-width: 100%;
	width: 1200px;
	margin: 0 auto;
	bottom: -100px;
	z-index: 10;
}

.section-text .page-content{
	text-align: center;
	padding-top: 80px;
}

.section-text .read-more{
	display: none;
	float: left;
	width: 100%;
}

.section-text .button-link span.less{
	display: none;
}






/* Events */

.eve-archive a.eve-archive-buy {

    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    margin: 0;
    height: 20px;

}

.eve-archive a{
	background: #fff;
}

.event-filters{
	width: 100%;
	padding: 0;
	background: none;
	text-align: left;
}

.event-filters h2{
	margin-bottom: 20px;
}

.eve-keywords-container{
	float: left;
	width: 30%;
}

.eve-date-container{
	float: left;
	width: 30%;
	margin: 0 2%;
}

.eve-categories-container{
	float: left;
	width: 20%;
}


.eve-left{
	width: 100%;
	margin: 30px 0;
}

.events-header h1{
	display: none;
}

form.events-search input[type="submit"]{
	background: #DF4C00;
	float: right;
	margin-top: 30px;
}

.option-submit, .eve-submit-container{
	display: none;
}

.events-header{
	border-bottom: 1px solid #DF4C00;
	margin-bottom: 30px;
	display: none;
}


.events-header-option{
	background: #E3E3E3;
	color: #BABABA;
	border: 1px solid #E3E3E3;
	border-bottom: 1px solid #DF4C00 !important;
}

.events-header-option:hover, .option-active{
	border: 1px solid #DF4C00;
	background: #DF4C00;
	color: #fff;
}


a.eve-story, .eve-story{
	border-bottom: none;
	box-shadow: 0 0 2px #DF4C00;
	background: #fff;
}


.story-text{
	display: inline-block;
	width: 90%;
	margin: 10px 5%;
}

.sponsor-title{
	position: absolute;
	background: #DF4C00;
	color: #fff;
	font-size: 11px;
	top: 0;
	right: 0;
	padding: 5px;
}


.single-event-left{
	float: left;
	width: 40%;
	margin: 30px 5% 30px 0;
}

.eve-single-times span, .eve-single-times div {
    float: left;
}

.eve-single-times span {
    margin: 0 5px;
}

.single-event-right{
	float: left;
	width: 50%;
	margin: 30px 0 30px 5%;
}

.single-event-right-full{
	width: 100%;
	margin: 30px 0;
}

.single-event-right a.button-link{
	float: right;
}


.single-event-date, .single-event-time, .single-event-price, .single-event-location{
	float: left;
	margin-right: 5%;
	min-width: 20%;
}

.page-content a.single-booking-button{
	background: url(images/admissions-bg.png) center center;
	background-size: 100% 100%;
	padding: 10px 16px;
}

.single-event-price textarea{
    border: none;
    resize: none;
    outline: none;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
	color: #000;
    font-size: 16px;
    line-height: 1.5;
	
    overflow: auto;
}

.more-dates-button{
	font-weight: bold;
	color: #DF4C00;
}


.single-event-left .single-event-date, .single-event-left .single-event-time,  .single-event-left .single-event-location, .single-event-left .single-event-price{
	width: 100%;
	margin: 0 0 20px 0;
	max-width: inherit;
}

.single-event-left strong{
	color: #387F97;
}


.eve-single-notice {

    background: #e1bf11;
    width: 120px;
    float: left;
    padding: 5px;
    color: #fff;
    text-align: center;
    margin-right: 10px;

}




.funders-page{
	display: inline-block;
	width: 100%;
	margin: 100px 0;
}


.visitor-info-costs{
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-top: 30px;
}

.page-content table{
	width: 100%;
	font-size: 14px;
	border-collapse: collapse;
}

.page-content table, .page-content td, .page-content th{
	border: 1px solid #ddd;
	font-size: 14px;
}

.page-content td, .page-content th{
	padding: 10px;
}




/* Team page styling */

.department-title{
	display: inline-block;
	text-align: left;
	padding: 40px 0 30px 0;
	border-top: 1px solid #72B249;
	width: 100%;
	margin-top: 30px;
}

.department-title h1{
	font-size: 34px;
	color: #838383;
	margin-left: 1%;
}

.team-member{
	float: left;
	width: 19%;
	margin: 20px 3%;
	color: #656565;
	font-size: 14px;
	text-align: left;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.team-member-odd{
	clear: left;
}

.team-member-image img{
	  -o-transition:1s;
	  -ms-transition:1s;
	  -moz-transition:1s;
	  -webkit-transition:1s;
	  transition:1s;
	  margin-bottom: 10px;
}

.team-member:hover > .team-member-content > .button-link{
	background: #4D1767;
	color: #fff;
}

.team-member h2{
	font-size: 16px;
	margin-bottom: 10px;
}

.team-member h3 {
	color: #387F97;
	margin-top: 10px;
	width: 90%;
	min-height: 30px;
	line-height: normal;
	width: 100%;
	font-size: 17px;
}

.team-member-position{
	font-weight: bold;
	min-height: 25px;
}

.eve-calendar-container, .eve-submit-container, .eve-list-container {
    min-height: auto;
}




/* Contact Form */

.contact-content{
	display: inline-block;
	width: 100%;
	margin: 0 0 30px 0;
	text-align: center;
}

.contact-info{
	float: left;
	width: 42%;
	padding: 20px 3%;
	margin: 10px 1%;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	background: #387F97 url(images/pattern-bg.png) center center;
	background-size: 100% auto;
	font-size: 14px;
	min-height: 434px;
	background-attachment: fixed;
}

.contact-info strong{
	font-family: 'Merriweather', 'Helvetica', 'Arial', serif;
	display: inline-block;
	width: 100%;
	font-weight: normal;
	font-size: 18px;
}


.opening-times table{
	width: 100%;
	font-size: 12px;
	font-weight: bold;
}

.contact-info p{
	margin: 0;
}

.contact-info a{
	color: #000;
}

.opening-times table {
	border: 1px solid #000;
}

.contact-page a.social-icon i{
	background: #E57838;
	color: #fff;
	width: 30px;
	height: 30px;
	font-size: 30px;
}

.contact-page .page-content{
	text-align: center;
}

.contact-form{
	display: inline-block;
	width: 100%;
	text-align: left;
	max-width: 96%;
	margin: 50px 2%;
}

.general-form{
	display: none;
}

.contact-page h3 {
	color: #387F97;
	font-size: 30px;
	margin: 40px 0 20px 0;
	text-align: center;
}

.contact-row {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
}

.contact-row-half{
	width: 50%;
	float: left;
}

.contact-row-half .contact-row{
	width: 96%;
}

.contact-row label {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 8px;
	text-transform: uppercase;
	color: #387F97;
}

.contact-row input[type="text"], .contact-row textarea {
	border: 1px solid #BABABA;
	padding: 8px 1%;
	width: 98%;
	max-width: 98%;
	font-size: 16px;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
}

.contact-tandc{
	font-size: 12px;
	margin-bottom: 0;
}



.message {
	color: #fff !important;
    background-color: #6aab5f;
    border-color: #6aab5f;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size:16px;
}






/* Footer */

.sign-up{
	float: left;
	width: 96%;
	padding: 10px 2%;
	background: #78486D;
	color: #fff;
	border-bottom: 10px solid #EB6D39;
}

a.sign-up-logo{
	float: left;
	width: 10%;
}

#mc_embed_signup{
	margin-top: 40px;
	display: inline-block;
	width: 80%;
}

#mc_embed_signup label{
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
	font-size: 18px;
}

#mc_embed_signup input[type="email"]{
	padding: 5px;
	border: none;
	font-size: 16px;
	width: 300px;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
}

#mc_embed_signup input[type="submit"]{
	padding: 5px 20px;
	border: none;
	font-size: 16px;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
	background: #C3366F;
	color: #fff;
	-webkit-appearance:none;
	cursor: pointer;
}


.footer {
	width: 96%;
	padding: 100px 2% 70px 2%;
	float: left;
	background: #72B249 url(images/footer-wrap.png) no-repeat bottom center;
	/*background: #72B249;*/
	background-size: 100% auto;
	color: #fff;
	border-top: 10px solid #EFAD00;
}

.footer a{
	color: #fff;
}

.footer a:hover{
	color: #003931;
}

.footer-menu{
	float: left;
	width: 23%;
	margin: 10px 1%;
	text-align: left;
}

.footer-menu strong{
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.footer-menu ul {
	margin: 0;
	padding: 0;
}

.footer-menu ul li {
	list-style: none outside none;
	display: block;
	margin-bottom: 5px;
}

.footer-info{
	display: inline-block;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 30px 0;
	margin: 30px 1%;
	width: 98%;
}

.footer-contact{
	float: left;
	text-align: left;
	width: 48%;
	margin-right: 2%;
}

.footer-contact p{
	margin: 0;
}

.footer-contact strong, .footer-social strong{
	text-transform: uppercase;
}

.footer-social{
	float: left;
	width: 50%;
	text-align: left;
}

a.social-icon i{
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 30px;
	padding: 8px;
	background: #fff;
	color: #003931;
	text-align: center;
	margin: 10px 10px 5px 0;
	border-radius: 50%;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

a.social-icon i.fa-tripadvisor{
	width: 38px;
}

a.social-icon i:hover{
	background: #003931;
	color: #fff;
	cursor: pointer;
}

.credit{
	display: inline-block;
	width: 98%;
	margin: 0 1%;
	text-align: left;
	font-size: 12px;
}

.privacy-menu ul{
	margin: 0;
	padding: 0;
}

.privacy-menu ul li{
	display: inline;
}

.privacy-menu ul li a{
	border-right: 1px solid #fff;
	padding: 0 5px;
}

.privacy-menu ul li:first-child a{
	padding-left: 0;
}

.privacy-menu ul li:last-child a{
	border-right: none;
}



/* Map */

.map-container{
	float: left;
	width: 45%;
	margin-right: 5%;
}

#google-map{
	height: 500px;
	float: left;
	width: 100%;
}

.contact-content-directions{
	float: left;
	width: 50%;
	text-align: left;
	font-size: 14px;
	
	width: 100%;
}




/* Browser-specific hacks - Chrome fonts, IE7 (!) dropdowns */

html {
	-webkit-font-smoothing: antialiased;
}

* + html .nav .menu li ul {
	margin-left: -100px;
	margin-top: 25px;
}

#catapult-cookie-bar {
 -webkit-transform: translateZ(0);
 }





#cboxClose {
	top: 0px;
	bottom: auto;
}


.wp-block-button{
	margin-bottom: 0;
}

	
a.button-link, .button-link, a.wp-block-button__link, .contact-row button, .wp-block-file .wp-block-file__button {
	display: inline-block;
	text-transform: uppercase;
	border: none;
	background: #72B249;
	color: #fff;
	padding: 10px 15px;
	min-width: 100px;
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
	border-radius: 5px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	
}

a.button-link-orange, .story-text .button-link{
	background: #EFAD00;
}

a.button-link-blue, .button-link-blue{
	background: #0EA6A5;
}

a.button-link-grey{
	background: #387F97;
}

a.button-link:hover, .button-link:hover, a.wp-block-button__link:hover, .contact-row button:hover{
	transform: scale(1.1);
	cursor: pointer;
}



/* wordress builtin classes for editor etc  taken from https://codex.wordpress.org/CSS#WordPress_Generated_Classes  */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

/* end wordress builtin classes for editor etc */













/* Cookie notification styling */


.wc_privacy_notice {
	position: fixed;
	bottom: -70px;
	width: 96%;
	text-align: center;
	background: rgba(255,255,255,0.9);
	border-top: 1px solid #999;
	padding: 10px 2% 1px;
	font-size: 14px;
	z-index: 60000;
	animation: slideDown 1s ease forwards;
		-webkit-animation: slideDown 1s ease forwards;
		-moz-animation: slideDown 1s ease forwards;
		-o-animation: slideDown 1s ease forwards;
	animation-delay: 1s;
		-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;
		-o-animation-delay: 1s;
}

.wc_privacy_notice a{
	color: #72B249;
}

.wc_privacy_notice a:hover{
	color: #387F97;
}

@keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

/* Firefox < 16 */
@-moz-keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

/* Internet Explorer */
@-ms-keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

/* Opera < 12.1 */
@-o-keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

.wc_privacy_text {
	margin-bottom: 12px;
}

.wc_privacy_text strong {
    margin-top: 6px;
    display: inline-block;
}

.wc_privacy_notice .centred {
	text-align: left;
	max-width: 800px;
}


	
.wc_privacy_submit {
	border: 0;
	border-radius: 0;
	background: #72B249;
	color: #fff;
	padding: 8px 40px 7px;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	font-family: 'Montserrat', 'Helvetica', 'Arial', serif;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.wc_privacy_submit:hover {
	opacity: 0.7;
		-webkit-opacity: 0.7;
	    	 -o-transition:.5s;
	    	  -ms-transition:.5s;
	    	  -moz-transition:.5s;
	    	  -webkit-transition:.5s;
	    	  transition:.5s;
}
	
.wc_privacy_notice_necessary {
	color: #aaa;
}
	
.wc_privacy_option {
	display: inline-block;
	background: #efefef;
	padding: 5px 30px;
}

.page-content .wc_reveal_options {
	float: none;
	display: block;
}

.page-content .wc_privacy_notice {
	position:relative;
	display: inline-block !important;
	border:1px solid #999;
	width:96%;
	padding:20px 1%;
	background: #fff;
	color: #1C2342;
	z-index: 0;
	margin: 2px 0 80px;
	animation: slideDown 0 ease forwards;
		-webkit-animation: slideDown 0 ease forwards;
		-moz-animation: slideDown 0 ease forwards;
		-o-animation: slideDown 0 ease forwards;
	animation-delay: 0;
		-webkit-animation-delay: 0;
		-moz-animation-delay: 0;
		-o-animation-delay: 0;
	}
	
.page-content .wc_privacy_option {
	margin-top: 2px;
}

.page-content .wc_privacy_notice label {	
	display:inline-block;
	}
	
.reveal_privacy_options {
	display: inline-block;
	border: 0;
	border-radius: 0;
	background: rgba(119, 182, 101, 0.7);
	color: #fff;
	padding: 4px 40px 3px;
	cursor: pointer;
	font-size: 14px;
	margin-right:10px;
}

.reveal_privacy_options:hover {
	opacity: 0.5;
		-webkit-opacity: 0.5;
	    	 -o-transition:.5s;
	    	  -ms-transition:.5s;
	    	  -moz-transition:.5s;
	    	  -webkit-transition:.5s;
	    	  transition:.5s;
}

.wc_privacy_updated {
	display: none;
}

.wc_reveal_options {
	display: none;
	float: left;
	width: 100%;
	padding: 10px 0 12px;
}

.wc_privacy_policy_buttons{
	float: right;
	text-align: right;
}

.wc_privacy_policy_buttons button{
	float: right;
}

@media (max-width: 768px) {
	.wc_privacy_policy_buttons {
		width: 60%;
	}
	
	.reveal_privacy_options {
		margin-left:10px;
		padding: 5px 25px;
	}
	
	.page-content .wc_privacy_submit {
		margin:2px 0 0 !important;
	}
	
	.wc_privacy_option {
	    min-width: 97px;
	    margin-top: 3px;
	}
	
	.page-content .wc_privacy_option {
	    min-width: 88px;
	}
}

@media (max-width: 490px) {
	
	.wc_privacy_policy_buttons {
	    width: 55%;
	}
	
	.reveal_privacy_options {
	    padding: 5px 14px;
	    font-size: 12px;
	}
	
	.page-content .wc_privacy_submit {
		padding: 7px 40px;
		margin-right: 5px !important;
	}
	
	.wc_privacy_option {
		display: inline-block;
		width: 43%;
		padding: 5px 3%;
		margin-top:4px;
		text-align: right;
	}
	
	.wc_privacy_submit {
		padding: 7px 20px;
	}

	
}

@media (max-width: 340px) {

	.wc_privacy_submit {
	    padding: 5px 20px;
	    font-size: 10px;
	}
	
	.reveal_privacy_options {
	    padding: 5px 10px;
	    font-size: 10px;
	}


}

@media (max-width: 1455px) {

	.stones-content-right {
	    right: 10px;
	    bottom: -69px;
	    width: 240px;
	}
	
	.stones-content-left {
	    left: 30px;
	    bottom: -79px;
	    -ms-transform: rotate(180deg);
	    transform: rotate(740deg);
	    width: 170px;
	}
	
	.quote-trees {
    	left: 150px;
    }

}

@media (max-width: 1200px) {
	
	.page-section{
		margin-top: 0px;
	}
	
	#mc_embed_signup label {
	    font-size: 16px;
	}
	
	.featured-events-outer {
		float: left;
		width:96%;
		margin:0 2%;
	}
	
	.nav a {
		margin: 0 10px 0 0;
	    font-size: 15px;
	}

}

@media all and (device-width: 834px) and (device-height: 1194px) and (orientation:portrait) {
  
    .pattern-bg, .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .contact-info {
	    background-attachment: scroll !important;
	} 
}




/* ################################################# TABLET ################################################# */

@media (max-width: 768px) {
	
	.top-nav{
		display: none;
	}
	
	.nav {
		display: none;
	}	

	.mobile-nav-header {
		display: inline-block;
	}
	
	.top-bar-right{
		margin: 45px 10px 0 0;
		width: auto;
	}

	
	.top-bar-right i.fa-search{
		font-size: 40px;
		padding: 10px;
		margin: 0;
	}
	
	.opening-times td, .opening-times th {
	    padding: 10px 1%;
	    font-size: 12px;
	}
	
	.opening-times .wp-block-table, .wp-block-table {
	    width: 100%;
	    margin: 10px 0;
	}
	
	.page-content table, .page-content td, .page-content th {
	    font-size: 12px;
	}
	
	.pattern-bg, .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .contact-info {
	    background-attachment: scroll !important;
	} 
	
	.footer-contact {
	    font-size: 14px;
	}
	
	#mc_embed_signup {
    	margin-top: 20px;
    }
    
    #mc_embed_signup input[type="email"] {
	    font-size: 14px;
	    width: 200px;
    }
    
    #mc_embed_signup label, #mc_embed_signup input[type="submit"] {
	    font-size: 14px;
	}

	.footer-menu{
		width: 48%;
		font-size: 12px;
	}
	
	.footer-break{
		clear: left;
	}
	
	.single-funder{
		width: 21%;
		height: 100px;
	}
	
	.slide-info{
		font-size: 14px;
	}
	
	.home-bottom-bg{
		height: inherit;
	}
	
	.home-bottom-bg .white-content-outer{
		margin-top: 0;
		background: rgba(255,255,255,0.8);
	}
	
	.static-social-media{
		padding: 20px 20px 70px 20px;
		border-radius: 50% 50%;
		right: 0px;
		bottom: -50px;
		top: inherit;
	}
	
	a.archive-grid h3 {
	    font-size: 22px;
	}
	
	.static-social-media br{
		display: none;
	}
	
	.static-social-media a.social-icon i{
		width: 12px;
		height: 12px;
		font-size: 12px;
		margin: 0 3px;
	}	
	
	.inner-image{
		background-attachment: scroll;p
	}
	
	.team-member{
		width: 27.33%;
		font-size: 14px;
	}
	
	.team-member-odd{
		clear: none;
	}
	
	.team-member-tablet{
		clear: left;
	}

}

@media (max-width: 619px) {

	#mc_embed_signup label, #mc_embed_signup input[type="submit"] {
	    margin-top: 5px;
	}

}


@media (max-width: 570px) {
	
	.contact-info {
	    width: 92%;
	    min-height: inherit;
    }
    
    .contact-row-half {
    	width: 100%;
    }
        
    .wp-block-media-text .wp-block-media-text__content {
	    padding: 30px 0;
	}
	
	.moon-header {
	    width: 170px;
	}
	
	.quote-trees {
	    left: 130px;
	    width: 230px;
	}
	
	.slider-top {
	    font-size: 58px;
	}
	
}


/* ################################################# MOBILE ################################################# */
@media (max-width: 490px) {
	
	.slide-info h1 {
		font-size: 30px;
	}
	
	.slide-info h2 {
		font-size: 26px;
	}
	
	.superfastsearch_input{
		font-size: 16px;
	}
	
	.superfastsearch_results{
		font-size: 14px;
	}

	.top-bar {
	
	    position: relative;
	    float: left;
	}
	
	a.header-logo {
	    height: 82px;
	    width: 112px;
	}
	
	.top-bar-right {
	    margin: 20px 0 0 0;
    }
    
	
	.slide-info{
		font-size: 12px;
	}
	
	a.archive-grid{
		width: 48%;
	}
	
	a.archive-grid-odd{
		clear: none;
	}
	
	a.archive-grid-mobile{
		clear: left;
	}
	
	a.archive-grid p{
		font-size: 12px;
	}
	
	.single-funder{
		width: 29.33%;
		height: 70px;
	}
	
	a.archive-grid h3 {
	    font-size: 26px;
	}
	
	.footer-contact{
		width: 100%;
		margin: 0;
		font-size: 12px;
	}
	
	.footer-social{
		width: 100%;
		margin-top: 30px;
	}
	
	.banner .slide-overlay{
		height: 400px;
	}
	
	
	.section-title{
		font-size: 20px;
	}
	
	
	.inner-image-overlay{
		height: inherit;
	}
	
	.inner-image-overlay h1{
		font-size: 20px;
	}
	
	a.more-information{
		width: 92%;
	}
	
	
	.single-event-date, .single-event-time, .single-event-price, .single-event-location{
		width: 48%;
		min-width: inherit;
		font-size: 14px;
		margin: 5px 1%;
	}
	
	.single-event-left{
		display: none;
	}
	
	.single-event-right{
		width: 100%;
		margin: 20px 0;
	}

	
	.single-event-price{
		clear: left;
	}
	
	
	a.sign-up-logo{
		display: none;
	}
	
	#mc_embed_signup{
		margin: 0;
		width: 100%;
	}
	
	
	.contact-page h3{
		font-size: 20px;
	}
	
	#google-map{
		height: 300px;
	}
	
	.pattern-bg{
		background-attachment: scroll;
		width:96%;
		padding: 150px 2% 100px 2%;
	}
	
	a.archive-grid {
	    width: 96%;
	}
	
	#mc_embed_signup label {
	    width: 100%;
	    display: inline-block;
	    margin-bottom: 5px;
	}
	
	#sidebar ul li{
		width: 98%;
	}
	
	.department-title h1 {
	    font-size: 28px;
	}
	
	.team-member{
		width: 44%;
		font-size: 11px;
	}
	
	.team-member-tablet{
		clear: none;
	}
	
	.team-member-mobile{
		clear: left;
	}
	
	.page-content table, .page-content td, .page-content th {
    	font-size: 12px;
    	padding: 2px;
    }
    
    .opening-times td, .opening-times th {
    	padding: 10px 1%;
    }
    
    h1 img, h2 img, .section-title img, .section-text h1 img {
	    left: -5px;
    }
    
    #sidebar ul li {
	    width: 98%;
	    margin: 10px 0;
	}
	
	#sidebar ul li input[type="text"] {
		margin-right: 0;
		width: 98%;
	}
	
	a.archive-grid h3 {
	    min-height: 55px;
    }
    
    .contact-form {
	    margin: 50px 2% 0;
	}
	
	.page-content h1 {
	    font-size: 26px;
	}
	
	.stones-content-right {
	    bottom: -49px;
	    width: 150px;
	}
	
	.stones-content-left {
	    left: 20px;
	    bottom: -80px;
	    -ms-transform: rotate(180deg);
	    transform: rotate(730deg);
	    width: 110px;
	}
	
	.quote-trees {
	    left: 100px;
	    width: 200px;
	}

}

@media (max-width: 332px) {

	#mc_embed_signup input[type="submit"] {
		margin-top:5px;
	}

}