body {
	background-color: #FFFFFF;
	margin: 0px;
}

/*headings and fonts*/

.h1{
	font-size: 20pt;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #004946;
}

.meeth1{
	font-size: 20pt;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #004946;
}
	
.mainpara{
	font-size: 12pt;
	float: left;
	font-family: 'Open Sans', sans-serif;
	color: #007e78;
}

.footerh1 {
	font-size: 12pt;
	font-family: 'Open Sans', sans-serif;
	color: #00bbb2;
}

.footerpara {
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	color: #aab5b4;
	text-transform: uppercase;
}

.footer {
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	color: #aab5b4;
	text-transform: uppercase;
}

.campheading {
	font-size: 18pt;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #004946;
}

.formsectheading {
	font-size: 13pt;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	color: #5F5F5F;
}

.formheading {
	font-size: 11pt;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color: #5F5F5F;
	padding-top: 10px;
}

.formpara {
	font-size: 10pt;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color: #5F5F5F;
}

.quotename {
	font-size: 13pt;
	float: left;
	font-family: 'Open Sans', sans-serif;
	color: #007e78;
	font-weight:600;
}

.quotepara {
	font-size: 11pt;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	color: #007e78;
}

/*navigation*/
.container-fluid {
	padding-left: 10px;
}

.navbar-toggle {
	float: left;
	border:none;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #FFFFFF;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	font-weight: 500;
	text-decoration: underline;
	color: #00afa7;
	background-color: rgba(21,61,59,0.5);
}
	
.navbar-inverse .navbar-nav>li>a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	color: #90b3b0;
}

.nav-container {
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}
	

.navbar-inverse {
	background-color: rgba(36,78,76,0.95);
	border: none;
}

.navbar-fixed-top {
	border-width: 0px;
}

.navbargap {
	height:50px;
	width: 100%;
}

/*carousel*/

.carousel-indicators .active{
	width: 18px;
	height: 18px;
	background-color: #244e4c;
	border: 2px solid #d9f2f1;
}

.carousel-indicators li{
	width: 15px;
	height: 15px;
	margin: 1px;
	background-color: #d9f2f1;
	border: none;
}

/*main content*/
.logo {
	height: auto;
	width: 100%;
	min-width: 25%;
	float: right;
	
}

#map-canvas {
	width:100%;
	height:350px;
	background-color:#CCC;
}

.wrapper{
	margin: 0 auto;
	width: 80%;
	max-width: 1400px;
	float: none;
}

.homeslideshow{
	height: auto;
	width: 100%;
	margin: auto;
}

.homecontent {
	padding-top: 2em;
	padding-bottom: 1.5em;
	margin: 1em auto;
}

.contentdiv {
	float: left;
	height: auto;
	width: 100%;
	display: block;
	position: relative;
}

.paddingtop15 {
	padding-top:15px;
}

.eventimg {
	width: 100%;
	height: auto;
	border-radius: 0.8em;
}

/*footer*/

.footersection {
	width: 100%;
	height: auto;
	background:url(../images/footerbg.jpg) center center no-repeat;
	background-size:cover;
	bottom: 0;
	padding-top: 5px;
	padding-bottom: 20px;
}
	
.footerheading {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}

/*meet us page*/

.family {
	width: 100%;
	height: auto;
	margin: auto;
}

.heading1pushdown{
	margin-top: 10px;
	margin-bottom: 10px;
}

.mumdiv {
	margin: auto;
	float: right;
	padding-bottom: 25px;
	width: 100%;
}

.mum {
	width:300px;
	height:300px;
	border-radius:200px;
	margin:auto;
	display:inline-block;
	text-align:center;
}

hr{
	width: 80%;
	height: 1px;
	color: #007e78;
	background-color: #007e78;
}

/*camping page*/

.logobg {
	background-image: url(../images/logobg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

/*reviews page*/

#review1 {
	height: 137px;
	display: block;
	overflow: hidden;
}

#review3 {
	height: 137px;
	display: block;
	overflow: hidden;
}

#seperator {
	margin: auto;
	width: 100px;
}

/*gallery page*/

.galthumbs {
	border-radius: 0.5em;
}

.galthumbs a:link{
	display:inline-block;
	padding: 3px;
	background-color: #FFFFFF;
	line-height: 0;
	border-radius: 0.5em;
	transition: background-color 0.5s ease-out;
}

.galthumbs a:hover{
	background-color:#007C77;
	transition: background-color 0;
}


/*booking page*/

.bookingsection {
	background-color: #F1F1F1;
	border: solid 1px #D4D4D4;
	border-radius: 0.8em;
	width: 100%;
	padding: 10px;
}
.bookingform {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%;
	height: auto;
} 

.down-10 {
	padding-top: 10px;
}

.wide-25 {
	width: 25%;
}

.wide-50 {
	width: 50%;
}

.max-wide-25 {
	max-width: 300px;
}

.max-wide-50 {
	max-width: 500px;
}

/*button*/

.btn {
	margin: auto;
}

.btndiv {
	padding: 10px;
}

.btn-info {
	background-color: #00afa7;
	border-color: #009690;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	font-weight: 500;
}

/*links*/

.footer a{
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	color: #aab5b4;
}

.footer a:hover {
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	text-decoration: none;
}

#menu a{
	font-size: 12pt;
	font-family: 'Open Sans', sans-serif;
	color: #007e78;
}

#menu a:hover{
	font-size: 12pt;
	font-family: 'Open Sans', sans-serif;
	color: #00B1A9;
	text-decoration: underline;
}

@media (max-width:767px){
	.responsive_text {
		text-align:center;
	}
		
}


.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.75);
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility .5s linear, opacity .5s ease;
	   -moz-transition: visibility .5s linear, opacity .5s ease;
		-ms-transition: visibility .5s linear, opacity .5s ease;
		 -o-transition: visibility .5s linear, opacity .5s ease;
			transition: visibility .5s linear, opacity .5s ease;
	will-change: visibility, opacity;
}
	.popup__wrapper {
		width: 85%;
		max-width: 1400px;
		margin: 0 auto;
		max-width: 1000px;
		opacity: 0;
		-webkit-transform: translateY(5%);
		   -moz-transform: translateY(5%);
			-ms-transform: translateY(5%);
			 -o-transform: translateY(5%);
				transform: translateY(5%);
		-webkit-transition: opacity .5s ease, transform .5s ease;
		   -moz-transition: opacity .5s ease, transform .5s ease;
			-ms-transition: opacity .5s ease, transform .5s ease;
			 -o-transition: opacity .5s ease, transform .5s ease;
				transition: opacity .5s ease, transform .5s ease;
		will-change: visibility, opacity, transform;
	}
		.popup__wrapper__close {
			flex: 0 0 100%;
			max-width: 100%;
			text-align: right;
			opacity: 0;
			-webkit-transition: opacity .3s ease;
			   -moz-transition: opacity .3s ease;
				-ms-transition: opacity .3s ease;
				 -o-transition: opacity .3s ease;
					transition: opacity .3s ease;
		}
			.popup__wrapper__close button {
				background: transparent;
				border: none;
				display: inline-block;
				padding: 5px;
				color: rgba(255,255,255,0.75);
				font-size: 16px;
				cursor: pointer;
				-webkit-transition: color .3s ease;
				   -moz-transition: color .3s ease;
					-ms-transition: color .3s ease;
					 -o-transition: color .3s ease;
						transition: color .3s ease;
			}
			.popup__wrapper__close button:hover {color: #FFF;}	
		.popup__wrapper__content {
			background: #FFF;
			padding: 40px;
			width: 100%;
			max-height: 80vh;
			overflow: auto;
		}
			.popup__wrapper__content h1:first-child,
			.popup__wrapper__content h2:first-child,
			.popup__wrapper__content h3:first-child,
			.popup__wrapper__content h4:first-child,
			.popup__wrapper__content h5:first-child,
			.popup__wrapper__content h6:first-child,
			.popup__wrapper__content ul:first-child,
			.popup__wrapper__content ol:first-child,
			.popup__wrapper__content p:first-child {
				margin-top: 0;
			}
			.popup__wrapper__content h1:last-child,
			.popup__wrapper__content h2:last-child,
			.popup__wrapper__content h3:last-child,
			.popup__wrapper__content h4:last-child,
			.popup__wrapper__content h5:last-child,
			.popup__wrapper__content h6:last-child,
			.popup__wrapper__content ul:last-child,
			.popup__wrapper__content ol:last-child,
			.popup__wrapper__content p:last-child {
				margin-bottom: 0;
			}
			.popup__wrapper__content a {
				color: grey;
				font-weight: 700;
			}
			.popup__wrapper__content a:link {color: grey;}
			.popup__wrapper__content a:hover {text-decoration: underline;}
	.popup__wrapper.thin {max-width: 600px;}
.popup.popup--show {
	opacity: 1;
	visibility: visible;
}
	.popup.popup--show .popup__wrapper {
		opacity: 1;
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
			-ms-transform: translateY(0);
			 -o-transform: translateY(0);
				transform: translateY(0);
		-webkit-transition: opacity .5s ease .5s, transform .5s ease .5s;
		   -moz-transition: opacity .5s ease .5s, transform .5s ease .5s;
			-ms-transition: opacity .5s ease .5s, transform .5s ease .5s;
			 -o-transition: opacity .5s ease .5s, transform .5s ease .5s;
				transition: opacity .5s ease .5s, transform .5s ease .5s;
	}
		.popup.popup--show .popup__wrapper__close {
			opacity: 1;
			-webkit-transition: opacity .3s ease 1.2s;
			   -moz-transition: opacity .3s ease 1.2s;
				-ms-transition: opacity .3s ease 1.2s;
				 -o-transition: opacity .3s ease 1.2s;
					transition: opacity .3s ease 1.2s;
		}

/* Wordpres Only */
.customize-support .popup__wrapper {
	padding-top: 32px;
}
	.customize-support .popup__wrapper__content {
		max-height: calc(90vh - 5.8rem - 32px); /* Replace 5.8rem with the total height of the header */ 
	}

@media only screen and (max-width: 782px) {
	.customize-support .popup__wrapper {
		padding-top: 46px;
	}
		.customize-support .popup__wrapper__content {
			max-height: calc(90vh - 5.8rem - 46px); /* Replace 5.8rem with the total height of the header */
		}
}