/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       James Fletcher
 Author URI:   https://www.jamesfletcher.co.uk
 Template:     generatepress
 Version:      0.1
*/
::selection {
  background: var(--copper);
	color: #fff;
}
::-moz-selection {
  background: var(--copper);
	color: #fff;
}
@font-face {
  font-display: swap;
  font-family: 'Runalto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/runalto-webfont.woff2') format('woff2');
}
h1 {
	color: var(--copper);
}
@media(max-width: 600px) {
	h1 {
		font-size: 35px;
	}
	h2 {
		font-size: 30px;
	}
}
.custom-font {
  font-family: 'Runalto';
}
.sub-heading, h1.sub-heading {
	font-family: Montserrat, sans-serif;	
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
}
input.tertiary {
	background-color: var(--copper);
}
button, .gb-button {
	text-decoration: none !important;
}
hr {
	border-width: 1px;
	border-color: #DFDCD8 !important;
}
.gb-container-76234fcd a {
	text-decoration: none;
}
/*Sticky footer*/
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.container.grid-container {
    width: 100%;
}
.site-footer {
    margin-top: auto;
}
/**/
/*Header border*/
.site-header {
	border-bottom: 1px solid rgba(0,0,0,.1);
}
/**/
body.home .site-header {
	border-bottom: none;
}
body.error404 #page {
	margin-top: 60px;
	width: 50%;
}
body.error404 .site-content {
	margin: 0 auto;
}
/*Logo*/
.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
	width: 150px;
	height: 34px;
}
.is-logo-image, .off-canvas-logo {
	width: 150px;
	/*height: 151px;*/
	height: auto;
}
@media(min-width: 400px) {
	.is-logo-image, .off-canvas-logo {
		width: 204px;
		/*height: 151px;*/
		height: auto;
	}
	.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
		width: 204px;
		height: 26px;
	}
}
@media(min-width: 980px) {
	.is_stuck .is-logo-image {
		width: 270px;
	}
}
body.home .is-logo-image, .mobile-header-navigation .is-logo-image, .is_stuck .is-logo-image, body.home .gp-icon.pro-menu-bars svg, .is_stuck .gp-icon.pro-menu-bars svg, .gp-icon.icon-menu-bars svg {
	fill: #fff;
}
.gb-image-174f129d {
	fill: var(--copper);
}
@media(min-width: 980px) {
/*Center Logo*/
    .inside-header > .site-branding,
    .inside-header > .navigation-branding,
    .inside-header > .site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }
    #site-navigation {
        margin-left: unset !important;
        display: flex;
		/*justify-content: space-evenly;*/
    }
    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }
    #site-navigation,
    #primary-menu, .main-navigation .inside-navigation {
        flex: 1;
		max-width: unset; /*added to make header full width*/
    }
    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(3) {
        margin-left: auto;
    }
	#sticky-navigation .navigation-branding {
    	padding-top: 10px;
	}
/**/
}
/**/
/*Menu icons*/
.gp-icon.icon-menu-bars svg, .gp-icon.pro-menu-bars svg {
	font-size: 25px;
}
.gp-icon.icon-menu-bars {
	padding-top: 18px;
}
/**/
/*Off canvas*/
.slideout-navigation.do-overlay .inside-navigation {
    max-width: 100% !important;
	/*padding: 15% 10% 0 !important;*/
}
.slideout-navigation.do-overlay .slideout-exit {
	position: absolute !important;
	width: 100px !important;
	z-index: 10;
	outline: none;
}
@media (min-width: 981px) {
	.slideout-navigation.do-overlay .slideout-exit {
		left: 0 !important;
	}
	.slideout-navigation.do-overlay .slideout-exit {
		padding: 60px 0 0 80px;
	}
}
.slideout-navigation .off-canvas-buttons a {
	color: var(--copper) !important;
}
.slideout-navigation .off-canvas-buttons a:hover {
	color: #fff !important;
}
/**/
/*Mobile header*/
#mobile-header {
	padding: 10px 7px;
	background-color: rgba(0, 0, 0, 0.9); 
}
.mobile-header-navigation.has-menu-bar-items .mobile-header-logo, .is_stuck .menu-bar-items {
    padding-top: 8px;
}
@media (max-width: 980px) {
	.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
		padding-left: 0;
		padding-right: 0;
	}
}
/**/
/*Sticky nav*/
/*Hamburger on left in sticky nav*/
#sticky-navigation .menu-bar-items {
    order: -10;
    margin-left: unset;
    margin-right: auto;
}
/**/
/*padding left and right*/
.nav-float-right .navigation-stick {
    padding: 0 20px;
}
.sticky-enabled .main-navigation.is_stuck {
	background-color: rgba(0, 0, 0, 0.9); 
}
/**/
/*Disable secondary nav mobile menu collapse*/
.secondary-navigation .menu-toggle {
      display: none;
}
.secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container {
	padding: 0 !important;
}
@media(max-width: 980px) {
    .secondary-navigation {
        text-align: center !important;
    }
    .secondary-navigation ul {
        display: block;
    }
    .secondary-navigation .sf-menu>li {
        float: none;
        display: inline-block;
    }
}
@media(max-width: 350px) {
	#menu-item-1165 {
		display: none;
	}
}
/**/
/*Background video*/
.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
}
/*.background-video-content {
    position: relative;
    z-index: 1;
	height: 90vh;
	padding-bottom: 20%;
}*/
.homepage-video {
	height: 50vh;
}
a.video-caption {
	text-decoration: none;
}
@media (min-width: 980px) {
	.homepage-video {
		height: 70vh;
	}
}
@media (min-width: 1200px) {
	.homepage-video {
		height: 90vh;
	}
}
video[poster] {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
@media (max-height: 350px) {
	.video-caption {
		display: none !important;
	}
}
@media (max-height: 650px) and (min-width: 980px) {
	.video-caption {
		display: none !important;
	}
}
/**/
/*Header dropdown button*/
body.home .dropbtn, .is_stuck .dropbtn, #mobile-header .dropbtn {	
	border: 1px solid #fff !important;	
	color: #fff;
}
.dropbtn {
	font-size: 14px;
	border: 1px solid #000 !important;	
	color: #000;
	padding: 12px 35px;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	text-transform: uppercase;
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 240px;
	z-index: 1;
	border-left: 4px solid var(--copper);
}
.dropdown-content a {
	color: black;
	padding: 12px 14px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: var(--copper);
	border: 1px solid var(--copper) !important;
}
@media(max-width: 550px) {
	.dropbtn {
		padding: 12px 16px;
	}
	.now-txt {
		display: none;
	}
}
@media(max-width: 335px) {
	.dropdown {
		display: none;
	}
}
/**/
/*Modal*/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	z-index: 500000;
}
.modal.active {
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal_content {
	background-color: #f0EDEA;
	position: relative;
	max-width: 800px;
	width: 100%;
	max-height: calc(100vh - 5rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.modal_header, .modal_footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 1rem;
}
.modal_header {
	border-bottom: 1px solid lightgray;
}
.modal_footer {
	border-top: 1px solid lightgray;
}
.modal_body {
	flex: 1;
	padding: 1rem;
	overflow-y: auto;
	height: 100%;
}
.modal_button {
	cursor: pointer;
}
/**/
/**/
@media(min-width: 1201px) {
	.alternate-left-right .gb-query-loop-item:nth-child(even) .gb-grid-wrapper {
		flex-direction: row-reverse;
		text-align: right;
	}
	.alternate-left-right .gb-query-loop-item:nth-child(even) .gb-grid-wrapper .alt-right-left-elements, .alternate-left-right .gb-query-loop-item:nth-child(even) .gb-grid-wrapper .gb-headline-text {
		margin-left: auto;
	}
}
/**/
.img-container img {
	width: 100%;
}
/*forms*/
form.wpcf7-form p,form.wpcf7-form span {
    position: relative;
    margin: 0;
    padding: 0;
}
form.wpcf7-form .ajax-loader,form.wpcf7-form .wpcf7-mail-sent-ng,form.wpcf7-form .wpcf7-mail-sent-ok,form.wpcf7-form .wpcf7-not-valid-tip,/*form.wpcf7-form .wpcf7-response-output,*/form.wpcf7-form .wpcf7-spam-blocked,form.wpcf7-form .wpcf7-validation-errors,form.wpcf7-form br {
    display: none!important;
}
form.wpcf7-form .wpcf7-not-valid::-webkit-input-placeholder {
    color: #c8433f!important;
}
form.wpcf7-form .wpcf7-not-valid:-moz-placeholder,form.wpcf7-form .wpcf7-not-valid::-moz-placeholder {
    color: #c8433f!important;
}
form.wpcf7-form .wpcf7-not-valid:-ms-input-placeholder {
    color: #c8433f!important;
}
div.wpcf7 .screen-reader-response {
    color: #c8433f!important;
    margin-bottom: 20px!important;
}
div.wpcf7 .screen-reader-response ul,div.wpcf7 .wpcf7-spinner {
    display: none!important;
}
form {
    position: relative;
    width: 100%;
    clear: both;
    display: inline-block;
}
form input:not(.button),form select:not(.button),form textarea:not(.button) {
    background-color: transparent !important;
    width: calc(50% - 3px);
    padding: 25px 0;
    border: none;
    border-bottom: 2px solid #cbcbc7;
    text-align: left;
    text-transform: none;
    display: inline-block;
}
form input:not(.button):focus,form input:not(.button):hover,form select:not(.button):focus,form select:not(.button):hover,form textarea:not(.button):focus,form textarea:not(.button):hover {
    border-color: #986a4c;
}
form input.checkout,form input.right,form select.right {
    margin-right: 0;
}
form input.full,form textarea {
    width: 100%!important;
    float: none!important;
    clear: both!important;
}
form textarea {
    max-height: 200px;
    margin-bottom: 0!important;
}
form input[type=email],form input[type=submit],form input[type=text],form textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}
form input[type=checkbox],form input[type=radio] {
    width: auto!important;
    float: none;
    margin: 10px 0;
}
form input[type=submit] {
    width: auto;
    margin: 20px 0 0;
}
form input.checkin,form input.checkout {
    background: url("images/system/datepicker.png") top 8px right 20px no-repeat;
    cursor: pointer;
}
form label {
    display: inline;
    width: auto;
    float: none;
}
form p.agree {
    margin: 20px 0 0;
    padding: 0;
}
form p.agree span.agree {
    position: relative;
    top: 2px;
    margin-right: 10px;
}
form-submitted.success {
    display: none;
}
/*form input::-webkit-input-placeholder {
    color: var(--color-text)
}
form input:-moz-placeholder,form input::-moz-placeholder {
    color: var(--color-text)
}
form input:-ms-input-placeholder {
    color: var(--color-text)
}
form .mandatory::-webkit-input-placeholder {
    color: var(--color-text)
}
form .mandatory:-moz-placeholder,form .mandatory::-moz-placeholder {
    color: var(--color-text)
}
form .mandatory:-ms-input-placeholder {
    color: var(--color-text)
}*/
@media only screen and (max-width: 980px) {
    form input:not(.button),form select:not(.button),form textarea:not(.button) {
        width: 100%;
        float: none!important;
        clear: both!important
    }
}
@media only screen and (max-width: 437px) {
    form input.right, form input:not(input[type=submit]), form select, form textarea {
        width: 100%!important;
        margin: 0 0 6px;
    }
    form .wpcf7-form-control-wrap, form span {
        /*width: 100% !important;
        display: block !important;*/
        -webkit-appearance: none;
        overflow: visible;
    }
}
/*MailChimp form*/
form.mailchimp, form.mailchimp input {
	text-align: center;
}
form.mailchimp input[type=text], form.mailchimp input[type=email] {
	padding: 10px;
	width: 100%;
	margin-bottom: 10px;
}
form.mailchimp .field-group {
	width: 100%;
	float: left;
}
form.mailchimp .field-shift {
    left: -9999px; position: absolute;
}
html[dir="rtl"] form.mailchimp.field-shift {
    right: -9999px;
    left: auto;
}
form.mailchimp input[type=submit] {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: var(--copper) !important;
	padding: 10px 15px;
	border: none;
}
form.mailchimp input[type=submit]:hover {
	background-color: var(--contrast) !important;
}
/*Cookie Notice*/
#cookie-notice {
	display: flex;
	align-items: center;
	left: 50%;
	transform: translateX(-50%);
	font-family: inherit;
	font-size: 14px;
	background: #ffffff;
	padding: 10px 20px;
	position: fixed;
	bottom: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
	margin: 0px;
	visibility: hidden;
	z-index: 1000000;
	box-sizing: border-box;
}
#cookie-notice button {
	color: #ffffff;
	background: var(--copper);
	border: 0;
	padding: 5px 10px;
	cursor: pointer;
	font-size: inherit;
	margin-left: 10px;
}
@media only screen and (max-width: 800px) {
	#cookie-notice {
		flex-direction:column;
		width: 100%;
		bottom: 0;
		left: 0;
		border-radius: 0;
		transform: none;
		text-align: center;
	}
	#cookie-notice button {
		margin: 10px 0px 0px 0px;
	}
}
/**/