@charset "UTF-8";
/*
Theme Name: huys-aan-zee
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: huys_aan_zee is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how huys_aan_zee elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 7.1
Requires PHP: 5.6
Version: 2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

huys_aan_zee WordPress Theme, (C) 2020 WordPress.org
huys_aan_zee is distributed under the terms of the GNU GPL.
*/

body{padding: 0; margin: 0; font: 400 15px/24px var(--Jost); color: var(--textColor);}

a{padding: 0; margin: 0; outline: none; text-decoration: none;}

ul{ list-style: none; padding: 0; margin: 0;}

label{padding: 0; margin: 0;}

ul li{ padding: 0; margin: 0;}

:is(p,h1,h2,h3,h4,h5,h6){padding: 0; margin: 0;}

a, button, input[type="submit"], ::before, ::after{transition: var(--transition);}

input[type="submit"]{cursor: pointer; border: 0; outline: none; background: none; padding: 10px 15px;}

::placeholder{opacity: 1;}

img{max-width: 100%; height: auto;}

figure{margin: 0;}

.media{display: flex; align-items: flex-start; gap: 16px;}

.media-object{flex: 1;}

:is(h1,h2,h3,h4,h5,h6){color: var(--secondary-color); font-family: var(--Quattrocento);}

:is(p,h1,h2,h3,h4,h5,h6){margin-bottom: 13px;}

:is(p,h1,h2,h3,h4,h5,h6):last-child{margin-bottom: 0;}





:root{

/* Colors */

--primary-color: #66979A;

--secondary-color: #002134;

--bodyColor: #EEEBE5;

--success-color: #198754;

--danger-color: #dc3545;

--dark: #000;

--darkRGB: 0, 0, 0;

--light: #FFF;

--lightRGB: 255, 255, 255;

--muted: #777;

--textColor: #506978;



/* Font Family */

--Quattrocento: 'Quattrocento';

--Jost: 'Jost';

--icomoon: 'icomoon';



/* Heading Font Sizes */

--heading-xs: 30px;

--heading-sm: 35px;

--heading-md: 45px;

--heading-lg: 60px;

--heading-xl: 80px;

--heading-xxl: 90px;

--heading-lineHeight: 1.2;



/* Paragraph Font Sizes */

--text-sm: 15px;

--text-md: 16px;

--text-lg: 18px;

--text-lineHeight: 1.6;



--transition: all 0.3s ease-in-out;

}



/* quattrocento-regular - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Quattrocento';

font-style: normal;

font-weight: 400;

src: url('assets/fonts/quattrocento-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* quattrocento-700 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Quattrocento';

font-style: normal;

font-weight: 700;

src: url('assets/fonts/quattrocento-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-100 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 100;

src: url('assets/fonts/jost-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-200 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 200;

src: url('assets/fonts/jost-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-300 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 300;

src: url('assets/fonts/jost-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-regular - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 400;

src: url('assets/fonts/jost-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-500 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 500;

src: url('assets/fonts/jost-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-600 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 600;

src: url('assets/fonts/jost-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-700 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 700;

src: url('assets/fonts/jost-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-800 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 800;

src: url('assets/fonts/jost-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* jost-900 - latin */

@font-face{

font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

font-family: 'Jost';

font-style: normal;

font-weight: 900;

src: url('assets/fonts/jost-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* @font-face{

font-family: 'icomoon';

src:  url('assets/fonts/icomoon.eot?vaa87v');

src:  url('assets/fonts/icomoon.eot?vaa87v#iefix') format('embedded-opentype'),

url('assets/fonts/icomoon.ttf?vaa87v') format('truetype'),

url('assets/fonts/icomoon.woff?vaa87v') format('woff'),

url('assets/fonts/icomoon.svg?vaa87v#icomoon') format('svg');

font-weight: normal;

font-style: normal;

font-display: block;

}



[class^="icon-"], [class*=" icon-"]{



font-family: 'icomoon' !important;

speak: never;

font-style: normal;

font-weight: normal;

font-variant: normal;

text-transform: none;

line-height: 1;





-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}



.icon-Vector61:before{

content: "\e901";

}

.icon-Vector7:before{

content: "\e903";

}

.icon-Arrow-13:before{

content: "\e904";

}

.icon-Vector5:before{

content: "\e902";

}

.icon-Vector:before{

content: "\e90e";

}

.icon-Vector6:before{

content: "\e900";

}

.icon-facebook:before{

content: "\ea90";

}

.icon-instagram:before{

content: "\ea92";

}

.icon-youtube:before{

content: "\ea9d";

}

.icon-linkedin2:before{

content: "\eaca";

} */

/* @font-face{
font-family: 'icomoon';
src:  url('assets/fonts/icomoon.eot?1blc4t');
src:  url('assets/fonts/icomoon.eot?1blc4t#iefix') format('embedded-opentype'),
url('assets/fonts/icomoon.ttf?1blc4t') format('truetype'),
url('assets/fonts/icomoon.woff?1blc4t') format('woff'),
url('assets/fonts/icomoon.svg?1blc4t#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}

[class^="icon-"], [class*=" icon-"]{

font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;


-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-Arrow-2:before{
content: "\e905";
color: #fff;
}
.icon-Vector61:before{
content: "\e901";
color: #fff;
}
.icon-Vector7:before{
content: "\e903";
color: #fff;
}
.icon-Arrow-13:before{
content: "\e904";
}
.icon-Vector5:before{
content: "\e902";
color: #fff;
}
.icon-Vector:before{
content: "\e90e";
color: #023866;
}
.icon-Vector6:before{
content: "\e900";
color: #fff;
}
.icon-facebook:before{
content: "\ea90";
}
.icon-instagram:before{
content: "\ea92";
}
.icon-youtube:before{
content: "\ea9d";
}
.icon-linkedin2:before{
content: "\eaca";
}
.icon-Vector-3:before{
content: "\e906";
color: #66979a;
}
.icon-Vector-4:before{
content: "\e907";
color: #66979a;
}
.icon-Vector-5:before{
content: "\e908";
color: #66979a;
}
.icon-Vector-6:before{
content: "\e909";
color: #66979a;
}
.icon-Vector-7:before{
content: "\e90a";
color: #66979a;
}
.icon-Vector-8:before{
content: "\e90b";
color: #66979a;
}
.icon-Vector-10:before{
content: "\e90c";
color: #66979a;
}
.icon-Vector-11:before{
content: "\e90d";
color: #66979a;
}
.icon-Vector1:before{
content: "\e90f";

}
.icon-Vector1 .path2:before{
content: "\e910";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-Vector-1:before{
content: "\e911";
color: #66979a;
}
.icon-Vector-2:before{
content: "\e912";
color: #66979a;
} */




/*@font-face{*/
/*font-family: 'icomoon';*/
/*src:  url('assets/fonts/icomoon.eot?otfrj2');*/
/*src:  url('assets/fonts/icomoon.eot?otfrj2#iefix') format('embedded-opentype'),*/
/*url('assets/fonts/icomoon.ttf?otfrj2') format('truetype'),*/
/*url('assets/fonts/icomoon.woff?otfrj2') format('woff'),*/
/*url('assets/fonts/icomoon.svg?otfrj2#icomoon') format('svg');*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*font-display: block;*/
/*}*/

/*[class^="icon-"], [class*=" icon-"]{*/
/* use !important to prevent issues with browser extensions that change fonts */
/*font-family: 'icomoon' !important;*/
/*speak: never;*/
/*font-style: normal;*/
/*font-weight: normal;*/
/*font-variant: normal;*/
/*text-transform: none;*/
/*line-height: 1;*/

/* Better Font Rendering =========== */
/*-webkit-font-smoothing: antialiased;*/
/*-moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.icon-Vector61:before{*/
/*content: "\e901";*/

/*}*/
/*.icon-Vector7:before{*/
/*content: "\e903";*/

/*}*/
/*.icon-Arrow-13:before{*/
/*content: "\e904";*/
/*}*/
/*.icon-Vector5:before{*/
/*content: "\e902";*/

/*}*/
/*.icon-Vector:before{*/
/*content: "\e90e";*/

/*}*/
/*.icon-Vector6:before{*/
/*content: "\e900";*/

/*}*/
/*.icon-facebook:before{*/
/*content: "\ea90";*/
/*}*/
/*.icon-instagram:before{*/
/*content: "\ea92";*/
/*}*/
/*.icon-youtube:before{*/
/*content: "\ea9d";*/
/*}*/
/*.icon-linkedin2:before{*/
/*content: "\eaca";*/
/*}*/
/*.icon-Arrow-2:before{*/
/*content: "\e905";*/

/*}*/
/*.icon-email:before{*/
/*content: "\e919";*/
/*}*/
/*.icon-Vector1:before{*/
/*content: "\e90f";*/

/*}*/
/*.icon-Vector1:before{*/
/*content: "\e910";*/
/*background: var(--primary-color);*/
/*color: #fff;*/
/*border-radius: 50%;*/
/*}*/
/*.icon-Vector-3:before{*/
/*content: "\e906";*/

/*}*/
/*.icon-Vector-4:before{*/
/*content: "\e907";*/

/*}*/
/*.icon-Vector-5:before{*/
/*content: "\e908";*/

/*}*/
/*.icon-Vector-6:before{*/
/*content: "\e909";*/

/*}*/
/*.icon-Vector-7:before{*/
/*content: "\e90a";*/

/*}*/
/*.icon-Vector-8:before{*/
/*content: "\e90b";*/

/*}*/
/*.icon-Vector-9:before{*/
/*content: "\e913";*/

/*}*/
/*.icon-Vector-10:before{*/
/*content: "\e90c";*/

/*}*/
/*.icon-Vector-11:before{*/
/*content: "\e90d";*/

/*}*/
/*.icon-Vector-1:before{*/
/*content: "\e911";*/

/*}*/
/*.icon-Vector-2:before{*/
/*content: "\e912";*/

/*}*/

/*@font-face {*/
/*  font-family: 'icomoon';*/
/*  src:  url('assets/fonts/icomoon.eot?8csdfd');*/
/*  src:  url('assets/fonts/icomoon.eot?8csdfd#iefix') format('embedded-opentype'),*/
/*    url('assets/fonts/icomoon.ttf?8csdfd') format('truetype'),*/
/*    url('assets/fonts/icomoon.woff?8csdfd') format('woff'),*/
/*    url('assets/fonts/icomoon.svg?8csdfd#icomoon') format('svg');*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*  font-display: block;*/
/*}*/

/*[class^="icon-"], [class*=" icon-"] {*/
  /* use !important to prevent issues with browser extensions that change fonts */
/*  font-family: 'icomoon' !important;*/
/*  speak: never;*/
/*  font-style: normal;*/
/*  font-weight: normal;*/
/*  font-variant: normal;*/
/*  text-transform: none;*/
/*  line-height: 1;*/

  /* Better Font Rendering =========== */
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.icon-Vector61:before {*/
/*  content: "\e901";*/
/*  color: #fff;*/
/*}*/
/*.icon-Vector7:before {*/
/*  content: "\e903";*/
/*  color: #fff;*/
/*}*/
/*.icon-Arrow-13:before {*/
/*  content: "\e904";*/
/*}*/
/*.icon-Vector5:before {*/
/*  content: "\e902";*/
/*  color: #fff;*/
/*}*/
/*.icon-Vector:before {*/
/*  content: "\e90e";*/
 
/*}*/
/*.icon-Vector6:before {*/
/*  content: "\e900";*/
/*  color: #fff;*/
/*}*/
/*.icon-facebook:before {*/
/*  content: "\ea90";*/
/*}*/
/*.icon-instagram:before {*/
/*  content: "\ea92";*/
/*}*/
/*.icon-youtube:before {*/
/*  content: "\ea9d";*/
/*}*/
/*.icon-linkedin2:before {*/
/*  content: "\eaca";*/
/*}*/
/*.icon-Vector1 .path1:before {*/
/*  content: "\e90f";*/
/*  color: rgb(102, 151, 154);*/
/*}*/
/*.icon-Vector1 .path2:before {*/
/*  content: "\e910";*/
/*  margin-left: -1em;*/
/*  color: rgb(255, 255, 255);*/
/*}*/
/*.icon-Vector11 .path1:before {*/
/*  content: "\e911";*/
/*  color: rgb(102, 151, 154);*/
/*}*/
/*.icon-Vector11 .path2:before {*/
/*  content: "\e912";*/
/*  margin-left: -1em;*/
/*  color: rgb(255, 255, 255);*/
/*}*/
/*.icon-Vector32:before {*/
/*  content: "\e90c";*/
/*  color: #f7961d;*/
/*}*/

@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?p0habj');
  src:  url('assets/fonts/icomoon.eot?p0habj#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?p0habj') format('truetype'),
    url('assets/fonts/icomoon.woff?p0habj') format('woff'),
    url('assets/fonts/icomoon.svg?p0habj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Vector61:before {
  content: "\e901";
  color: #fff;
}
.icon-Vector7:before {
  content: "\e903";
  color: #fff;
}
.icon-Arrow-13:before {
  content: "\e904";
}
.icon-Vector5:before {
  content: "\e902";
  color: #fff;
}
.icon-Vector:before {
  content: "\e90e";

}
.icon-Vector6:before {
  content: "\e900";
  color: #fff;
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-Vector1 .path1:before {
  content: "\e90f";
  color: rgb(102, 151, 154);
}
.icon-Vector1 .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Vector11 .path1:before {
  content: "\e911";
  color: rgb(102, 151, 154);
}
.icon-Vector11 .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-tiktok:before {
  content: "\e913";
}
.icon-Vector32:before {
  content: "\e90c";
  color: #f7961d;
}





.headersec.fixed_header{transition: var(--transition);}

.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 0 8px -5px #333;}
@keyframes animationFade{
from{
opacity: 0;
transform: translateY(-20px);
}
to{
opacity: 1;
transform: translateY(0);
}

}

.headersec.fixed_header{position: fixed;inset: 0 0 auto;margin: 0;z-index: 1002;animation: animationFade 1s both; box-shadow: 0 0 8px -5px #333;}
.flexCenter{display:flex;justify-content:center;align-items:center;}
.alignCenter{display: inline-flex;align-items:center;}
.flexBetween{display: flex;align-items:center; justify-content: space-between;}

.padding-120{padding:120px 0;}
.padding-100{padding:100px 0;}
.padding-80{padding:80px 0;}

:is(p,li){color: var(--textColor); font-size: var(--text-lg); line-height: var(--text-lineHeight);font-weight: 400;}
.pagehding h2{font-weight: 400; font-size: var(--heading-xxl); line-height: var(--heading-lineHeight);}

.hdrmnu .sub-menu-toggle{display: none;}
ul.slimmenu li .sub-toggle{ width: 20px; height: 20px; background: url(assets/images/caret_icon.png) no-repeat center center; background-size: 20px; top: 5px; right: -22px; filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2%) hue-rotate(182deg) brightness(109%) contrast(100%);}
ul.slimmenu li .sub-toggle i{display: none;}
ul.slimmenu li .sub-toggle::before{content: none;}
ul.slimmenu li > ul{width: 275px; background: var(--light); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 10px; border-radius: 8px;}
ul.slimmenu li > ul > li{width: 100%; background: transparent; margin: 0;}
ul.slimmenu li > ul > li > a{display: block; /*text-transform: capitalize;*/ color: var(--secondary-color); width: 100%; background: transparent; padding: 8px 12px; border-bottom: 1px solid rgba(var(--dark), 0.09) !important; border-radius: 0 !important; font-size: 17px;}
ul.slimmenu li > ul > li > a:hover{background: var(--primary-color); color: var(--light); border-color: var(--primary-color) !important; border-radius: 6px !important;}
ul.slimmenu li > ul > li:last-child > a{border: 0 !important;}

.bannerSec{width: 100%; position: relative;}

.bnrimg{position: relative;}

.bnrimg > img{width: 100%; object-fit: cover;}

.bnrtxt{position: absolute; bottom: 77px; left: 0; width: 100%; pointer-events: none;}

.bnrtxtinr p{color: var(--light); font-size: 20px;}

.bnrtxtinr{max-width: 630px; width: 100%; pointer-events: visible;}



.headersec{position: absolute; padding: 9px 0; width: 100%; z-index: 99; top: 0; left: 0;}

.hderinr{position: relative; display: flex; align-items: center; justify-content: space-between;}

ul.slimmenu > li{margin-right: 50px;}

ul.slimmenu > li > a{display: inline-block; color: var(--light); font-family: var(--Quattrocento);

font-size: 20px;line-height: 23px;}

ul.slimmenu > li > a::before{position: absolute; content: ""; bottom: 0; left: 0; width: 0;

transition: var(--transition); border-top: 1px solid var(--light); pointer-events: none;}

ul.slimmenu > li:hover > a::before,

ul.slimmenu > li.current-menu-item > a::before{width: 27px;}

.hderright ul{display: inline-flex; gap: 8px;}

.hdercalbtn{width: 50px; height: 50px; color: var(--light); border: 1px solid var(--light);

display: flex; align-items: center; justify-content: center; font-size: 14px;}

.hdercalbtn:hover{background: var(--light); color: var(--secondary-color);}

ul.slimmenu > li:last-child{margin: 0;}

.bannerSec .owl-dots{position: absolute; right: 40px; top: 50%; transform: translateY(-50%);

display: inline-flex; flex-direction: column; gap: 8px;}

.bannerSec .owl-dots button{width: 27px; height: 27px; display: flex; align-items: center;

justify-content: center; border: 1px solid transparent; border-radius: 100%;}

.bannerSec .owl-dots button span{width: 6px; height: 6px; background: rgba(255,255,255,0.55);

border-radius: 100%;}

.bannerSec .owl-dots button.active span{background: var(--light); border-radius: 100%;}

.bannerSec .owl-dots button.active{border-color: var(--light);}





.txtcenter{text-align: center;}

body{background: var(--bodyColor);}

.exploringhding{max-width: 1290px; margin: 0 auto;}

.exploringhding h4{font-family: var(--Jost); font-size: 24px; font-weight: 500; color: #506978; line-height: 37px;}



.exploringSec{padding: 90px 0 120px;}

.exploringhding h2{padding-bottom: 125px; position: relative;}

.exploringhding h2::before{position: absolute; content: ""; height: 80px; 

border-left: 1px solid #66979A; bottom: 0; left: 50%; transform: translateX(-50%);}

.exploringparent{width: 100%; margin: 100px auto 0; position: relative; }
.second-section .discoverpnel{margin: 80px auto 0;} 
.themebtn{display: inline-flex; align-items: center; background: var(--primary-color); min-width: 373px;

height: 76px; gap: 7px; font-weight: 400;font-size: 20px;line-height: 24px;text-transform: uppercase;

color: var(--light); padding: 0 20px; justify-content: center;}

.themebtn span{font-size: 10px;}

.themebtn:hover{background: var(--secondary-color); color: var(--light);}

.exploringhding{text-align: center;}

.exploringcont .themebtn{margin-top: 20px;}



.hderinr .themebtn{min-width: 156px; background: var(--light); height: 50px;

color: var(--secondary-color); font-size: 18px; line-height: 22px; border: 2px solid transparent;}

.hderinr .themebtn span{font-size: 8px;}

.hderinr .themebtn:hover{border-color: var(--light); color: var(--light); background: transparent;}

.exploringcont{width: 100%; max-width: 615px;}

.exploringItem{width: 100%; max-width: 1980px; position: relative; margin: 0 auto;}

.exploringpnel{display: flex; justify-content: flex-end; min-height: 950px; align-items: center;}

.exploringimge{position: absolute; left: 0; top: 0; width: 50%; display: flex; align-items: center;

justify-content: center;}

.exploringimge > img{height: 950px; object-fit: cover; width: 100%;}

.exploringItem:nth-child(even) .exploringpnel .exploringimge{right: 0; left: auto;}

.exploringItem:nth-child(even) .exploringpnel{justify-content: flex-start;}

.exploringimge::before{position: absolute; content: ""; top: 0; left: 0; width: 100%;

height: 100%; background: var(--dark); opacity: 0.41; pointer-events: none;}

.exploringsmalimge{max-width: 418px; position: absolute;}



.bnerarow{position: absolute; bottom: 75px; pointer-events: none; left: 0; width: 100%;z-index: 9;}

.bnercirtext{position: relative; float: right; pointer-events: visible;display: flex;

align-items: center;justify-content: center;}

.bnercirtext a{width: 125px; height: 125px; background: var(--primary-color); display: flex;

align-items: center; justify-content: center; border-radius: 100%; position: absolute;

color: var(--light); font-size: 30px;}

.bnercirtext i{display: inline-flex;animation: infinityRotate 11s linear infinite;}

@keyframes infinityRotate{

0%{

transform: rotate(0deg);

}

50%{

transform: rotate(180deg);

}

100%{

transform: rotate(360deg);

}

}



.tripcoastSec::before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;

background: linear-gradient(270deg, #211205 -8.61%, rgba(33, 18, 5, 0) 27.52%, rgba(33, 18, 5, 0.9) 81.72%);

pointer-events: none;}

.tripcoastSec::after{position: absolute; content: ""; top: 22px; bottom: 22px; left: 50px;

right: 50px; pointer-events: none; background: url(assets/images/transparentLine.png) no-repeat 0 0;

background-size: 100% 100% !important;}

.tripcoastSec{width: 100%; background-repeat: no-repeat !important; background-size: cover !important;

min-height: 800px; background-attachment: fixed; position: relative; display: flex;

align-items: center; }

.tripcoastpnel{position: relative; /*max-width: 900px;*/ max-width: 1000px;}
.tripcoastpnel h2{color: var(--light); /*font-size: 150px !important; line-height: 136px;*/ font-size: 120px !important; line-height: 120px; margin-bottom: 25px;}
.specialstaypnel.tripcoastpnel h2{font-size: 100px !important;}
.tripcoastpnel p{color: var(--light);}

.tripcoastpnel strong{display: block; color: #F5CD88;font-weight: 400; position: relative;

font-size: 55px;line-height: 60px; padding-bottom: 20px; margin-bottom: 22px;}
.specialstaypnel.tripcoastpnel strong{font-size:20px;margin-bottom: 0;padding-bottom: 0;font-family: var(--Quattrocento);}
.tripcoastpnel strong::before{position: absolute; content: ""; bottom: 0; left: 0;

width: 210px; border-top: 1px solid #F5CD88; }
.specialstaypnel.tripcoastpnel strong::before{display: none;}
.tripcoastpnel .themebtn{margin-top: 12px; background: var(--light); color: var(--secondary-color);

height: 50px; border: 2px solid transparent; font-size: 18px; /*text-transform: capitalize;*/

min-width: auto; padding: 0 25px;}

.tripcoastpnel .themebtn:hover{border-color: var(--light); background: transparent;

color: var(--light);}



.discoverSec{padding: 100px 0 44px; width: 100%; position: relative; overflow: hidden;}

.discoverItem{margin-top: 28px; position: relative;}

.discoverItem::before{position: absolute; content: ""; top: 0; left: 0; bottom: 0;

right: 0; background: rgba(0, 0, 0, 0.24); transition: var(--transition); opacity: 0;

visibility: hidden; pointer-events: none;}

.discoverItem:hover::before{opacity: 1; visibility: visible; top: 20px; bottom: 20px;

left: 20px; right: 20px;}

.clickView{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



.footerSec{width: 100%; background-repeat: no-repeat !important; background-size: contain !important;

background-position: bottom center; padding: 90px 0 460px;}

.foterTop{text-align: center; max-width: 900px; margin: 0 auto;}

.foterTop .themebtn{margin-top: 10px;}

.foterbtm{margin-top: 65px; padding: 55px 0 42px; position: relative; display: flex; align-items: flex-start;

border-top: 1px solid rgba(0, 0, 0, 0.11); border-bottom: 1px solid rgba(0, 0, 0, 0.22);

justify-content: space-between;}

.foterbtm h3{font-weight: 400;font-size: 20px;line-height: 26px; margin-bottom: 22px;}

.fotercopy{display: flex; align-items: center; justify-content: space-between; padding: 17px 0;}

.fotercopy ul{display: inline-flex; align-items: center; }

.fotercopy li{margin-right: 38px; padding-right: 38px; position: relative; display: inline-flex;

align-items: center;}

.fotercopy li::before{background: var(--primary-color); position: absolute; right: -4.5px;

content: ""; width: 9px; height: 9px; border-radius: 100%; }

.fotercopy li a{color: var(--secondary-color); font-weight: 400;font-size: 18px;

line-height: 23px;text-transform: uppercase;}

.fotercopy li a:hover{text-decoration: underline;}

.fotercopy li:last-child{padding: 0; margin: 0;}

.fotercopy li:last-child::before{content: none;}

.fotercopy p{color: #002134;}

.fotercopy p a{color: #002134;}

.fotercopy p a:hover{text-decoration: underline;}

.fterinfo li a{font-weight: 400;font-size: 50px;line-height: 55px; color: var(--secondary-color);

font-family: var(--Quattrocento);}

.fterinfo li a:hover{text-decoration: underline;}

.fterinfo ul{display: inline-flex; flex-direction: column; gap: 13px;}

.ftrloctin p{font-size: 20px; color: var(--secondary-color);}

.ftrloctin ul{display: inline-flex; align-items: center; gap: 12px;}

.ftrloctin li a{width: 40px; height: 40px; display: flex; align-items: center; border-radius: 100%;

justify-content: center; border: 1px solid #002134; color: #002134; font-size: 16px;}

.ftrloctin li a:hover{background: #002134; color: var(--light);}

.ftrlink li a{color: var(--secondary-color); font-weight: 400;font-size: 20px;line-height: 24px;}

.ftrlink li a:hover{text-decoration: underline;}

.ftrlink ul{height: 170px; display: flex; gap: 22px 70px; flex-direction: column;

flex-wrap: wrap;}

.ftrlink{max-width: 444px; width: 100%;}



.exploringSec{background-repeat: no-repeat !important; background-size: cover !important;

position: relative;}

.exploringElmntOne{position: absolute; top: 0; right: 0; }

.exploringElmntTwo{position: absolute; bottom: 27%; left: 0; }

.discoverelmnt{position: absolute; left: 0; top: 0;}
.discoverelmnt-right{right: 0;left: unset;top: 15%;}
.foterElmntOne{position: absolute; top: 8%; left: 0;}
.foterElmntOne-bottom{top: -20%;left: -8%;}
.discoverpnel{position: relative;}
.footerSec{position: relative;}

.foterElmntTwo{position: absolute; top: 20%; right: 0;}

.discoverSec::before{position: absolute; content: ""; left: -7%; top: 20%; width: 500px; z-index: -1;

height: 500px; background: var(--primary-color); border-radius: 100%;}

.discoverSec::after{position: absolute; content: ""; right: -7%; top: -7%; z-index: -1;

background: var(--primary-color); width: 500px; height: 500px; border-radius: 100%;}
.second-section.discoverSec::after{top:10%}
.discoverSec::before, .discoverSec::after{filter: blur(135px); opacity: 0.35;}

.bnercirtext a:hover{background: var(--light); color: var(--primary-color);}



.headersec.fixed_header{background: var(--primary-color);}



.exploringItem:nth-child(odd) .exploringcont{max-width: 700px;}

/* .discoverSec .pagehding h2{text-transform: capitalize;} */





#breadcrumbs{display: flex; align-items: center; margin-bottom: 100px;}

#breadcrumbs > span{display: inline-flex; align-items: center; /*text-transform: capitalize;*/ font-size: 0;

flex-wrap: wrap; font-family: var(--Quattrocento);}

#breadcrumbs > span > span{position: relative; color: var(--light); font-weight: 400;font-size: 20px;

line-height: 25px; padding-right: 25px; margin-right: 25px; display: inline-flex; align-items: center;}

#breadcrumbs > span a{color: var(--light);}

#breadcrumbs > span > span::before{right: -5px; position: absolute; content: "/";}

#breadcrumbs > span > span:last-child{padding: 0; margin: 0;}

#breadcrumbs > span > span:last-child::before{content: none;}

#breadcrumbs > span a:hover{text-decoration: underline;}



.inrBner .bnrimg, .bnrimg > img{height: auto;}

.bannerSec.inrBner{height: auto;}

.inrBner .bnrimg::before{position: absolute; content: ""; top: 0; left: 0;

width: 100%; height: 100%; background: url(assets/images/bnerOverly.png) no-repeat 0 0 !important;

background-size: cover !important;}

.bnrtxtinr h1{ font-weight: 700; font-size: 100px; line-height: 97px; color: var(--light); margin-bottom: 75px;}

.bnrtxtinr h4{font-weight: 400;font-size: 55px;line-height: 60px; color: var(--light); margin-top:10px;}

.bannerSec.inrBner .bnrtxtinr{max-width: initial;}



.specialstaySec{width: 100%; background-repeat: no-repeat !important; min-height: 800px;

background-size: cover !important; background-attachment: fixed; position: relative;

display: flex; align-items: center;}

.specialstaySec::before{ position: absolute; content: ""; width: 100%; height: 100%;

background: linear-gradient(270deg, rgba(0, 33, 52, 0) 23.14%, rgba(0, 33, 52, 0.9) 79.59%);

top: 0; left: 0;}

.specialstaypnel{position: relative; max-width: 770px;}
.hotel-info{padding: 80px 0;position: relative;}
.hotel-info::before{    position: absolute;content: "";left: -7%;top: 20%;width: 500px;z-index: -1;height: 500px;background: var(--primary-color);border-radius: 100%;filter: blur(135px);opacity: 0.35;}
.second-section.discoverSec::before{display: none;} 
.hotel-block h2{margin: 0 0 20px;font-size: var(--heading-sm);font-weight: 400;line-height: 1.2;font-family: var(--Quattrocento);}
.hotel-info__grid{display: grid;grid-template-columns: minmax(0, 1.7fr) minmax(350px, 1fr);gap: 150px;align-items: start;}
.policy-column ul{ display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 0;
margin: 0;
list-style: none;}
.policy-column ul li{
position: relative;
display: flex;
align-items: center;
font-size: var(--text-lg);
width: 100%;
}
.policy-column ul li::after{
font-family: "icomoon";
/*content: "\e910"; replace with your Vector1 unicode */
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 18px;

}


/*start*/
.check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.check-list li ,body.single-post .entry-content ul li,
body.single-post .wp-block-post-content ul li ,.page-id-111 section ul li{
    position: relative;
    padding-left: 33px;
    margin-bottom: 15px;
    text-align: left;
}

.check-list li::before ,body.single-post .entry-content ul li::before,
body.single-post .wp-block-post-content ul li::before ,.page-id-111 section ul li::before{
    content: "\e90c";
    font-family: 'icomoon' !important;
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 21px;
    line-height: 1;
    color: #689b9e;
}
.page-id-111 section ul li::before{ top: 8px;}

/* Hide existing SVG */
.check-list li img {
    display: none;
}
/*start*/


.hotel-block{
margin-bottom: 55px;
}



.facilities-block{
margin-top: 45px;
}

.facilities-list{
display: flex;
flex-wrap: wrap;
gap: 8px;
max-width: 788px;
}

.facility{
min-height: 54px;
padding: 0 24px;
background: #fff;
display: flex;
align-items: center;
gap: 12px;
color: var(--textColor);
font-size: var(--text-lg);
white-space: nowrap;
}

.facility-icon{
color: var(--primary-color);
font-size: 18px;
}

.facility:hover{background: #6da4a5;color: #fff;}
.facility:hover img{filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(2%) hue-rotate(292deg) brightness(107%) contrast(100%);}

.facility-more span{
font-size: 20px;
}


.hotel-policy{
margin-top: 55px;
}

.policy-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-top: 30px;
}


.policy-column ul{
list-style: none;
padding: 0;
margin: 0;
}

.policy-column li{
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 5px;
color: var(--textColor);
line-height: 1.5;
}

.policy-column li span{
flex: 0 0 24px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #6da4a5;
color: #fff;

display: flex;
align-items: center;
justify-content: center;

font-size: 13px;
}


.hotel-sidebar{
background: #fff;
}

.map-box{
padding: 25px;
}

.map-image{
width: 100%;
height: 420px;
overflow: hidden;
}

.map-image img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.map-link{
display: block;
margin-top: 25px;
color: #547080;
font-size: 22px;
text-decoration: none;
}


.nearby-list{
padding: 15px 25px 35px;
}

.nearby-item{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 25px 0;
}

.nearby-name{
display: flex;
align-items: center;
gap: 20px;
color: #547080;
font-size: 24px;
line-height: 22.5px;
}

.check-icon{
flex: 0 0 25px;
width: 25px;
height: 25px;
border-radius: 50%;
background: #6da4a5;
color: #fff;

display: flex;
align-items: center;
justify-content: center;

font-size: 14px;
}

.distance{
flex-shrink: 0;
color: var(--secondary-color);
font-size: 20px;
}
.roomsSec{padding: 0 0 80px;overflow: hidden;position: relative;}
.roomsSec .foterElmntOne.foterElmntOne-bottom{top:20%;}
.roomItem{min-width: 0;}
.roomImage{position: relative;height: 540px;overflow: hidden;}
.roomImage img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.roomImage::after{content: "";position: absolute;inset: 0;background: rgba(0, 55, 75, .35);opacity: 0;visibility: hidden;
transition:
opacity .4s ease,
visibility .4s ease;pointer-events: none;}
.roomsHead{text-align: center;margin-bottom: 55px;}
.roomItem:hover .roomImage img{transform: scale(1.04);}
.roomItem:hover .roomImage::after{opacity: 1;visibility: visible;}
.roomButton{position: absolute;left: 50%;bottom: 30px;transform: translate(-50%, 20px);z-index: 2;width: calc(100% - 45px);min-height: 76px;padding: 15px 30px;background: var(--primary-color);color: #fff;display: flex;align-items: center;justify-content: center;gap: 12px;text-decoration: none;text-transform: uppercase;font-size: 20px;
letter-spacing: .3px;
opacity: 0;
visibility: hidden;
transition:
opacity .4s ease,
visibility .4s ease,
transform .4s ease;}
.roomButton i{font-size: 10px;}                
.roomItem:hover .roomButton{
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}



.roomButton:hover{
background: var(--primary-color);
color: #fff;
}

.roomContent{
padding-top: 25px;
}

.roomContent h3{
margin: 0 0 15px;

font-size: var(--heading-sm);
font-weight: 400;
line-height: 1.2;
}


/* =========================
ROOM META
========================= */

.roomMeta{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;

padding: 0;
margin: 0;

list-style: none;
}

.roomMeta li{
display: flex;
align-items: center;
gap: 7px;

color: #547080;
font-size: 15px;
white-space: nowrap;
}

.roomMeta .Vector1{
display: inline-flex;
align-items: center;
justify-content: center;
}


/* =========================
OWL DOTS
========================= */

.roomsSlider .owl-dots{
display: flex !important;
align-items: center;
justify-content: center;

gap: 12px;
padding: 10px !important;
margin-top: 50px;
}

.roomsSec .roomsSlider .owl-dot{
width: 7px;
height: 7px;

padding: 10px !important;
border: 1px solid var(--primary-color);
border-radius: 50%;

background: transparent !important;

opacity: .8;
}

.roomsSlider .owl-dot.active{
padding: 10px !important;

border: 1px solid var(--primary-color);

background: transparent !important;

position: relative;
}

.roomsSlider .owl-dot.active::after{
content: "";

position: absolute;

width: 7px;
height: 7px;

left: 50%;
top: 50%;

transform: translate(-50%, -50%);

border-radius: 50%;
background: #6da4a5;
}

button.facility.color_bg{
border: none;
background: #66979A;
color: #fff;
}

.hidden-facility{
display: none;
}

.facilities-list{
transition: max-height 0.4s ease;
}

.facilities-list.expanded button.facility.color_bg img{
transform: rotate(180deg);
}

button.facility.color_bg:focus-visible{
outline: none;
}

.hotel-block.hotel-policy .policy-column h3{
line-height: 31px;
font-size: 18px;
font-weight: 700;
}

a.facility img{
transition: var(--transition);
max-width: 40px;
}


.hderright li.flag .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown-click.js-wpml-ls-legacy-dropdown-click{
width: 45px;
/*overflow: hidden;*/
}

.hderright li.flag a.js-wpml-ls-item-toggle.wpml-ls-item-toggle::after{ right: 38%; top: calc(50% - .175em); z-index: -1;}

.hderright li.flag .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown-click.js-wpml-ls-legacy-dropdown-click ul{
/* gap: 3px !important; */
width: 100%;
display: block;
}

.hderright li.flag a.js-wpml-ls-item-toggle.wpml-ls-item-toggle{
background: none;
padding: 13px 6px;
}

.hderright li.flag a.js-wpml-ls-item-toggle.wpml-ls-item-toggle img.wpml-ls-flag{
width: 30px;
}


.hderright li.flag .wpml-ls-legacy-dropdown-click a{
padding: 5px 6px;
}
.hderright li.flag .wpml-ls-legacy-dropdown-click a img.wpml-ls-flag{
max-width: 30px;
}
.bnrimg img{ height: auto !important;}
.bannerSec.inrBner .bnrtxtinr h1{font-size: 90px; line-height: 90px;}
.contact-formbox.left_items{display: flex;  flex-wrap: wrap; justify-content: center;}
.contact-formbox.left_items .contact-formbox-top{width: 100%;}
.contact-formbox.left_items .contact-formbox-bottom{ width: 100%;}
.contact-formbox.left_items .contact-formbox-bottom iframe{width: 100%; height: 370px; margin-top: 30px;}


.discoverpnel.single-page{
column-count: 3;
column-gap: 24px;
}

.discoverpnel.single-page .discoverItem{
position: relative;
break-inside: avoid;
-webkit-column-break-inside: avoid;
margin-bottom: 24px;
overflow: hidden;
border-radius: 0;
margin-top: 0 !important;
}

.discoverpnel.single-page .discoverItem img{
display: block;
width: 100%;
height: auto;
transition: transform 0.4s ease;
}

.discoverpnel.single-page .discoverItem:hover img{
transform: scale(1.05);
}

.discoverItem .clickView{
position: absolute;
inset: 0;
z-index: 2;
cursor: zoom-in;
}

/*************start boeken_form***************/
.wpbs-legend{padding: 0; border: none; background: none;}
.wpbs-main-wrapper{margin-top: 15px;}
.wpbs-form-fields{text-align: left; margin-top: 12px;}
.wpbs-form-field-input :is(input[type="text"], input[type="email"], input[type="number"]){width: 100%; padding: 5px 10px 5px 0; outline: none !important; border: 0; border-bottom: 1px solid #0b253640; background: none;}
.wpbs-form-field-input :is(input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus){border-bottom-color: var(--primary-color);}
.wpbs-form-submit-button button{width: 100%; background: var(--primary-color); color: var(--light); padding: 12px 10px; font-size: 16px; text-transform: uppercase; border: none; letter-spacing: 1px;}
.wpbs-form-submit-button button:hover{background: var(--secondary-color);}
.wpbs-form-field-input a{color: var(--primary-color); font-weight: 500;}
.wpbs-form-field-input a:hover{color: var(--secondary-color);}
/*************end boeken_form***************/

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box{margin: 10px 10px;}
.page-id-111 section a{color:var(--primary-color);}

.page-id-111 section a:hover{text-decoration:underline;}
.page-id-111 h1.entry-title {display:none;}































/*************start responsive**************/
@media screen and (min-width: 991px){
.bnrimg, .bnrimg > img{height: 100%;}
.bannerSec{height: 100vh;}
.bannerSec .owl-carousel, .bannerSec .owl-stage-outer,
.bannerSec .owl-stage, .bannerSec .owl-item{height: 100%;}
.bannerSec .item{height: 100%;}

}

@media screen and (min-width: 1600px){
.container{max-width: 1584px;}

}

@media (min-width: 1700px) and (max-width: 1799px){
.foterElmntOne{max-width: 260px;}
.foterElmntTwo{max-width: 225px;}
.discoverelmnt{max-width: 250px;}
.exploringElmntTwo{max-width: 220px;}
.exploringElmntOne{max-width: 255px;}
.bnercirtext i{max-width: 170px;}
.bnercirtext a{width: 111px;height: 111px;font-size: 26px;}
.tripcoastSec::after{left: 32px; right: 32px;}
.tripcoastpnel h2{/*font-size: 120px !important; line-height: 110px;*/ font-size: 95px !important; line-height: 95px;}
.tripcoastpnel{/*max-width: 710px;*/ max-width: 820px;}
.specialstaypnel.tripcoastpnel{max-width: 746px;}
.tripcoastpnel strong{font-size: 50px; line-height: 55px; padding-bottom: 15px;}

}

@media (min-width: 1600px) and (max-width: 1699px){
.foterElmntOne{max-width: 260px;}
.foterElmntTwo{max-width: 225px;}
.discoverelmnt{max-width: 250px;}
.exploringElmntTwo{max-width: 220px;}
.exploringElmntOne{max-width: 255px;}
.bnercirtext i{max-width: 170px;}
.bnercirtext a{width: 111px;height: 111px;font-size: 26px;}
.tripcoastSec::after{left: 32px; right: 32px;}
.tripcoastpnel h2{font-size: 120px !important;line-height: 110px;}
.tripcoastpnel{max-width: 710px;margin-left: 55px;}
.tripcoastpnel strong{font-size: 50px; line-height: 55px; padding-bottom: 15px;}
.bannerSec{overflow: hidden;}

}

@media only screen and (max-width: 1599px){
.pagehding h2{font-size: var(--heading-xl);}
:is(p, li){font-size: var(--text-md);}
ul.slimmenu > li > a{font-size: 17px; line-height: 22px;}
ul.slimmenu > li{margin-right: 40px;}
.hdrlgo{max-width: 114px;}
.themebtn{min-width: 320px; height: 65px; font-size: 18px; line-height: 23px;}

.exploringsmalimge{max-width: 380px;}

.exploringimge > img{height: 800px;}

.exploringpnel{min-height: 800px;}

.exploringcont{max-width: 560px;}

.exploringparent ,.second-section .discoverpnel{margin: 80px auto 0;}

.exploringSec{padding: 85px 0 100px;}

.bnercirtext i{max-width: 170px;}

.bnercirtext a{width: 112px;height: 112px;font-size: 26px;}

.bnerarow{bottom: 44px;}

.bnrtxtinr p{font-size: 19px;}

.bnrtxtinr{max-width: 525px;}

.exploringhding h2{padding-bottom: 88px;}

.exploringhding h2::before{height: 67px;}

.exploringhding{max-width: 1150px;}

.exploringElmntOne{max-width: 240px;}

.exploringElmntTwo{max-width: 220px;}

.tripcoastpnel h2{/*font-size: 120px !important; line-height: 118px;*/ font-size: 90px !important; line-height: 88px;}

.tripcoastpnel strong{font-size: 48px;line-height: 53px;padding-bottom: 15px;margin-bottom: 20px;}

.tripcoastpnel{max-width: 690px;}

.tripcoastpnel strong::before{width: 160px;}

.tripcoastSec::after{top: 20px; bottom: 20px; left: 40px; right: 40px;}

.tripcoastSec ,.forth-sec{min-height: 750px;}

.discoverSec{padding: 80px 0 40px;}

.discoverelmnt{max-width: 239px;}

.discoverSec::before, .discoverSec::after{width: 450px; height: 450px;}

.foterTop{max-width: 850px;}

.foterbtm{margin-top: 55px; padding: 45px 0 37px;}

.fotercopy li a{font-size: 16px;line-height: 22px;}

.fotercopy li{margin-right: 27px; padding-right: 27px;}

.fotercopy li::before{right: -3.5px; width: 7px; height: 7px;}

.fotercopy{padding: 15px 0;}

.ftrlink li a{font-size: 18px; line-height: 23px;}

.ftrloctin p{font-size: 18px;}

.fterinfo li a{font-size: 40px; line-height: 45px;}

.ftrlink ul{height: 125px;gap: 20px 70px;}

.ftrlink{max-width: 395px;}

.ftrloctin li a{width: 38px;height: 38px;font-size: 15px;}

.foterElmntOne{max-width: 235px;}

.foterElmntTwo{max-width: 180px;}

.footerSec{padding: 77px 0 420px;}
.hotel-info{padding: 60px 0;}
.hotel-info__grid{gap:60px;grid-template-columns: minmax(0, 1.5fr) minmax(350px, 1fr);}

.headersec.fixed_header .hdrlgo{max-width: 100px;}

.exploringItem:nth-child(odd) .exploringcont{max-width: 580px;}
.bnrtxtinr h1{font-size: 76px; line-height: 70px; margin-bottom: 60px;}
.bnrtxtinr h4{font-size: 40px;line-height: var(--heading-lineHeight);}
.inrBner .bnrtxtinr{max-width: 615px;}
#breadcrumbs{    margin-bottom: 40px;}
.nearby-item{padding: 20px 0;}
.facility{min-height: 45px; font-size: var(--text-md);}
.roomImage{    height: 480px;}
.roomButton{font-size: var(--text-md);}
.nearby-icon{font-size: 18px;}
.policy-column ul li img{height: 18px;}
.specialstaypnel.tripcoastpnel h2{font-size: var(--heading-xxl) !important;line-height: var(--heading-lineHeight);}

.exploringhding h4{font-size: 22px; line-height: 34px;}

.hotel-block h2{font-size: 30px;}

.map-link{font-size: 20px; }
.nearby-name{font-size: 22px; line-height: 20px; gap: 18px;}

.bannerSec.inrBner .bnrtxtinr h1{font-size: 80px; line-height: 80px;}

ul.slimmenu li > ul > li > a{font-size: 15px; padding: 7px 10px;}
ul.slimmenu li > ul{width: 245px;}

.page-id-111 section ul li::before{ top: 5px;font-size: 20px;}

}

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

.pagehding h2{font-size: var(--heading-lg);}

:is(p,li){font-size: var(--text-sm);}



ul.slimmenu > li > a{font-size: 15px;line-height: 20px;}

ul.slimmenu > li{margin-right: 30px;}

.hderinr .themebtn{min-width: 145px; height: 45px; font-size: 16px; line-height: 20px;}

.hderinr .themebtn span{font-size: 7px;}

.hdercalbtn{width: 45px; height: 45px; font-size: 13px;}

.hderright li:first-child img{max-width: 45px;}

.bannerSec .owl-dots button{width: 24px; height: 24px;}

.bannerSec .owl-dots{right: 30px; gap: 7px;}

.hdrlgo{max-width: 100px;}

.bnercirtext i{max-width: 135px;}

.bnercirtext a{width: 95px;height: 95px;font-size: 23px;}

.bnrtxtinr p{font-size: 18px;}

.bnrtxt{bottom: 60px;}

.themebtn{min-width: 260px;height: 58px;font-size: 16px;line-height: 20px;}

.themebtn span{font-size: 8px;}

.exploringcont{max-width: 477px;}

.exploringhding h4{font-size: 20px; line-height: 30px;}

.exploringhding h2{padding-bottom: 70px;}

.exploringhding h2::before{height: 53px;}

.exploringhding{max-width: 900px;}

.exploringSec{padding: 75px 0 85px;}

.exploringparent ,.second-section .discoverpnel{margin: 65px auto 0;}

.exploringimge > img{height: 700px;}

.exploringpnel{min-height: 700px;}

.exploringsmalimge{max-width: 305px;}

.exploringElmntOne{max-width: 200px;}

.exploringElmntTwo{max-width: 165px;}

.tripcoastSec::after{left: 25px;right: 25px;}

.tripcoastpnel strong{font-size: 42px;line-height: 48px;padding-bottom: 13px;margin-bottom: 17px;}

.tripcoastpnel strong::before{width: 120px;}

.tripcoastpnel h2{/*font-size: 95px !important; line-height: 89px;*/ font-size: 75px !important; line-height: 75px;}

/* .tripcoastpnel{max-width: 535px;} */

.tripcoastpnel .themebtn{margin-top: 12px;height: 47px;font-size: 16px;padding: 0 22px;}

.tripcoastSec ,.forth-sec{min-height: 675px;}

.discoverSec{padding: 65px 0 36px;}

.discoverelmnt{max-width: 188px;}

.discoverSec::before, .discoverSec::after{width: 430px;height: 430px;opacity: 0.28;}

.fotercopy li a{font-size: 15px;line-height: 20px;}

.ftrlink li a{font-size: 16px;line-height: 20px;}

.ftrloctin p{font-size: 17px;}

.fterinfo li a{font-size: 34px;line-height: 40px;}

.foterbtm h3{font-size: 19px; line-height: 24px; margin-bottom: 19px;}

.ftrloctin ul{gap: 8px;}

.ftrloctin li a{width: 36px;height: 36px;font-size: 14px;}

.ftrlink ul{height: 110px;gap: 15px 35px;}

.ftrlink{max-width: 330px;}

.foterbtm{margin-top: 40px;padding: 40px 0 33px;}

.footerSec{padding: 60px 0 350px;}

.foterElmntOne{max-width: 180px;}

.foterElmntTwo{max-width: 135px;}

.tripcoastpnel h2{margin-bottom: 20px;}



.headersec.fixed_header .hdrlgo{max-width: 92px;}

.exploringItem:nth-child(odd) .exploringcont{max-width: 500px;}
.policy-column ul li ,.nearby-name span,.distance{font-size: var(--text-md);}
.roomButton{font-size: var(--text-sm);padding: 15px;min-height: 55px;}
.hotel-block{margin-bottom: 0px;}
.roomContent h3{font-size:var(--heading-xs) ;}
.roomImage{height: 400px;}
.roomContent{padding-top: 20px;}
.map-box{padding-bottom: 0;}
.nearby-item{padding: 10px 0;}
.nearby-name{gap: 10px;}
.specialstaypnel.tripcoastpnel h2{font-size: var(--heading-xl) !important;}
.forth-sec .tripcoastpnel{max-width: 600px;}

.hotel-block h2{
font-size: 28px;
}
.hotel-block.hotel-policy .policy-column h3{
line-height: 28px;
font-size: 16px;
font-weight: 700;
}
.policy-grid{
gap: 30px;
}
.map-link{
font-size: 20px;
margin-top: 15px;
}
.facility{
padding: 0 18px;
font-size: 14px;
}

.hderright li.flag a.js-wpml-ls-item-toggle.wpml-ls-item-toggle{
padding: 12px 6px;
}

.bannerSec.inrBner .bnrtxtinr h1{font-size: 70px; line-height: 70px;}
.bnrtxtinr h1{font-size: 65px; line-height: 60px; margin-bottom: 40px;}

ul.slimmenu li > ul > li > a{font-size: 14px; padding: 6px 10px;}
ul.slimmenu li > ul{width: 230px;}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box{margin: 5px 5px;}
.check-list li {padding-left: 28px;}
.check-list li::before {    font-size: 18px;}
.home .bannerSec {height: auto;}
.page-id-111 section ul li{ padding-left: 30px;}
.page-id-111 section ul li::before{font-size: 18px;}
}

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

.pagehding h2{font-size: var(--heading-md);}



ul.slimmenu > li{margin-right: 22px;}

.hderinr .themebtn{min-width: 125px;height: 40px;font-size: 14px;line-height: 20px;}

.hderinr .themebtn span{font-size: 6px;}

.hdercalbtn{width: 40px;height: 40px;font-size: 12px;}

.hderright li:first-child img{max-width: 40px;}

.hdrlgo{max-width: 90px;}

.bannerSec .owl-dots button{width: 21px;height: 21px;}

.bannerSec .owl-dots button span{width: 5px; height: 5px;}

.bannerSec .owl-dots{right: 23px;gap: 5px;}

.bnercirtext i{max-width: 105px;}

.bnercirtext a{width: 77px;height: 77px;font-size: 18px;}

.bnerarow{bottom: 35px;}

.bnrtxtinr p{font-size: 16px;}

.bnrtxtinr{max-width: 445px;}

.bnrtxt{bottom: 100px;}

.themebtn{min-width: 222px;height: 50px;font-size: 15px;line-height: 20px;}

.themebtn span{font-size: 7px;}

.exploringhding h4{font-size: 18px; line-height: 28px;}

.exploringhding h2{padding-bottom: 50px;}

.exploringhding h2::before{height: 40px;}

.exploringhding{max-width: 800px;}

.exploringparent, .second-section .discoverpnel{margin: 50px auto 0;}

.exploringSec{padding: 60px 0 70px;}

.exploringcont{max-width: 400px;}

.exploringimge > img{height: 550px;}

.exploringpnel{min-height: 550px;}

.exploringsmalimge{max-width: 245px;}

.exploringcont .themebtn{margin-top: 10px;}

.exploringElmntOne{max-width: 145px;}

.exploringElmntTwo{max-width: 125px;}

.tripcoastSec::after{left: 22px;right: 22px;}

.tripcoastpnel h2{/*font-size: 75px !important; line-height: 68px;*/ font-size: 55px !important; line-height: 55px;}

.tripcoastpnel strong{font-size: 36px; line-height: 42px; padding-bottom: 11px; margin-bottom: 17px;}

.tripcoastpnel strong::before{width: 90px;}

.tripcoastpnel{/*max-width: 460px; margin-left: 35px;*/ max-width: 570px;}

.tripcoastSec, .forth-sec{min-height: 530px;}

.tripcoastpnel .themebtn{margin-top: 10px;height: 44px;font-size: 15px;padding: 0 20px;}

.discoverSec{padding: 55px 0 33px;}

.discoverelmnt{max-width: 148px;}

.foterElmntOne{max-width: 139px;}

.foterElmntTwo{max-width: 103px;}

.discoverSec::before, .discoverSec::after{width: 400px;height: 400px;opacity: 0.23;}

.discoverpnel .row{margin: 0 -10px;}

.discoverpnel .row > div{padding: 0 10px;}

.discoverItem{margin-top: 20px;}

.ftrlink li a{font-size: 15px;line-height: 20px;}

.fotercopy li{margin-right: 20px;padding-right: 20px;}
.foterbtm{margin-top: 30px;padding: 30px 0;}
.fterinfo li a{font-size: 27px;line-height: 32px;}
.foterTop{max-width: 650px;}
.ftrloctin p{font-size: 15px;}
.ftrlink ul{height: 100px;gap: 11px 27px;}
.ftrlink{max-width: 294px;}
.footerSec{padding: 50px 0 255px;}
.exploringItem:nth-child(odd) .exploringcont{max-width: 420px;}
.hotel-info__grid{grid-template-columns: 1fr 380px;gap: 40px;}
.facility{padding: 0 18px;font-size: 14px;}
/* .roomsHead h2{font-size: 58px;} */
.roomImage{height: 450px;}
.bnrtxtinr h1{font-size: 55px; line-height: 50px; margin-bottom: 20px;}
#breadcrumbs{margin-bottom: 0px;}
.map-image{height: 300px;}
.hotel-block h2{font-size: 26px;}
.hderright li.flag a.js-wpml-ls-item-toggle.wpml-ls-item-toggle{background: none; padding: 8px 6px;}
.bannerSec.inrBner .bnrtxtinr h1{font-size: 55px;  line-height: 55px;}
.bnrimg img{height: 100% !important;}
ul.slimmenu li .sub-toggle{width: 18px; height: 18px; background: url(assets/images/caret_icon.png) no-repeat center center; background-size: 16px; top: 4px; right: -17px;}

ul.slimmenu li > ul > li > a{font-size: 13px; padding: 5px 8px;}
ul.slimmenu li > ul{width: 215px;}
.page-id-111 section ul li::before{ top: 3px;}


}

@media only screen and (max-width: 991px){
.collapse-button{right: 0; background: transparent !important; border-radius: 0; padding: 0; width: auto;justify-content: center; display: flex; flex-direction: column; align-items: flex-end;}
.collapse-button .icon-bar{background: var(--secondary-color); height: 3px; border-radius: 5px; width: 27px; margin: 3px 0; transition: all 0.45s ease-in-out;}
.collapse-button .icon-bar:first-child{margin-top: 0; width: 22px;}
.collapse-button .icon-bar:last-child{margin-bottom: 0; width: 22px;}
ul.slimmenu{background: var(--secondary-color); position: fixed; top: 0; flex-wrap: initial; right: -82%; height: 100vh !important; width: 80%; z-index: 999; padding: 100px 20px 20px; transition: all 0.45s ease-in-out; overflow-x: auto; display: flex !important; flex-direction: column; justify-content: flex-start;}
body.sideMenu{overflow: hidden;}
.menuOvrly{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(var(--lightRGB), 0.92); z-index: 99; transition: all 0.45s ease-in-out; opacity: 0; visibility: hidden;}
.sideMenu .menuOvrly{opacity: 1; visibility: visible;}
.sideMenu ul.slimmenu{right: 0;}
ul.slimmenu > li{border-bottom: 1px solid rgba(var(--lightRGB), .1); transition: all 0.75s ease-in-out; padding: 5px 0; padding-left: 65px;}
ul.slimmenu > li > a{padding: 10px 0; color: var(--light); border: 0 !important;}
ul.slimmenu > li:last-child{border: 0;}
ul.slimmenu li .sub-toggle{background: transparent; height: 43px !important; width: 43px; display: flex; top: 5px; align-items: center; justify-content: center;}
.sideMenu ul.slimmenu > li{padding-left: 0; margin: 0;}
.closeMenu{position: absolute; right: 82%; top: 20px; width: 32px; height: 32px; z-index: 999; opacity: 0; visibility: hidden; transform: rotate(-25deg); transition: all 0.45s ease-in-out; transition-delay: 0.2s;}
.closeMenu::before, .closeMenu::after{position: absolute; left: 15px; content: ' '; height: 33px; width: 2px;
background-color: var(--secondary-color);}
.closeMenu::before{transform: rotate(45deg);}
.closeMenu::after{transform: rotate(-45deg);}
.sideMenu .closeMenu{transform: rotate(0deg); opacity: 1; visibility: visible;}
ul.slimmenu > li > a:hover{padding-left: 8px; opacity: .6;}
ul.slimmenu li .sub-toggle i{display: none;}
ul.slimmenu li .sub-toggle::before{content: none;}

/* ul.slimmenu li .sub-toggle::after{border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px var(--light); height: 0; width: 0; position: absolute; content: "";} */

ul.slimmenu li .sub-toggle{width: 45px; height: 18px; background: url(assets/images/caret_icon.png) no-repeat center center; background-size: 20px; top: 5px; right: -19px;}
ul.slimmenu.collapsed li > ul{width: 100%; background: var(--light); float: left;}
ul.slimmenu.collapsed li > ul > li{background: transparent;}
ul.slimmenu.collapsed li > ul > li > a{padding: 10px 12px; color: var(--secondary-color); /*text-transform: capitalize;*/}
ul.slimmenu.collapsed li > ul > li i{display: none;}
ul.slimmenu.collapsed li > ul > li > a:hover{background: var(--secondary-color); color: var(--light);}

.pagehding h2{font-size: var(--heading-sm);}
.headersec{background: var(--primary-color);}
.headersec .container{max-width: 100%;}
.hderright{margin-right: 50px;}
.collapse-button .icon-bar{background: var(--light);}
.hdrlgo{max-width: 70px;}
.hderinr .themebtn{min-width: 113px; height: 39px; font-size: 13px;}
.hdercalbtn{width: 39px;height: 39px;}
.hderright li:first-child img{max-width: 39px;}
.bannerSec{margin-top: 76px;}
.bnerarow{display: none;}
.bnrtxtinr p{font-size: 15px;}
.bannerSec .owl-dots button{width: 19px;height: 19px;}
.bannerSec .owl-dots{right: 20px;}
.discoverpnel .row > div{padding: 0 5px;}
.discoverpnel .row{margin: 0 -5px;}
.discoverItem{margin-top: 13px;}
.exploringhding h4{font-size: 17px; line-height: 26px;}
.exploringhding h2{padding-bottom: 35px;}
.exploringhding h2::before{height: 27px;}
.exploringSec{padding: 50px 0;}
.exploringElmntOne{max-width: 117px;}
.exploringparent, .second-section .discoverpnel{margin: 35px auto 0;}
.exploringcont{max-width: 300px;}
.themebtn{min-width: 207px; height: 44px;}
.exploringimge > img{height: 450px;}
.exploringpnel{min-height: 450px;}
.exploringsmalimge{max-width: 186px;}
.tripcoastSec ,.forth-sec{min-height: auto;padding: 50px 0;}
.tripcoastpnel h2{font-size: 60px !important;line-height: 60px;}
.tripcoastpnel strong{font-size: 30px;line-height: 38px;padding-bottom: 10px;margin-bottom: 15px;}
.tripcoastpnel{/*max-width: 395px; margin-left: 15px;*/ max-width: 500px;}
.tripcoastpnel br{display: none;}
.tripcoastpnel h2{margin-bottom: 10px; font-size: 50px !important; line-height: 52px;}
.tripcoastpnel .themebtn{margin-top: 6px;height: 42px;font-size: 14px;padding: 0px 18px;}
.discoverelmnt{max-width: 125px;}
.discoverSec{padding: 45px 0 28px;}
.footerSec{padding: 45px 0 0;}
.foterElmntOne{max-width: 105px;}

.foterElmntTwo{max-width: 81px;}

.footerSec::before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;

background: rgba(238, 235, 229, 0.65);}

.footerSec .container{position: relative;}

.fotercopy li::before{background: var(--secondary-color);}

.fotercopy{padding: 12px 0;}
.foterbtm{margin-top: 25px;padding: 25px 0;}
.foterbtm{flex-wrap: wrap; gap: 25px;}
.fterinfo{width: 100%; text-align: center;}
.ftrlink{max-width: 350px;}
.headersec.fixed_header .hdrlgo{max-width: 70px;}
.hotel-block{text-align: center;}
.hotel-block ul{text-align: left;}
.hotel-sidebar{max-width: 100%;}
.exploringItem:nth-child(odd) .exploringcont{max-width: 310px;}
.hotel-info{padding: 20px 0;}
.hotel-info__grid{grid-template-columns: 1fr;}
.roomImage{height: 350px;}
.bnrtxtinr h1{ font-size: 55px; line-height: 50px;}
.bnrtxtinr h4{font-size: var(--heading-sm);}
.specialstaypnel.tripcoastpnel h2{font-size: var(--heading-lg) !important;}
#breadcrumbs > span > span{font-size: var(--text-md);padding-right: 20px;margin-right: 20px;}

.roomsHead{
text-align: center;
margin-bottom: 20px;
margin-top: 15px;
}

.roomContent h3{
font-size: 24px;
}

.bannerSec.inrBner .bnrtxtinr h1{ font-size: 45px;  line-height: 45px;}

.bnrtxt{ bottom: 50px;}


.discoverpnel.single-page{
column-count: 2;
column-gap: 20px;
}

.discoverpnel.single-page .discoverItem{
margin-bottom: 20px;
}



}

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

.pagehding h2{font-size: var(--heading-xs);}



.animated{animation-duration: initial;animation-fill-mode: initial;}

.bnrtxtinr{max-width: 100%;}

.bnrtxt{bottom: 25px;}

.bannerSec .owl-dots{right: 15px;}

.exploringElmntOne{max-width: 104px;}

.discoverpnel .row > div{display: flex; gap: 12px; align-items: flex-start;}

.discoverItem img{height: 270px; object-fit: cover;}

.discoverSec{padding: 40px 0 25px;}

.exploringcont{max-width: 240px;}

.exploringimge > img{height: 400px;}

.exploringpnel{min-height: 400px;}

.exploringsmalimge{max-width: 150px;}

.exploringElmntTwo{max-width: 92px;}

.tripcoastSec::after{content: none;}

.tripcoastpnel{max-width: 335px;margin-left: 0;}

.tripcoastpnel h2{font-size: 45px !important;line-height: 48px;}

.tripcoastpnel strong{font-size: 27px;line-height: 32px;padding-bottom: 7px;margin-bottom: 14px;}

.tripcoastpnel strong::before{width: 68px;}

.ftrlink{max-width: 290px;}

.fotercopy{padding: 12px 0;flex-direction: column;gap: 6px;}

.fotercopy li{margin-right: 15px;padding-right: 15px;}

.fotercopy li::before{right: -2.5px;width: 5px;height: 5px;}

.bnrtxtinr p{font-size: 14px;}

.bnrtxtinr{max-width: 300px;}



.discoverItem img{height: 235px;width: 100%;}

.tripcoastpnel h2{font-size: 35px !important;line-height: 40px;}

.tripcoastpnel strong{font-size: 24px;line-height: 30px;padding-bottom: 5px;margin-bottom: 13px;}

.tripcoastpnel strong::before{width: 50px;}

.tripcoastSec{padding: 35px 0;}

.discoverItem{width: 100%;}



.exploringItem:nth-child(odd) .exploringcont{max-width: 240px;}
.hotel-block h2{font-size: 28px;}
.hotel-block p{font-size: 15px;line-height: 1.7;}
.facilities-list{display: flex;grid-template-columns: 1fr;}
.facility, .facility-more{width: 48%;}
.facilities-list a:last-child img{filter: brightness(0) saturate(100%) invert(65%) sepia(9%) saturate(1128%) hue-rotate(135deg) brightness(85%) contrast(88%);}
.policy-grid{grid-template-columns: 1fr;gap: 30px;}
.map-image{height: 300px;}
.nearby-name, .distance{font-size: 16px;}
.map-box{padding: 15px;}

.roomsSec{
padding: 10px 0 60px;
}

.roomsHead{
margin-bottom: 35px;
}

/* .roomsHead h2{
font-size: 40px;
} */

.roomImage{
height: 400px;
}

.roomContent h3{
font-size: 28px;
}

.roomButton{
width: calc(100% - 30px);
}
.hotel-info::before{display: none;}
.bnrtxtinr h1{
font-size: 44px;
line-height: 49px;
}
.bnrtxtinr h4{
font-size: 24px;
margin-top: 10px;
}
#breadcrumbs > span > span{padding-right: 15px;margin-right: 15px;}
.specialstaypnel.tripcoastpnel h2{font-size: var(--heading-sm) !important;}
.bannerSec.inrBner .bnrtxtinr h1{font-size: 35px; line-height: 35px;}
}

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

.ftrlink{max-width: 248px;}

.exploringhding h2{padding-bottom: 27px;}

.exploringhding h2::before{height: 22px;}

.exploringSec{padding: 41px 0;}

.exploringimge{position: relative; max-width: 100%; width: 100%;}

.exploringpnel{min-height: auto;flex-direction: column; gap: 20px;}

.exploringcont{max-width: 100%;}

.exploringparent, .second-section .discoverpnel{margin: 26px 0 0;}

.exploringpnel{margin-top: 27px;}

.ftrlink ul{height: auto;gap: 9px 0;}

.ftrlink{max-width: 215px;}

.footerSec{padding: 35px 0 0;}



.exploringItem:nth-child(2n+1) .exploringcont{max-width: 100%;}
#breadcrumbs{margin-bottom: 5px;}
.roomsSec .roomsSlider .owl-dot{width: 5px;
height: 5px;
padding: 8px !important;}
.roomsSlider .owl-dot.active{
padding: 8px !important;}

.bannerSec.inrBner .bnrtxtinr h1{font-size: 30px; line-height: 30px;}

.discoverpnel.single-page{
column-count: 1;
column-gap: 0;
}
.discoverpnel.single-page .discoverItem{
margin-bottom: 15px;
}

}

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

.bnrimg > img{height: 233px;}

.bannerSec .owl-dots{right: auto;left: 0;width: 100%;flex-direction: row;top: auto;

bottom: 10px;transform: initial;justify-content: center;}

.bnrtxt{bottom: 43px;}

.hderinr .themebtn span{display: none;}

.hderinr .themebtn{min-width: auto;height: 35px;font-size: 13px;padding: 0 13px;}

.hdercalbtn{width: 35px;height: 35px;}

.hderright{margin-right: 38px;}

.hderright li:first-child img{max-width: 35px;}

.discoverItem img{height: 186px;}

.themebtn{min-width: 189px;}

.ftrloctin br{display: none;}

.ftrloctin{text-align: center; width: 100%;}

.ftrlink{text-align: center; width: 100%;max-width: 100%;}

.ftrlink ul{height: auto;gap: 7px 17px;justify-content: center;flex-direction: row;}

.fotercopy{text-align: center;}

.fterinfo li a{font-size: 23px;line-height: 28px;}

.foterbtm h3{font-size: 18px;line-height: 23px;margin-bottom: 10px;}

.tripcoastpnel h2{font-size: 28px !important;line-height: 32px;}

.tripcoastpnel strong{font-size: 23px;line-height: 29px;padding-bottom: 4px;margin-bottom: 12px;}

.facilities-list a.facility{
padding: 18px;
justify-content: center;
flex-direction: column;
gap: 7px;
}
.facilities-list a.facility img{
width: 100%;
}

.facilities-list a.facility span{
white-space: normal;
line-height: 20px;
}

button.facility.color_bg{
min-width: auto;
width: auto;
}

.hderright li.flag .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown-click.js-wpml-ls-legacy-dropdown-click{
width: 39px;
}

.hderright li.flag a.js-wpml-ls-item-toggle.wpml-ls-item-toggle{
background: none;
padding: 7px 6px;
}

.hderright li.flag a.js-wpml-ls-item-toggle.wpml-ls-item-toggle img.wpml-ls-flag{
width: 30px;
max-width: 25px;
}

.hderright li.flag .wpml-ls-legacy-dropdown-click a img.wpml-ls-flag{
max-width: 25px;
}

.bannerSec.inrBner img{height: 233px !important;}
.bannerSec.inrBner .bnrtxtinr h1{font-size: 25px; line-height: 25px;}
.bnrtxtinr h4{font-size: 18px;}

.bnrimg img{height: 280px !important;}

.bnrtxtinr h1{
font-size: 30px;
line-height: 30px;
margin-bottom: 10px;
}


}

/* ===== Contact page ===== */
.contact-intro{padding-bottom:40px}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}
.contact-card{background:#fff;padding:40px 25px;text-align:center;border-top:4px solid var(--primary-color);box-shadow:0 10px 30px rgba(11,37,54,.06)}
.contact-card h3{font-family:var(--Quattrocento);font-weight:400;font-size:26px;margin:0 0 12px;color:var(--secondary-color)}
.contact-card a,.contact-card p{display:block;margin:0;font-size:18px;line-height:1.6;color:var(--secondary-color);word-break:break-word}
.contact-card a:hover{color:var(--primary-color)}
.contact-main{padding:40px 0 90px}
.contact-wrap{display:grid;grid-template-columns:1fr 1.15fr;background:#fff;box-shadow:0 10px 40px rgba(11,37,54,.08)}
.contact-map{position:relative; min-height:auto; margin-top: 80px;}
.contact-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.contact-map .themebtn{position:absolute;left:30px;bottom:30px}
.contact-formbox{padding:55px 45px;}
.contact-formbox h2{font-family:var(--Quattrocento);font-weight:400;font-size:38px;margin:0 0 30px;color:var(--secondary-color)}
.contact-form{display:grid;gap:20px}
.contact-form .cf-row p{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form label{display:block;font-size:15px;color:var(--secondary-color)}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 0;border:0;border-bottom:1px solid rgba(11,37,54,.25);background:transparent;font:inherit;font-size:16px;color:#0b2536;border-radius:0}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;border-bottom-color:var(--primary-color)}
.contact-form textarea{resize:vertical}
.contact-form .themebtn{justify-self:start;cursor:pointer;border:0}
.cf-msg{margin:0;font-size:15px}
.cf-msg.error{color:#b3261e}
.cf-msg.ok{color:#2e7d32}
.contact-map iframe{width: 100% !important; height: 480px !important;}
.contact-form .wpcf7-form{display:grid;gap:20px}
.contact-form .wpcf7-form-control-wrap{display:block}
.contact-form .wpcf7-form p{margin:0}
.contact-form .wpcf7-submit{justify-self:start;cursor:pointer;border:0}
.wpcf7-not-valid-tip{color:#b3261e;font-size:14px;margin-top:6px}
.wpcf7 form .wpcf7-response-output{margin:0;padding:12px 0;border:0;font-size:15px}
.cf-row.cf-new p{ display: grid;  grid-template-columns: 1fr;}
.page-template-template input.themebtn[type="submit"]{background: var(--primary-color); color: var(--light);}
.page-template-template input.themebtn[type="submit"]:hover{background: var(--secondary-color);color: var(--light);}

@media (max-width:991px){
.contact-wrap{grid-template-columns: 1fr}
.contact-map{min-height: auto}
.contact-formbox{padding: 40px 30px}
}

@media (max-width:767px){
.contact-cards{grid-template-columns: 1fr; gap: 20px; margin-top: 35px;}
.contact-main{padding: 20px 0 60px;}
.contact-formbox h2{font-size: 30px;}
.contact-map{margin-top: 60px;}
}
@media (max-width:575px){
.contact-form .cf-row p{grid-template-columns: 1fr;}
.contact-formbox{padding: 30px 20px;}
.contact-map .themebtn{left: 15px; bottom: 15px;}
}


/* ===== 404 page ===== */
.notfound-sec{padding: 90px 0 110px;}
.notfound-code{display: block; font-family: var(--Quattrocento); font-size: 200px; line-height: 1; color: var(--primary-color); opacity: .35; margin-bottom: 10px;}
.notfound-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:35px}
.themebtn.themebtn-outline{background:transparent;color:var(--secondary-color);border:1px solid var(--primary-color);}
.themebtn.themebtn-outline:hover{background:var(--primary-color);color:var(--light);}

@media (max-width:767px){
.notfound-sec{padding: 50px 0 70px;}
.notfound-code{font-size: 120px;}
.notfound-btns{flex-direction: column; align-items: center;}
}

/* ===== Omgeving page ===== */
.omg-intro{padding:90px 0 80px; background:#f7f7f5 url(assets/images/pagePatern.jpg) no-repeat right top; background-size:cover;}
.omg-intro .pagehding h2{margin-bottom:24px;}
.omg-intro .pagehding p{max-width:1100px; margin:0 auto;}
.omg-discover{padding:80px 0;}
.omg-row{display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); gap:80px; align-items:start;}
.omg-text h3{font-size:var(--text-lg); font-family:var(--Jost); font-weight:600; color:var(--secondary-color); margin-bottom:4px;}
.omg-text p{margin-bottom:24px;}
.omg-img img{width:100%; display:block; border-radius:4px;}
.omg-nature{background:#f2f3f7; padding:90px 0;}
.omg-row-nature{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); align-items:center; gap:100px;}
.omg-nature h2,.omg-culinair h2{font-weight:400; font-size:clamp(32px,3.6vw,50px); line-height:1.2; margin-bottom:24px;}
.omg-nature .omg-img img{border-radius:8px;}
.omg-culinair{padding:90px 0 90px; background: #66979a;}
.omg-cols{display:grid; grid-template-columns:1fr 1.2fr; gap:90px; align-items:center;}
.omg-place{margin-bottom:28px;}
.omg-place p{margin-bottom:10px;}
.omg-place a{color:var(--primary-color); text-decoration:underline; word-break:break-all;}
.omg-place a:hover{color:var(--secondary-color);}
section.omg-culinair .omg-text h2, section.omg-culinair .omg-text p{color: #fff;}
.omg-culinair{padding: 90px 0 90px; background: #66979a;}

@media (max-width: 991px){
.omg-row, .omg-row-nature, .omg-cols{grid-template-columns:1fr; gap:36px;}
.omg-intro{padding:60px 0;} .omg-discover,.omg-nature,.omg-culinair{padding:60px 0;}
.omg-row-nature .omg-img{order:2;}

}

/* Omgeving v2: headings + restaurant cards */
.omg-intro .pagehding h2,.omg-nature h2,.omg-culinair h2{font-size:clamp(30px,3vw,42px); line-height:1.2; margin-bottom:20px;}
.omg-intro{padding:70px 0 60px;}
.omg-places{display:flex; flex-direction:column; gap:20px;}
.omg-card{display:flex; gap:20px; align-items:flex-start; background:#fff; border:1px solid #e3e8ec; border-radius:10px; padding:24px 26px; box-shadow:0 6px 24px rgba(0,33,52,.06); transition:transform .2s, box-shadow .2s;}
.omg-card:hover{transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,33,52,.12);}
.omg-icon{flex:0 0 56px; width:56px; height:56px; border-radius:50%; background:var(--primary-color); color:#fff; display:flex; align-items:center; justify-content:center;}
.omg-icon svg{width:28px; height:28px;}
.omg-card h4{font-size:24px; font-weight:400; margin-bottom:6px;}
.omg-card p{margin-bottom:10px;}
.omg-card a{color:var(--primary-color); text-decoration:underline; word-break:break-all;}

@media (max-width: 575px){
.omg-card{padding: 18px; gap: 14px;}
.omg-icon{flex-basis: 46px; width: 46px; height: 46px;}
}