
}
 * Changes 29/06/22
 * by Michael Peart
 * Remove navbar coloring from CSS, now using stock WP
 * Remove radius from top corners of navbar
 * Align items in the footer
 * Hid empty widget in footer
 * Custom Scrollbar added
 * Fix spacing on luxe rooms and enquire now buttons
 * Adjust colour on rooms slides nav arrows
 * Fixed pixelated footer image
 * Centered nav on mobile
 * fixxed clipping of navbar and logo on ipads
 * adjusted header img size and spacing
 * adjusted the fixed header to take less space and avoid overflow issues
 * Form buttons styled
 * Moved images to sit on top of text when on small screens
 * made testimonials cleaner on mobile
 * Changed fonts to helvetica
 */


/* TODO
 * tony's bar image sizing
 * Change footer layout to grid
 * Change font for room-titles
 * 
*/

/* Custom Scrollbar */
/* width */
::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
	  box-shadow: inset 0 0 5px  #fefefe; 
	background :   #fff1f1;
	border-radius : 4px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background:    #eeb7aaaa; 
		border : 1px solid #eeb7aa;
	border-top : 5px solid #eeb7aa;
		border-bottom : 5px solid #eeb7aa;

	border-radius: 4px; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:   rgb(233, 163, 147);
}
/* end scrollbar */

/* alignment of footer items  */
.footer-container {
	display : flex;
	flex-direction : row ;
	justify-content : space-between;
	align-items : center
	padding : 0;
	text-align : center !important;
}
.footer-column {
	width : 100%;
	display : flex;
	flex-direction : row;
	justify-content : space-around;
	align-items : flex-start;
}
.footer-column > * {
	width : 100% !important;
}

/* Change to rooms fonts */
span.gdlr-head {
 font-family : 'Helvetica', 'Arial', sans-serif !important;
	font-weight : 500 !important
}

.gdlr-room-title {
/* 	 font-family : 'Helvetica', 'Arial', sans-serif; */
}

/* cneter the socials icons vertically */
.footer-column > .widget_media_image {
	display : flex;
	justify-content : center;
	align-items : center;
}

/* hide unused widget in footer */
#footer-widget-2 {
	display : none;
}

/* Align Contact and socials Buttons */
#footer-widget-3 {
	display : grid;
	justify-content : center;
	align-items : flex-start;
	grid-template-columns : 1fr 1fr
}
#footer-widget-3 > *:first-child { grid-column : 1 / span 2}
#footer-widget-3 > *:first-child { margin : 0 !important;
}

/* Fix spacing of Luxe view rooms button  */
.elementor-element-beae655, .elementor-element-2e267c2 {
margin : 0 auto 2rem auto}

/* Adjust Colour of rooms slides arrows */
ul.flex-direction-nav > li > a {
	background : #0003 ;
} 
ul.flex-direction-nav > li > a:hover {
	background : #000e;
}

/* Fixed header made smaller */
.gdlr-fixed-header {
	background : none;
	height : fit-content !important;
}
.gdlr-fixed-header > .gdlr-header-container {
	display : flex;
	width: 100%;
	flex-direction : row;
	align-items : center;
	justify-content : space-around
}
.gdlr-fixed-header  .gdlr-navigation-wrapper {
	height : fit-content !important;
	margin : 0px !important;
}
.gdlr-fixed-header  .gdlr-logo {
	height : fit-content !important;
	margin : 0px !important;
}
.gdlr-fixed-header img {
	height : 84px;
	width : auto !important;
}

/* Styling for form buttons */
button.wpforms-submit {
	background :  #e59380
 !important;
	border : 1px solid  #94341e !important
;
	color : white !important;
	border-radius : 4px !important
}


/* For Tablet Screens and below */
@media only screen and (max-width: 958px){
		/* Vertical Footer */
	.footer-container {
		flex-direction : column
	}
	/* ipad navbar positioning */
	.gdlr-header-container {
		display :flex ;
		flex-direction : column;
		align-items : center;
		justify-content : center;
	}
	/* ipad navigation */
	.gdlr-navigation-wrapper {
		height : 48px !important;
		position : relative;
		overflow : hidden;
		margin : 0 !important;
		padding-bottom : 0px !important;
	}
	#gdlr-main-navigation {
		margin : 0 !important;
	}
		#gdlr-navigation-gimmick {
		background :  #fbedea;
		z-index : 65;
	}
}

/* Navbar hamburger point */
@media only screen and (max-width : 766px) {
		/* header sizing */
	.gdlr-header-inner {
		height : 160px !important;
	}
	.dl-trigger {
		top : 84px !important;
	}
	.gdlr-logo img {
		margin-top : 12px;
		height : 128px;
	}
	
	/* Make the book your stay form skinnier */
	.gdlr-hotel-availability {
		display : grid;
		grid-template-columns : repeat(12 , 1fr);
		justify-content : center;
		align-items : center;
		grid-gap : 8px;
	}
	.gdlr-resv-datepicker {
		grid-column: span 6;
	}
		.gdlr-resv-combobox {
		grid-column: span 4;
			grid-row : 2
	}
	.gdlr-hotel-availability-submit {
		grid-column : 1 / span 12;
		border : 2px solid rgb(225, 172, 168);
		border-radius : 26px;
	}
	
	/* Images above text areas 
	 * Home About us, and Explore page
	 */
	
	.elementor-element-4196ecd > .elementor-container , .elementor-element-1e682a0 > .elementor-container , .elementor-element-22ee3b6 > .elementor-container  , .elementor-element-1b28de2  > .elementor-container  , .elementor-element-78b216a > .elementor-container , .elementor-element-a3b6153 > .elementor-container {
		flex-direction : column-reverse !important;
	}
}

/* For Mobile Screens */
@media only screen and (max-width: 428px){
	.dl-trigger {
		top : 124px !important;
	}
	
	/* reduce testimonial quote size on mobile */
	.testimonial-item > .testimonial-content::after  , 	.testimonial-item::before {
		transform : scale(0.4);
			padding : 0;
	}
	.testimonial-item {
		padding : 0 ;
	}
	.testimonial-item > .testimonial-content > p {
		margin :4px 0 !important;
		padding : 0 30px;
	} 
	.testimonial-item > .testimonial-content::after  {
		right : -20px !important;
			}
	.testimonial-item::before {
		left : -20px !important;
	}
	
	
}

#gdlr-menu-search-button,.gdlr-menu-search-button-sep {
    display: none !important;
}
.email-text{
	color: #7a4532 !important;
}

.gdlr-reservation-bar-button.gdlr-button.with-border {
    background: #485066;
}
.gdlr-page-title-wrapper{
	background-size:100% 100%
}
.gdlr-header-wrapper{
	background:#00446699 !important;
	border-bottom:1px solid white
}
.gdlr-header-container container{
	max-height:50px
}

.gdlr-header-wrapper, .gdlr-header-inner {
    background-color: #e9a393;
}

.gdlr-logo{
	margin:auto;
	height: fit-content;
	display:flex
}
.gdlr-logo-inner{
	margin:auto
}

.gdlr-navigation-wrapper{
	margin:auto;
	max-height:50px
}

.gdlr-navigation-wrapper nav,.top-social-wrapper{
	margin-top:auto !important;
	margin-bottom:auto !important
}
.elementor-1122 .elementor-element.elementor-element-20a0dd92:not(.elementor-motion-effects-element-type-background), .elementor-1122 .elementor-element.elementor-element-20a0dd92 > .elementor-motion-effects-container > .elementor-motion-effects-layer,.elementor-5206 .elementor-element.elementor-element-3e1b271:not(.elementor-motion-effects-element-type-background), .elementor-5206 .elementor-element.elementor-element-3e1b271 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background-size:100% 100%
}
.gdlr-classic-room .gdlr-button.with-border {
    display: none;
}
.gdlr-room-title a,.portfolio-title a{
	pointer-events:none
}
.portfolio-title{
	font-size:24px !important
}
.portfolio-title a{
	color:#ea867c !important
}
.gdlr-main-menu > li > a{
	    color: white;
    /* font-weight: 100 !important; */
    font-family: 'Roboto';
    text-transform: capitalize !important;
}
.gdlr-main-menu > li > a:hover{
    font-weight: 800 !important;
}

.gdlr-logo {
	/*
padding-top: 7px !important;
    height: 155px;
    max-width: 450px;
    padding: 20px;
		margin-top: 5px !important; */
	max-width: 340px;
padding: 8px;
}

.gdlr-navigation-wrapper{
	height:130px;
	max-height:130px;
	padding:20px;
	display:flex
}



@media only screen and (max-width: 767px){
.gdlr-navigation-wrapper {
    display: none !important;
}
	body .container {
		max-width: 760px;
	
	}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-9096f69.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default{
		margin:auto;
		left: 0;
		
	}
}



#menu-primary-1{
	display:flex
}
#menu-primary-1 li{
	margin:auto
}
#menu-primary-1 li a{
	padding-top:0;
	padding-bottom:0
}
.content-wrapper{
	margin-top:50px
}

/* CUSTOM CSS  */
.elementor-heading-title{
	color:#7a4532 !important
}
.elementor-widget-container {
    color: #7a4532 !important;
}
.footer-wrapper {
	border-top: 50px solid white;
    background-color: #e9a393 !important;
}
.elementor-5206 .elementor-element.elementor-element-55abb64 .elementor-heading-title {
	color: #FFFFFF !important;align-content}
.elementor-5443 .elementor-element.elementor-element-be4ac38 > .elementor-element-populated {
    border-style: solid;
    border-width: 0px 2px 0px 0px;
	border-color: #c9cacd !important}
.elementor-3720 .elementor-element.elementor-element-7dcedaa .elementor-heading-title {
    color: #FFFFFF !important;
    font-family: "roseritta", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0px;
}
.gdlr-reservation-bar-button.gdlr-button.with-border {
    background: #ffffff !important;
    color: #e1aca8 !important;
    border-radius: 20px !important;
    font-family: 'Roboto' !important;
    font-weight: 500 !important;
    font-size: 13px !important; 
}
.hotelmaster-v4-style .gdlr-reservation-field.gdlr-resv-datepicker .gdlr-reservation-field-title, .hotelmaster-v4-style .gdlr-reservation-people-amount .gdlr-reservation-field.gdlr-resv-combobox .gdlr-reservation-field-title, .hotelmaster-v4-style .gdlr-reservation-field.gdlr-resv-night .gdlr-reservation-field-title, .hotelmaster-v4-style .gdlr-reservation-field .gdlr-reservation-time-title, .gdlr-hotel-availability-wrapper.gdlr-style-v4 .gdlr-reservation-field-title {
    color: #7a4532 !important;
}
.gdlr-testimonial-item .testimonial-author {
    color: #7a4532;
}
.gdlr-testimonial-item .testimonial-content {
    color: #7a4532;
}



.testimonial-content.gdlr-skin-content::after {

    content: "”";
    font-size: 160px;
    font-weight: 800;
    height: 115px;
    overflow: hidden;
    display: block;
    line-height: 1;
    font-style: inherit;
    margin-top: -15px;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    margin-top: 15px;
    top: 0;
    font-family: "Montserrat";
    color: #e9a393;
	font-size:6em

}
.testimonial-content p {
    padding-left: 55px;
    padding-right: 55px;
}

.gdlr-testimonial-item .testimonial-content {
    z-index: 9 !important;
    position: relative;
}
.gdlr-testimonial-item.plain-style2 .testimonial-item::before {
    color: #e9a393;
    position: absolute;
    z-index: 0;
	font-size:6em
}
.testimonial-item{
	margin-top:100px !important
}
.gdlr-room-thumbnail{
	float:left;
	margin-right:50px
}
.gdlr-room-title{
	float:left
}
.gdlr-room-item{
	margin-left:0px !important
}
/* .gdlr-room-item a, .gdlr-room-item p, .gdlr-room-item {
    color: #485066 !important;
} */

.gdlr-room-title a{
	color:#e9a393 !important
}

.gdlr-hotel-room-info{
	padding-top:65px
}
@media screen and (max-width:770px){
	.gdlr-hotel-room-info{
		padding-top:0px !important;
		display:inline-block;
		float:none
	}
	.gdlr-logo{
		    margin-top: 0px !important;
	}
}

/* Controls size of socials icons */
#footer-widget-3 .widget_media_image{
	max-width:40px;
	min-width : 40px;
	margin : 5px auto;
	border-radius : 8px;
	overflow : hidden;
}

#footer-widget-3 .widget_media_image img:hover{
	background :  #d85c41;

	cursor : pointer;
}

#footer-widget-3 h2 a{
	color:white;
	font-size:24px
}

.footer-container a:hover {
	color : #d85c41 !important;
}

.gdlr-room-title{
	border:none !important
}

#gdlr-responsive-navigation.dl-menuwrapper button:hover, #gdlr-responsive-navigation.dl-menuwrapper button.dl-active, #gdlr-responsive-navigation.dl-menuwrapper ul,#gdlr-responsive-navigation.dl-menuwrapper button {
 /*   background-color: #ca8778 !important; */
}

input.gdlr-reservation-bar-button.gdlr-button.with-border:hover {
    background-color: #bb7f71 !important;
    color: white !important;
}

@media screen and (min-width:769px) and (max-width:1050px) {
.gdlr-reservation-bar-button.gdlr-button.with-border {
    background: #ffffff !important;
    color: #e1aca8 !important;
    border-radius: 20px !important;
    font-family: 'Roboto' !important;
    font-weight: 500 !important;
    font-size: 8px !important;
}
	
	.gdlr-room-title {
    border: none !important;
    font-size: 14px !important;
}
	
	
}
@media screen and (max-width:1300px){
	.elementor-element-populated{
		box-shadow:none !important
	}
}

@media screen and (max-width:769px){
	.dl-menuwrapper > .dl-menu, .dl-menuwrapper > .dl-submenu {
    z-index: 9999999 !important;
}
	
		.gdlr-room-title {
    border: none !important;
    font-size: 18px !important;
}
	.gdlr-room-title {
    float: none;
}
	
	.gdlr-room-thumbnail {
    float: none;
    margin-right: 50px;
}
	
}
.gdlr-room-info .fa.fa-check-square-o.icon-check {
    display: none;
}
@media screen and (max-width: 767px){
.dl-menuwrapper > .dl-menu, .dl-menuwrapper > .dl-submenu {
		margin: 0 !important;
    top: 160px !important;
    width: 280px !important;
    text-align: center;
		/* Center Nav */
	 	left : calc(50vw - 140px);
    position: absolute;
    border-radius: 0 0 10px 10px;
}
}

@media screen and (max-width: 767px){
#gdlr-responsive-navigation .dl-trigger {
    position: absolute;
    right: 15px !important;
    top: 77%;
    border-radius: 5px !important;
}
}
@media only screen and (max-width: 767px){
body .gdlr-logo {
    float: none;
    display: block;
    padding: 0;
}
}



@media only screen and (max-width: 767px){
body .gdlr-logo {
        height: 175px;
}
.elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone {
    display: block;
/* 	min-height:400px !important */
}
.elementor .elementor-hidden-mobile	.elementor-element-populated,.elementor .elementor-hidden-phone .elementor-element-populated{
/* 	min-height:400px !important */
	}
	
	#privacyfooter{
		margin-left:0px
	}
}
@media only screen and (max-width: 767px){
body .gdlr-logo {
        height: 175px;
}
}
.gdlr-room-thumbnail{
	max-width:400px !important
}	
.elementor-element-ccb73b0{
	min-height:400px !important;
}
@media only screen and (max-width: 767px){
	.elementor-element-a774a2b{
		display:none !important;
	}
	.elementor-5443 .elementor-element.elementor-element-be4ac38 > .elementor-element-populated{
		left:-50%
	}
	.elementor-element-461fd43 .elementor-element-populated{
		min-height: 400px
	}
}

.gdlr-item-start-content.gdlr-no-top-padding{
	max-width:100%
}
/* Removed the weird angular thing with homepage image carosel */
.ms-wk .ms-slide {
    transform-style: initial !important; 
    transform: none !important;
}
.ms-slide{
	transform: none !important
}

.gdlr-room-book-button button{
		background: #F4A08C;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 5px;
    border: none;
    color: white;
    margin-top: 20px;
}

.gdlr-room-book-button button:hover{
		background: #ffb8a7;
	cursor:pointer;
}
.gdlr-logo-inner img{
	    image-rendering: -webkit-optimize-contrast !important
}
footer.footer-wrapper {
		border : none;
}
.footer-wrapper img{
	/*
	image-rendering: pixelated
	*/
}