/*

Theme Name: Heath Farm Child Theme
Theme URI: https://www.aardvarky.com
Author: Aardvarky Media
Author URI: https://www.aardvarky.com
Description: Custom theme for Heath Farm Holiday Cottages
Version: 1.0.0
Template: pro

*/
* {
  box-sizing: content-box;          
}
.tooltip {
	z-index: 99999;
}
blockquote {
	border: none;
	margin: 0 0;
	padding: 0;
	font-family: 'Muli', sans-serif;
	font-weight: 300;
    font-style: italic;
    font-size: 115%;
}
.heath-cottages-header {
    margin: 0 auto 0;
    text-align: center;
}
.heath-cottages-header .entry-content {
	margin-top: 0;
}
.heath-map-text {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.heath-map-text > .x-container {
	height: 700px;
	display: flex;
}
.heath-iframe-wrap {
	position: relative;
	height: 500px;
}
.heath-scrolling-div {
	position: absolute; 
	right: 0; 
	bottom: 0; 
	left: 0;
	top: 0;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	/*overflow-x: scroll;*/
}
.heath-scrolling-div iframe {
	height: 100%;
	width: 100%;
}
.heath-scrolling-div iframe #sc_pagewidth {
	width: auto;
}
.heath-map-text > .x-container > .x-column {
	margin: auto;
}
.entry-content {
    margin-top: 0;
}
.single .entry-featured {
	max-height: 400px;
	overflow: hidden;
}
.x-section.attraction-header {
	height: 400px;
}
.h-custom-headline.attraction-header {
	text-align: center;
	color: #ffffff;
}
.x-container.attraction-header {
	height: 100%;
	background: rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}
.x-iso-container-portfolio .entry-wrap {
    padding: 29px 6.5% 35px;
    position: absolute;
    width: calc(100% - 2em);
    top: 0;
    border-radius: 0;
    background: rgba(255,255,255,0.9);
    box-shadow: none;
}
.hf-content-footer {
	z-index: 0 !important;
}
.x-bg-layer.x-bg-layer-upper.x-bg-layer-color {
	
}
.hf-global-header  {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+67,000000+100&0.75+0,0.5+67,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 67%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 67%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 67%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	transition: all 0.5s ease;
}

.hf-content-footer .x-bg .x-bg-layer-upper-color{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+67,000000+100&0.75+0,0.5+67,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.5) 67%, rgba(0,0,0,0.75) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 67%,rgba(0,0,0,0.75) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 67%,rgba(0,0,0,0.75) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	transition: all 0.5s ease;
}
/****** Gravity Forms Fix ******/
body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half {
	float: none !important;
}
body .hf_booking_availability_wrapper .top_label .gfield_label {
	display: none;
}
body .hf_booking_availability_wrapper .top_label li.gfield.gf_left_half {
	float: none;
}
body .hf_booking_availability_wrapper .top_label div.ginput_container_date #input_2_2, body .hf_booking_availability_wrapper .top_label div.ginput_container_date #input_2_3 {
	width: 85% !important;
}
body .hf_booking_availability_wrapper .top_label li.gfield.check_date {
	float: none;
	margin: 0 !important;
}
body .hf_booking_availability_wrapper .top_label li.gfield.gf_left_third {
	float: none;
}
body .hf_booking_availability_wrapper .top_label div.ginput_container_date {
	box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
	background: #ffffff;
}
body .hf_booking_availability_wrapper .top_label div.ginput_container_date .datepicker {
	box-shadow: none;
}
body .hf_booking_availability_wrapper .top_label div.ginput_container_date .datepicker::placeholder {
	color: rgb(68, 68, 68);
}
body .hf_booking_availability_wrapper .top_label div.ginput_container_date, body .hf_booking_availability_wrapper .top_label div.ginput_container_date .datepicker {
	margin-top: 0;
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}

.hf_booking_availability .gform_body {
	width: 80%;
    float: left;
    display: inline !important;
}
.hf_booking_availability .gform_footer {
	display: inline-block;
    width: 20%;
    margin: 0 0 0 0 !important;
}
.hf_booking_availability #input_2_1 {
    width: calc(100% - 8px);
    border: none;
    border-radius: 0px;
    margin: 0;
    height: 39px;
}
li#field_2_1, li#field_2_1 .ginput_container {
	margin: 0;
}
li#field_2_1 > label {
	display: none;
}
.hf_booking_availability #gform_submit_button_2 {
	line-height: 1.2 !important;
	width: 100%;
	text-shadow: none;
    font-weight: 500;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit], .x-btn, .button, [type="submit"] {
	text-shadow: none !important;
}
body .hf_booking_availability_wrapper .chosen-container-single .chosen-single div b {
	height: 50%;
	margin-top: 50%;
}
body .hf_booking_availability_wrapper .chosen-container, body .hf_booking_availability_wrapper .chosen-container {
	width: 100% !important;
}
.hf_booking_availability .chosen-container-single .chosen-single {
	border: none;
	border-radius: 0;
	padding: 7px 0 0 8px;
	height: 37px;
	background: #fff;
}
.hf_booking_availability .chosen-container-active.chosen-with-drop .chosen-single {
	border: none;
	border-radius: 0;
	background-image: none;
}
.hf_booking_availability .chosen-container .chosen-drop {
	border: none;
	z-index: 99999;
}
/****** Half Panels Flip Styling ********/
.hf_half_panels_flip > .x-container > .x-column, .hf_half_panels_flip .x-col {
	transition: all 0.25s linear 0.25s;
}
.hf_half_panels_flip > .x-container > .x-column > .x-text, .hf_half_panels_flip .x-col .x-text:not(.x-text-headline), .hf_half_panels_flip > .x-container > .x-column > .x-btn, .hf_half_panels_flip .x-col x.btn, .hf_half_panels_flip > .x-container > .x-column:hover > .h-custom-headline, .hf_half_panels_flip > .x-row > .x-row-inner > .x-col > .x-text:not(.x-text-headline), .hf_half_panels_flip > .x-row > .x-row-inner > .x-col:hover > .x-text-headline {
	opacity: 0;
	/*height: 0;
	width: 0;*/
	overflow: hidden;
	transition: all 0.25s linear 0.25s;
}
.hf_half_panels_flip > .x-container > .x-column:hover > .x-text, .hf_half_panels_flip > .x-container > .x-column:hover > .x-btn, .hf_half_panels_flip > .x-container > .x-column > .h-custom-headline, .hf_half_panels_flip > .x-row > .x-row-inner > .x-col:hover > .x-text:not(.x-text-headline), .hf_half_panels_flip > .x-row > .x-row-inner > .x-col > .x-text-headline {
	opacity: 1;
	/*height: auto;
	width: auto;*/
	overflow: inherit;
	transition: all 0.25s linear 0.25s;
}
.hf_half_panels_flip > .x-container > .x-column > .h-custom-headline {
	margin-top: 0;
}
.hf_half_panels_flip > .x-container > .x-column:hover {
	background: rgb(255,255,255) !important;
	cursor: hand;
}
.hf-panel-flip-col {
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
/****** Cottages Panels Styling *******/
#esg-grid-2-1-wrap > .esg-container-fullscreen-forcer {
	background-color: rgba(0,0,0,0.5);
    padding: 1%;
    border-radius: 3px;
}

.envira-gallery-wrap, .envira-gallery-wrap .envira-gallery-public {
    width: 100%;
    margin: 0 auto 0 auto !important;
}
.awards {
	margin: 0.35em 1.313em 0.35em 0;
}
.cottage-in-brief .x-container {
	display: flex;
}
.activity-panels .x-container.marginless-columns, .usp-panels .x-container.marginless-columns {
	display: flex;
	flex-flow: row; 
	flex-wrap: wrap;
}
.activity-panels .x-container.marginless-columns .x-column {
	flex: 2 0 33%;
	min-height: 470px;
}
.usp-panels .x-container.marginless-columns .x-column {
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex: 1;
	min-height: 470px;
}

/****** Locations Menu *******/
#menu-local-attractions-page > li, #menu-historic-houses-page > li {
	/*width: 24%;*/
	display: inline-block;
}
.hf-footer-menu > li.menu-item > a > span.x-anchor-content > span.x-anchor-text > span.x-anchor-text-primary:after {
    content: "|";
    position: relative;
    display: inline;
    left: 1em;
}

.hf-footer-menu > li.menu-item:last-child > a > span.x-anchor-content > span.x-anchor-text > span.x-anchor-text-primary:after {
    content: "";
    left: 0;
}
.hf-footer-address {
	height: 80em !important;
}
#menu-booking-menu.x-menu > li > .x-anchor .x-anchor-sub-indicator {
	margin: 0;
} 
/********* GTranslate ***********/
.switcher {
	left: -90px;
    position: relative;
    top: 14px;
    font-family: "Muli",sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.25em;
}
.switcher a {
	font-size: 12px;
}
.switcher .selected {
	background: none !important;
}
.switcher .selected a {
	border: 1px solid #ffffff;
	color: #fff !important;
	/*width: 210px !important;*/
	background-position: 205px center !important;
	padding: 0.15em 8px;
    width: 143px !important;
    border-radius: 5em;
}
.switcher .selected a:hover {
	background: rgba(255, 255, 255, 0.25) !important;
	color: #000;
}
.switcher .option {
	background-color: rgba(238, 238, 238, 0.75) !important;
	/*width: 220px !important;
	max-height: 300px !important;*/
}
/********* Supercontrol Styling ***************/
#sc_footer {
	display: none;
}
#sc_pagewidth {
    width: 800px;
    margin: 0;
    border: none;
}
/********* Pricing Tables Styling *************/
.col-hide, colgroup.col-hide {
	display: none;
	visibility: collapse;
}
table.low-season-table td, table.mid-season-table td, table.high-season-table td {
	text-align: center;
	padding: 0.5em 0.2em;
}
table.low-season-table tr td:first-child, table.mid-season-table tr td:first-child, table.high-season-table tr td:first-child {
	width: 25%;
}
table.mid-season-table tr td:first-child, table.high-season-table tr td:first-child {
	display: none;
}
table.seasons-dates tr td {
	text-align: center;
	padding: 0.5em 0.2em;
}
table.seasons-dates tr:first-child td {
	border-top: 1px solid #000000;
}
table.seasons-dates tr td:first-child {
	border-left: 1px solid #000000;
}
table.seasons-dates tr td:last-child {
	border-right: 1px solid #000000;
}
table.seasons-dates tr:last-child td {
	border-bottom: 1px solid #000000;
}
table.seasons-dates tr td:nth-child(1), table.seasons-dates tr td:nth-child(3) {
	width: 25%;
}
table.seasons-dates tr td:nth-child(2) {
	width: 8%;
}
/******* News Posts Styling ********/
.single .entry-featured.heath-post-header {
	max-height: none;
}
.heath-post-entry-title {
	top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99999;
    opacity: 1;
}
.heath-post-entry-title > .entry-title {
	color: #fff;
	width: 60%;
    margin: 0 auto;
    background: radial-gradient(at center center, rgba(20, 20, 20, 0.5) 0%, rgba(20, 20, 20, 0.5) 0%, rgba(36, 36, 36, 0) 50%, rgba(43, 43, 43, 0) 71%);
    padding: 0.5em;
}
.entry-featured.heath-post-header > .entry-thumb.heath-post-header:before {
	display: none;
}
/********* Homepage Panels Styling *********/
#firewood-panel {
	background: url('/wp-content/uploads/2017/08/TheFarm_GreenTourism_firewood.jpg');
	background-size: cover;
}
#cake-panel {
	background: url('/wp-content/uploads/2017/09/Cottages_Beechnut_CakeDetail.jpg');
	background-size: cover;
}
#springwater-panel {
	background: url('/wp-content/uploads/2017/08/Gallery-_Summer_colddrink-1.jpg');
	background-size: cover;
}
#heathfarm-intro {
	background-image: url("https://heathfarm.com/wp-content/uploads/2017/08/heath_farm_blue_brick_texture.jpg");
	background-color: transparent;
	background-position: 50% 16px;
}
@media only screen and (max-width: 1260px) {
	table.low-season-table td, table.mid-season-table td, table.high-season-table td {
		text-align: center;
		padding: 0.5em 0.1em;
	}
}
@media only screen and (max-width: 1199px) {
	.switcher {
		left: -75px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.switcher {
		left: -50px;
	}
	.activity-panels .x-container.marginless-columns .x-column {
		flex: 0 0 44%;
		min-height: 350px;
	}
	.usp-panels .x-container.marginless-columns .x-column {
		flex: 0 0 44%;
		min-height: 350px;
	}
	.usp-panels .x-container.marginless-columns .x-column:nth-child(3) {
		flex: 2 0 50%;
		min-height: 350px;
	}
	/*.pricing-table-cols .x-column {
		width: 100% !important;
	}
	table.mid-season-table tr td:first-child, table.high-season-table tr td:first-child {
		display: table-cell;
	}*/
	table.low-season-table td, table.mid-season-table td, table.high-season-table td {
		font-size: small;
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.switcher {
		left: -45px;
	}
	.cottage-in-brief .x-container  {
		display: block;
	}
	.activity-panels .x-container.marginless-columns .x-column {
		flex: 0 0 44%;
		min-height: 400px;
	}
	.usp-panels .x-container.marginless-columns .x-column {
		flex: 0 0 44%;
		min-height: 400px;
	}
	.usp-panels .x-container.marginless-columns .x-column:first-child {
		flex: 0 0 95%;
		min-height: 350px;
	}
	.cottage-in-brief .x-column.x-sm {
		margin-top: 2%;
	}
	.cottage-in-brief .x-container.reverse-stack {
	    flex-direction: column;
		display: flex;
	}
	table.mid-season-table tr td:first-child, table.high-season-table tr td:first-child {
		display: table-cell;
	}
	table.low-season-table, table.mid-season-table, table.high-season-table {
		margin-bottom: 35px !important;
	}
	table.seasons-dates.second-half-season tr:first-child td {
		border-top: 1px solid #ddd;
	}
	table.seasons-dates.first-half-season tr:last-child td {
		border-bottom: 0px solid #ddd;
	}
	#heathfarm-intro {
		background-image: none !important;
		background-color: #DA9C60 !important;
	}
	#cottage-panels {
		background-image: none !important;
		background-color: #C5BEB9 !important;
	}

}
@media only screen and (max-width: 480px) {
	.switcher {
		left: -25px;
	}
	.cottage-in-brief .x-container {
		display: block;
	}
	.activity-panels .x-container.marginless-columns .x-column {
		flex: 0 0 100%;
		min-height: 350px;
	}
	.usp-panels .x-container.marginless-columns .x-column {
		flex: 0 0 95%;
		min-height: 350px;
	}
	.cottage-in-brief .x-column.x-sm {
		margin-top: 2%;
	}
	.cottage-in-brief .x-container.reverse-stack {
	    flex-direction: column;
		display: flex;
	}
	table.mid-season-table tr td:first-child, table.high-season-table tr td:first-child {
		display: table-cell;
	}
	table.low-season-table, table.mid-season-table, table.high-season-table {
		margin-bottom: 35px !important;
	}
	table.seasons-dates.second-half-season tr:first-child td {
		border-top: 1px solid #ddd;
	}
	table.seasons-dates.first-half-season tr:last-child td {
		border-bottom: 0px solid #ddd;
	}
	#heathfarm-intro {
		background-image: none !important;
		background-color: #DA9C60 !important;
	}
	#cottage-panels {
		background-image: none !important;
		background-color: #C5BEB9 !important;
	}
}
@media only screen and (max-width: 797px) {
	.hf_booking_availability .gform_body {
	    width: 100%;
	}
	.hf_booking_availability .gform_footer {
	    width: 97.5%;
	}
}
@media only screen and (max-width: 641px) {
	.hf_booking_availability .gform_footer {
	    width: 100%;
	}
	.hf_booking_availability .chosen-container-single .chosen-single {
		height: 37px !important;
		padding: 0px 0 0 8px !important;
		line-height: 2.8 !important;
	}
	body .hf_booking_availability .top_label li.gfield.check_date {
		margin-bottom: 2.6% !important;
	}
	body .hf_booking_availability .top_label li.gfield.gf_left_third, body .hf_booking_availability .top_label li.gfield.gf_middle_third, body .hf_booking_availability .top_label li.gfield.gf_right_third {
		width: 100% !important;
	}
	.body .gform_wrapper .top_label li.gfield.gf_left_third, body .gform_wrapper .top_label li.gfield.gf_middle_third, body .gform_wrapper .top_label li.gfield.gf_right_third {
		width: 100%;
	}
	body .hf_booking_availability_wrapper .top_label div.ginput_container_date #input_2_2, body .gform_wrapper .top_label div.ginput_container_date #input_2_3 {
    	width: 94% !important;
	}
}