.container {overflow:hidden}
html {scroll-behavior:smooth}


body {
    --wp--style--root--padding-top: 2rem !important;
    --wp--style--root--padding-right: 4vw !important;
    --wp--style--root--padding-bottom: 2rem !important;
    --wp--style--root--padding-left: 4vw !important;
    background-color:#f5f5f5;
	font-family:Helvetica, Arial, sans-serif;
}

.wrapper {
	padding-left: var(--wp--style--root--padding-right);
	padding-right: var(--wp--style--root--padding-left);
	max-width: var(--wp--style--global--content-size);
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-cover {
	padding-left: var(--wp--style--root--padding-right);
	padding-right: var(--wp--style--root--padding-left);
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: initial !important;
}

:root :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--wp--preset--font-family--body);
    font-style: normal;
    font-weight: 500;
}


.has-global-padding > .alignfull {margin-right: calc(var(--wp--style--root--padding-right) * -1);margin-left: calc(var(--wp--style--root--padding-left) * -1)}




	@media only screen and (max-width:calc(1500px + 8vw)) {
        .wp-block-group.alignfull, .wrapper {padding-left: var(--wp--style--root--padding-right); padding-right: var(--wp--style--root--padding-left)}
	}
	@media only screen and (min-width:801px) {
	    .mobile-only {display:none !important;}
		
		/* Buttons & Links Hover Arrows */
		.wp-block-button__link,
		a.more {
		  position: relative;
		  transition: all 0.25s ease;
		  font-weight:700;
		  border-radius:3px !important;
		}
		.wp-block-button__link:hover,
		a.more:hover {padding-right:40px; filter: brightness(1.05);}
		.wp-block-button__link::after,
		a.more::after {
		  content: "\F285";
		  font-family:"bootstrap-icons" ;
		  position: absolute;
		  opacity: 0;
		  transform: translateX(-5px);
		  transition: all 0.25s ease;
		}

		.wp-block-button__link:hover::after,
		a.more:hover::after {
		  opacity: 1;
		  transform: translateX(5px);
		  margin-left: 8px;
		}
	
	}
	@media only screen and (max-width:800px) {
		body {
		    --wp--style--root--padding-top: 1rem;
		    --wp--style--root--padding-right: 1rem;
		    --wp--style--root--padding-bottom: 1rem;
		    --wp--style--root--padding-left: 1rem;
		}
		.desktop-only {display:none !important;}
		
		.wp-block-spacer[style*="height:100px"] {
			height:75px !important
		}
		.wp-block-spacer[style*="height:10vh"] {
			height:2em !important
		}
		
		.wp-block-cover[style*="min-height:90vh;"],
		.wp-block-fseblocks-swiper-slide .wp-block-cover {
			padding:2rem 1.5rem !important;
			min-height:66vh !important;
		}
		p[style*="font-size:1.5rem"],
		p.has-medium-font-size {
			font-size:1rem !important;
		}
		
	}






/* Fonts */
body {font-stretch:normal; color:#152838; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
h1, h2, h3, h4, h5, h6 {}
h1 {font-size:6vh; line-height:100%; letter-spacing:-0.06em; font-weight:700 !important;}
h1 strong {font-size:8vh; line-height:100%;}
h2 {font-size:4vh; line-height:125%; letter-spacing:-0.03em; }
h3 {font-size:1.4em; line-height:125%; letter-spacing:-0.02em; font-weight:700 !important;}
.wp-block-cover h3 {font-size:1.75em;}
h4 {font-size:1.4em; line-height:150%;}
h5 {font-size:1.2em; line-height:140%; font-weight:700 !important;}
h6 {line-height:125%; text-transform:uppercase; font-size:0.85em; letter-spacing:2px;}
p {line-height:160%; color:#777;}

a {text-decoration:underline;color:#152838 }

.wp-block-separator{border:none;border-top:1px solid !important; opacity:0.1;}

	@media only screen and (min-width:1280px) {
		.wp-block-cover h1 {font-size:5vw; font-weight:900;}
	}

	@media only screen and (max-width:800px) {
		h1 {font-size:2em}
		h2 {font-size:1.5em}
		h3 {font-size:1.25em}
		h4 {font-size:1.25em}
		p.has-x-large-font-size {font-size:1.75em !important}
	}






  /* .header Bar */
  header{width:100%;height:80px;z-index:1000;position: fixed;z-index:5;padding:0;background:#f5f5f5}
  header .wrapper{height:100%;}
  .header-grid {width:100%;height:100%;position: relative;display:grid;grid-template-columns:175px auto 175px;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;align-items: center;}
  	.logo {padding:0; text-align:center;}
  		.logo img {max-width:175px; display:inline-block; vertical-align:bottom; height:auto}

  	@media only screen and (min-width:1025px) {

  		.desktopMenu {text-align:center;}
  		.desktopMenu ul {list-style-type:none;margin:0;padding:0; position:relative;z-index:1001; display:block;}
  		.desktopMenu li {display:inline-block;position:relative;text-align:center; text-transform:uppercase; font-size:0.85em; letter-spacing:1px;}
  		.desktopMenu li a {display:block;color:#152838;height:50px;line-height:50px;padding:0 1vw;text-decoration:none}
		.desktopMenu li:first-of-type a {padding-left:0;}
  		.desktopMenu .current_page_item a {font-weight:bold}
  		.desktopMenu li.menu-item-has-children > a:after  {content:"\2304"; display:inline-block; vertical-align:middle; line-height:100%; margin:-6px 0 0 5px; font-size:0.8em; transform:scaleY(0.8)}

  		/* 2nd Level */
  		.desktopMenu li ul {position:absolute; top:80px; left:0px; padding:0.5em 1.5em; width:200px; z-index:1010; background:white; box-shadow:0px 5px 20px rgba(0,0,0,0.1); border-radius:10px; opacity:0; visibility:hidden; transition:0.5s all; transition-timing-function:cubic-bezier(.4,0,.2,1)}
          .desktopMenu ul li.menu-item-has-children:hover>ul {top:50px; opacity:1; visibility:visible}
  		.desktopMenu li:hover ul a {color:#152838}
  		.desktopMenu li:hover ul a:hover, .desktopMenu li li:hover > a {}
  		.desktopMenu li ul li {display:block; width:100%; font-size:100%; float:none;text-align:left;width:auto;position:relative;margin:0; z-index:1010; border-bottom:1px solid #eee;}
  		.desktopMenu li ul li a {width:100%;height:auto!important;display:block;padding:1em 0; line-height:125%!important; text-transform:none; font-weight:normal !important}
		.desktopMenu .current_page_item ul li a {font-weight:normal !important}
  		.desktopMenu li li:after {display:none}
  		.desktopMenu ul li a:hover + .sub-menu,
  		.desktopMenu .sub-menu:hover {display:block;opacity:1}
  		.desktopMenu li ul li:last-of-type{border:0}
  		.desktopMenu li ul li a:hover {color:#1380EC;}

		.desktopMenu li ul li a{position:relative;transition:all 0.25s ease;}
		.desktopMenu li ul li a::after{content:"\F285";font-family:"bootstrap-icons" ;position:absolute;opacity:0;transform:translateX(-5px);transition:all 0.25s ease;}
		.desktopMenu li ul li a:hover::after{opacity:1;transform:translateX(5px);margin-left:8px;}

  		.desktopMenu li li:after, .desktopMenu li  .current_page_item:after  {display:none}

  		.menu-panel, .sidebar-toggle, .mobileNav {display:none}
  	}
  	@media only screen and (max-width:1024px) {
  		.desktopMenu {display:none}

  		header{height:75px; padding:0}
  		.header-grid {grid-template-columns:150px auto; width:auto; grid-template-rows:1fr; grid-column-gap:5px; text-align:right; margin:0 55px 0 0}
  		.logo {text-align:left}
  		.logo img {height:auto; max-width:150px;}


		/* Animated Burger Menu */
		.sidebar-toggle {position:fixed; z-index:100002; top:0px; right:0px; font-weight:400; font-size:100%; width:75px; height:75px; background:transparent; color:#152838; cursor:pointer;padding:0; margin:0; border:none; outline:0}
		.sidebar-toggle:hover {background:transparent}
		.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {cursor:pointer; border-radius:10px; height:3px; width:30px; left:25px; top:37px; background:#152838; position:absolute; display:block; content:''}
		.sidebar-toggle span:before {top:-8px; left:0px}
		.sidebar-toggle span:after {top:8px;  left:0px}
		.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {transition:all 250ms ease-in-out}
		.open-menu .sidebar-toggle span {background-color:transparent}
		.open-menu .sidebar-toggle span:before, .sidebar-toggle.active span:after {top:0}
		.open-menu .sidebar-toggle span:before {transform:rotate(45deg); top:0px; left:0px}
		.open-menu .sidebar-toggle span:after {transform:rotate(-45deg); top:0px;  left:0px}


		.menu-panel {background:white; position:fixed; z-index:100001;overflow-y:auto; top:75px; right:-100%; width:100%; height:calc(100% - 75px); box-sizing:border-box; left:auto; transition:right 0.25s ease-in-out}
		.container.open-menu .menu-panel {left:auto;right:0px}

		/* Menu System */
		#menu {padding:0}
		#menu * {box-sizing:border-box}
		#menu {list-style:none;margin:0;padding:0;display:block;clear:both;border-top:1px solid #ddd}
		#menu li {border-bottom:1px solid #ddd; position:relative;overflow:hidden; transition:all .4s ease; font-size:125%}
		#menu li::after {content:"";display:block;clear:both}
		#menu li>a>svg {display:block;position:relative;width:14px;float:right;transition:all .3s ease}
		#menu li.open > a > svg {transform:rotate(45deg)}
		#menu a {padding:1.25em; font-weight:500; display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-decoration:none; color:#152838}
		#menu li.open > ul {display:block}
		#menu li>ul {background:white; display:none; border-top:0;  height:0;margin:0; padding-bottom:1em; overflow:hidden;transition:height 350ms ease-in-out}
		#menu ul.is-visible {display:block}
		#menu ul li {border:0; font-size:90%}

		#menu ul a, #menu li.open ul a {padding:0.75em 0; font-weight:400}
		#menu a:hover, #menu li.open a, #menu li.open ul a:hover {background:white}

		.menu-panel .contact {padding:2.5em 1.25em}
	}
	@media only screen and (max-width:440px) {
		header .wp-block-social-links {display:none !important;}
	}
	
	


/* 404 Page */
.fourOfour {text-align:center; padding:15vh 0}



.features {border-bottom:1px solid #ddd; padding:0 0 1rem; font-size:0.85em; }
.features p {color:#152838; }


/* Form Elements */
.wpcf7 p {padding:0; margin:5px 0;}
.wpcf7-form-control-wrap {padding:0; display:block}
.wpcf7-list-item {display:block !important; padding:0.25em 0; margin:0}
.wpcf7-form-control-wrap {display:block;position:relative}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select { font-family:inherit; display:block; width:100%; min-width:100%; padding:1em 0; margin:0; text-indent:0; border:0; border-bottom:1px solid #152838; background:white; color:#152838; font-size:100%; border-radius:0px}
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {background:white; outline:none;}

.wpcf7 input.wpcf7-date,
.wpcf7 select {height:45px; line-height:45px; padding:0; text-indent:0}

input.wpcf7-not-valid {border-color:red}

::-webkit-input-placeholder {color:#152838}
:-moz-placeholder {color:#152838}
::-moz-placeholder {color:#152838}
:-ms-input-placeholder {color:#152838}
.wpcf7 p br {display:none}
.wpcf7 input[type=submit] {margin:0 !important; padding: calc(0.667em + 2px) 0; width:auto; min-width:150px; border:0; border-radius:3px; display:inline-block; background:#152838; color:white; font-weight:bold; text-indent:0}

	.wpcf7 div .wpcf7-form-control-wrap:after,
	.wpcf7 div .wpcf7-form-control-wrap:after {content:""; position:absolute; font-family:"bootstrap-icons"; right:0px; top:0.75em; font-size:1em; color:#152838;}
	.wpcf7 div.name .wpcf7-form-control-wrap:after {content:"\F4D3"}
	.wpcf7 div.email .wpcf7-form-control-wrap:after {content:"\F32F"}
	.wpcf7 div.message .wpcf7-form-control-wrap:after {content:"\F252"}
	.wpcf7 div.phone .wpcf7-form-control-wrap:after {content:"\F5C1"}
	.wpcf7 div.date .wpcf7-form-control-wrap:after {content:"\F20C"}

	/* Contact Form 7 output */
	div.wpcf7-response-output {font-weight:bold; font-size:100%; line-height:125%; border:0 !important; padding:0 !important; margin:0 !important; color:#1380EC}
	div.wpcf7-mail-sent-ok {font-size:100%; line-height:125%; color:black; font-weight:bold}
	.wpcf7-not-valid-tip {display:block; padding:0; color:red !important; font-size:90%}

		@media only screen and (max-width:800px) {
		}





/* Table */
.wp-block-table {margin:1em 0; overflow-x:none; font-weight:400; border:1px solid #eaeaea;}
	.wp-block-table thead {border:0;}
		.wp-block-table th {border:0; background:black; color:white; font-weight:600; line-height:125%; font-size:0.85em; padding:1.15em; text-transform:uppercase; text-align:left; vertical-align:top}
		.wp-block-table td {background:white; padding:1em; border:0; line-height:150%; vertical-align:top;}
		.wp-block-table td img {max-width:24px !important; width:24px !important; height:24px !important}
		.wp-block-table tr:nth-of-type(even) td {background:#fafafa}

			@media only screen and (max-width:781px) {
				.wp-block-table th {font-size:1em}
			}
			@media only screen and (max-width:500px) {
				.wp-block-table {font-size:0.85em;}
				.wp-block-table th {padding:1em}
				.wp-block-table td {padding:0.8em; line-height:125%}
			}





/* Check List */
ul.checks {list-style-type:none; margin:1.5em 0; padding:0}
ul.checks li {list-style-type:none; position:relative; padding:0 0 0 35px; margin:0.75em 0; line-height:150%}
ul.checks li:before {content:"\F26B"; position:absolute; font-family:"bootstrap-icons"; font-size:1.25em; top:0px; left:0px; }





/*Accordion*/
.accordion {width:100%;min-height:150px;margin:1em 0;clear:both}
.accordion .data {padding:1.5em 0;display:none}
.accordion .wp-block-fseblocks-accordion-item {box-shadow:none !important; margin:0}
.accordion-item {cursor:pointer;position:relative; background:white;color:black;line-height:125%;display:block;text-decoration:none;padding:0.75em 2em 0.75em 0; margin:1px 0 0;font-weight:500;font-size:125%; border-top:1px solid #eee}
.accordion-item:after {content:"+";font-weight:400;font-size:100%; position:absolute; right:0px; top:0.75em; }
.accordion-item.open {font-weight:700}
.accordion-item.open:after {content:"-";}
.wp-block-fseblocks-accordion-item .accordion-item, .accordion .data {}
.wp-block-group.has-background .wp-block-fseblocks-accordion-item .accordion-item, .accordion .data {}
.accordion .data {padding-top:4px}

	@media only screen and (max-width:800px) {
		.accordion-item {font-size:100%}

	}











/* Swipers */
.wp-block-fseblocks-banner-slider,
.wp-block-fseblocks-content-slider {position:relative}

/* Swiper Pagination */
.swiper-pagination{bottom:3vh !important}
.swiper-pagination-bullet{background:white !important;opacity:0.25 !important; margin:0 0.25em !important}
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1 !important;background:white !important}

/* Swiper Arrows (bootstrap) */
	.wp-block-fseblocks-content-slider .fseblocks-swiper-nav{height:1px !important;margin:0px !important;}
	.swiper-button-next,.swiper-button-prev{top:calc(50% - 15px) !important;width:50px !important;height:50px !important;margin-top:0px;z-index:10;}
	.swiper-button-prev{left:1vw !important;}
	.swiper-button-next{right:1vw !important;}
	.swiper-button-next:after,.swiper-button-prev:after{width:50px;height:50px;background-size:50px;font-family:"bootstrap-icons" !important; content:"\F133" !important; color:white;}
	.swiper-button-prev:after{transform:rotate(180deg)}




/*NEW AS PER JARRYD*/

@media only screen and (min-width:2000px) {
  		body {font-size:125%}
  		h1 {font-size:7vw}
  		p.has-medium-font-size {font-size:100%!important}
  	}
  	@media only screen and (min-width:2500px) {
  		body {font-size:150%}
  		h1 {font-size:6vw}
  	}
  	@media only screen and (min-width:3000px) {
  		body {font-size:200%}
  		h1 {font-size:5vw}
  		.desktopMenu li a, p.has-medium-font-size {font-size:115%!important}
  	}
  	@media only screen and (max-width:800px) {
  		h1 {font-size:2.5em}
  		h2 {font-size:1.75em}
  		h3 {font-size:1.25em}
  		h4 {font-size:1.12em}
  		p.has-x-large-font-size {font-size:1.75em !important}
  	}




/* Reviews */
	.wpairbnb_t1_DIV_2 {
	    box-shadow:none !important;

	  
	    border:none !important;
	    font:inherit !important;
	    margin: 0px 0px 25px;
	    padding: 20px !important;
		
	}
	.wpairbnb_star_imgs_T1  {display:block !important}
	.wpairbnb_t1_P_3 {font-style:normal  !important;}
	.wpairbnb_t1_DIV_2:before {display:none !important}
	.wpairbnb_t1_DIV_2:after {
	    filter:none !important;
	}





	.wp-block-cover a * {
	    text-decoration:none !important;
	}




/* Footer */
.footer figure {margin:0 0 1em;}
.footer p {font-size:0.85em; padding:0; margin:0.5em;}