/*
 Theme Name: My Treehut
 Author: ninetyblack.com
 Description: My Treehut
 Version: 0.1
 */

/********** FONTS ****************/
@font-face {
	font-family: 'Toxica';
	src: url('assets/fonts/toxica__-webfont.eot');
	src: url('assets/fonts/toxica__-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/toxica__-webfont.woff2') format('woff2'), url('assets/fonts/toxica__-webfont.woff') format('woff'), url('assets/fonts/toxica__-webfont.ttf') format('truetype'), url('assets/fonts/toxica__-webfont.svg#toxicaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'F25';
	src: url('assets/fonts/f25_executive-webfont.eot');
	src: url('assets/fonts/f25_executive-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/f25_executive-webfont.woff2') format('woff2'), url('assets/fonts/f25_executive-webfont.woff') format('woff'), url('assets/fonts/f25_executive-webfont.ttf') format('truetype'), url('assets/fonts/f25_executive-webfont.svg#f25_executiveregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Fonts */

body{
	font-size: 16px;
}

h1, .h1, h3, .table-title {
	font-family: 'Toxica', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

h2, p.footer-title, .subtitle-center, .subtitle-left {
	font-family: 'F25', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.subtitle-center, .subtitle-left, hr {
	margin-top: 10px;
	font-size: 20px;
	padding-bottom: 15px;
	background: url(assets/img/line-separator.png) no-repeat bottom center;
}

.subtitle-left, hr {
	background: url(assets/img/line-separator.png) no-repeat bottom left;
}

.text-center hr {
	background: url(assets/img/line-separator.png) no-repeat bottom center;
}

hr {
	border-color: transparent;
}

h1, .h1 {
	color: #cc1b27;
}
h3 {
	color: #8fb84b;
}
p, ul, ol {
	font-family: Georgia, "Times New Roman", Times, serif;
}
/******** COLOURS *****************/
.red {
	color: #cc1b27;
}
.green {
	color: #a1c268;
}
.blue {
	color: #6bacc8;
}
.pink {
	color: #eb7a58;
}
.brown {
	color: #8d6841;
}

/***********Contents**************/
/* 1. General                    */
/* 2. Header                     */
/* 3. Footer                     */
/* 4. Main Content               */
/* 5. Media Queries              */
/*********************************/

/***** 1. General ****************/
body {
	background: url("assets/img/body-texture.jpg") top left repeat;
	color: #6d6158;
	min-width: 320px;
}

.background-white {
	background: #fbf8f3;
}

ul:not([class]) {
	margin:0;
	padding:0;
	text-align: center;
	list-style:none;
	}

ul:not([class])  li {
	padding: 2px 5px;
	}

ul:not([class]):not([role="tablist"]) li:before {
	content:url(assets/img/circle.png);
	padding-top: 3px;
	margin-right: 2px;
}
.error-code{
	margin-top: 30px;
	font-size: 31px;
	font-weight: bold;
	    font-family: 'F25', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.btn {
	border-radius: 0;
	border: none;
	font-family: 'F25', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	padding: 4px 12px;
	margin-bottom: 10px;
}

h3 {
	margin-top: 5px;
}

.row {
	margin-top: 15px;
	margin-bottom: 15px;
}

.gallery-block {
	padding-top: 10px;
}
.gform_fields {
	list-style: none;
	padding: 0;
	padding-left: 20px;
}

h2 {
	font-size: 20px;
}
.text-center ul li i {
	margin-left: 35%;
}
.text-center ul {
	margin-left: 0;
}
.gfield_radio.radio{
	list-style: none;
	padding: 0;
}

.gfield_checkbox.checkbox{
	list-style: none;
	padding: 0;
}
/***** 2. Header ****************/
.navbar {
	background: url("assets/img/menu-texture.png") top left repeat-x #47352c;
}
.navbar-collapse {
	border-top: none;
}

.navbar-default {
	font-family: F25, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.illustration-wrapper .illustration {
	position: absolute;
	bottom: -65px;
    right:-45px;
}

.illustration-wrapper {
	margin-top: 45px;
    padding-bottom: 40px;
}

.logo-container {
	position: relative;
	height: 390px;
}

.logo-container .logo {
	max-width: 80%;
	margin-top: 100px;
	margin-left: -5px;
}
.illustration-wrapper a {
	position: absolute;
	top: initial;
	top: 30px;
	left: -15px;
}

.illustration-stones {
	position: absolute;
	top: initial;
	bottom: -80px;
	left: -50px;
}

.navbar-default .navbar-toggle {
	border: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #47352c;
}
.navbar-default .Home a span {
	height: 24px;
	display: inline-block;
	width: 24px;
	background: url("assets/img/icons/home-menu.png") top center no-repeat;
}
.navbar-default .Home a:hover span, .navbar-default .Home a:focus span, .navbar-default .Home.active a span {
	background-position: 0 -24px;
}
.navbar-collapse .nav > li > a {
	font-size: 16px;
}
.Home a {
	height: 36px;
}
/***** 3. Footer ****************/

footer {
	padding-bottom: 30px;
}

p.footer-title {
	font-size: 18px;
}

footer .form-control {
	width: 80%;
	color: #6d6158;
}

.form-control:focus {
	border-color: #a1c268;
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(161, 194, 104, 0.4);
}

.footer-policies a, .footer-policies a:hover, .footer-policies a:focus {
	color: #cc1b27;
}

a.footer-ninetyblack {
	color: #333;
}
footer .gform_wrapper .top_label .gfield_label {
	margin-top: 0;
}

/***** 4. Main Content **********/
.snippets-wrapper {
	margin-top: 40px;
	margin-bottom: 40px;
}

.snippet-block {
	position: relative;
	margin-bottom: 15px;
	margin-top: 50px;
}

.snippet-button {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	margin-left: -66px;
	margin-top: -66px;
}
.snippet-button img {
	width: 90%;
}
.gallery-block {
	position: relative;
}

.gallery-button {
	position: absolute;
	display: block;
	top: 10%;
	right: 5%;
}

.line-separator-pencil {
	background: url(assets/img/line-separator-pencil.png) no-repeat center center;
	height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.line-separator-flag{
	background:url(assets/img/line-separator-flags.png) no-repeat center center;
	height:50px;
	margin-top:15px;
	margin-bottom:15px;
}
body .gform_wrapper .gform_footer {
	margin: 0;
	padding: 0;
}

.acf-map {
	width: 600px;
	height: 400%;
	border: #ccc solid 1px;
	margin: 20px 0;
}

.contact-image {
	margin-top: 50px;
}

/* Interior */
.table > thead > tr > th {
	border-bottom: 1px solid #DDD;
}

.table-title {
	text-transform: uppercase;
	color: #a1c268;
	font-size: 18px;
	font-weight: lighter;
	margin-bottom: 0 !important;
}

.table-day, .table-price {
	font-weight: bold;
}

.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
	display: none !important;
	position: absolute !important;
	left: -9000px;
}



.gform_wrapper table.gfield_list {
	border-spacing: 0;
	border-collapse:collapse;
}

.gform_wrapper table.gfield_list thead th {
	font-weight: bold;
	text-align: left;
}

.gform_wrapper li.gfield.gfield_error table.gfield_list thead th {
	color: #790000;
}

.gform_wrapper table.gfield_list thead,
.gform_wrapper table.gfield_list tr {
	padding: 0;
	margin: 0;
}

.gform_wrapper table.gfield_list th,
.gform_wrapper table.gfield_list td {
	padding:0 0 0.5em 0;
}

.gform_wrapper table.gfield_list th + th,
.gform_wrapper table.gfield_list td + td {
	padding:0 0 0.5em 0.7em;
}

.datepicker:not(.dropdown-menu) {
	display: inline-block;
	width:90%;
}

.gfield_date_dropdown_day, .gfield_date_dropdown_month, .gfield_date_dropdown_year {
	width:95px;
	display: inline-block;
	margin-right: 8px;
}

.gform_wrapper {
	max-width: 500px;
}

/***** 5. Media Queries *********/

@media (max-width: 1200px) and (min-width: 992px) {
	.illustration-wrapper a {
		width: 40%;
	}

    .illustration-wrapper .illustration{
        width:70%;
        right: -15px;
        bottom: -40px;
    }

    .illustration-stones{
        width:33%;
        bottom: -65px;
        left:-15px;
    }
}

@media (max-width: 991px) {

	.logo-container .logo {
		top: 0;
		left: 0;
		right: 0;
		max-width: 50%;
		margin: 0 auto;
		margin-top: 15px;
	}

    .illustration-stones{
        bottom: -40px;
        width: 40%;
    }

    .illustration-wrapper .illustration {
	   bottom: 10px;
    }

	.logo-container a {
		top: 0;
		bottom: initial;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.navbar-collapse .nav > li > a {
		font-size: 14px;
	}
}


@media (max-width: 767px) {
	.navbar-collapse {
		background: url(assets/img/menu-background-collapse.jpg) repeat top left;
	}

	.logo-container .logo {
		top: 0;
		left: 50px;
		right: 0;
	}

    .illustration-stones{
        left: 0;
        width: 45%;
    }

    .illustration-wrapper .illustration {
	   right: 0;
      bottom: 0;
    }

	.navbar {
		background: url("assets/img/menu-texture.png") top left repeat-x #47352c;
	}

}

@media (max-width: 480px) {
	.line-separator-pencil {
		background: url(assets/img/line-separator-pencil.png) no-repeat left center;
	}
	.illustration-wrapper {
		margin-top: 40px;
        padding-bottom: 15px;
	}


	.logo-container {
		padding-top: 10px;
	}
	.logo-container .logo {
		position: relative;
		bottom: -20px;
		right: 0;
		top: 0;
		left: 0;
		max-width: 100%;
	}


	footer .form-control {
		width: 100%;
	}

    .illustration-stones{
        bottom: -40px;
        width: 65%;
    }

}

@media (min-width: 768px) {
	.navbar-collapse .nav {
		width: 100%;
	}
	.navbar-collapse  .nav > li > a {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-collapse  .nav > li a {
		text-align: center;
	}
	.navbar-collapse  .nav {
		width: 100%;
	}
	.navbar-collapse  .nav > li > a {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	.navbar-collapse .nav > li .dropdown-menu > li > a {
		text-align: left;
	}
	.navbar {
		background: url("assets/img/menu-texture.png") top left repeat-x;
	}
}


#profileForm .content {
	background: transparent !important;
}
.discover-panel {
	border: none;
}

.discover-check-box input[type="checkbox"]~label {
	max-width: initial;
}
.discover .wizard > .actions li::before {
	content: initial;
}

#formWidget_enrollment {
	margin-top: 30px;
}