/*
* style.css — systematically restructured by site layout order (top → bottom)
* * No CSS removed; rules regrouped by component/section.
*/
/* ==================================================================
00. GLOBAL / FOUNDATION (imports, fonts, root vars, reset, base elements)
================================================================== */
/*
* style.css — restructured + validated against live version
*
* Changes:
* - Regrouped per site section (no rules dropped).
* - Fixed syntax issues found in live file:
* - h4 color missing '#'
* - removed empty @font-face{}
* - removed 2 extra closing braces
*/
/* ==================================================================
00. TOKENS / ROOT / FONTS
================================================================== */
/* Google Fonts loaded via non-blocking tags in head.php */
:root {
/* ==================================================
RAW COLORS (palette – NIET direct gebruiken in CSS)
================================================== */
/* Blacks */
--black: rgb(0 0 0);
--black-10: rgb(0 0 0 / 10%);
--black-20: rgb(0 0 0 / 20%);
--black-30: rgb(0 0 0 / 30%);
--black-40: rgb(0 0 0 / 40%);
--black-50: rgb(0 0 0 / 50%);
--black-60: rgb(0 0 0 / 60%);
--black-70: rgb(0 0 0 / 70%);
--black-80: rgb(0 0 0 / 80%);
--black-90: rgb(0 0 0 / 90%);
--black-100: rgb(0 0 0 / 100%);
/* Whites */
--white: #ffffff;
--light-10: rgb(255 255 255 / 10%);
--light-20: rgb(255 255 255 / 20%);
--light-30: rgb(255 255 255 / 30%);
--light-40: rgb(255 255 255 / 40%);
--light-50: rgb(255 255 255 / 50%);
--light-60: rgb(255 255 255 / 60%);
--light-70: rgb(255 255 255 / 70%);
--light-80: rgb(255 255 255 / 80%);
--light-90: rgb(255 255 255 / 90%);
--light-100: rgb(255 255 255 / 100%);
--transparent: rgb(255 255 255 / 0%);
/* Grays */
--gray-100: #f7f7f7;
--gray-200: #f5f5f5;
--gray-300: #f4f4f4;
--gray-400: #f0f0f0;
--gray-450: #acacac;
--gray-500: #8a8a8a;
--gray-600: #676767;
--gray-700: #4f4f4f;
--gray-800: #3a3a3a;
--gray-900: #1a1a1a;
/* Brand colors */
--brand-red: #b70c12;
--brand-blue-dark: #0f1b2a;
--brand-blue: #005586;
--brand-gold: #d6b065;
--brand-gold-dark: #9e7f43;
--brand-natural: #9a8d7a;
--brand-natural-light: #ccba9f;
--brand-light: #f8f6f7;
--accent-light-blue: #0099cc;
/* Effects */
--overlay-dark: rgb(0 0 0 / 70%);
--shadow-sticky-menu: 0 10px 20px rgb(0 0 0 / 10%);
/* ==================================================
FUNCTIONAL TOKENS (DEZE GEBRUIK JE IN JE CSS)
================================================== */
/* Text */
--text-body: #333333;
--text-muted: var(--gray-600);
--text-heading: var(--brand-blue-dark);
--text-inverse: var(--white);
/* Backgrounds */
--bg-page: var(--gray-200);
--bg-surface: var(--white);
--bg-overlay: var(--overlay-dark);
/* Borders */
--border-subtle: var(--black-10);
--border-default: var(--black-20);
/* Links */
--link: var(--brand-blue);
--link-hover: var(--accent-light-blue);
/* CTA */
--cta: var(--brand-red);
--cta-hover: #9e0a0f;
/* ==================================================
TYPOGRAPHY
================================================== */
/* Font families */
--font-base: "Roboto", sans-serif;
--font-heading: "Libre Baskerville", serif;
--font-accent: "Qwitcher Grypen", cursive;
/* Font sizes */
--font-size-base: 1rem; /* 16px */
--font-size-accent: 3.5rem;
--font-size-h1: clamp(1.266rem, 2.25vw, 1.6875rem); /* 20.25px → 27px */
--font-size-h2: clamp(1.055rem, 1.97vw, 1.406rem); /* 16.9px → 22.5px */
--font-size-h3: clamp(0.844rem, 1.69vw, 1.125rem); /* 13.5px → 18px */
--font-size-h4: clamp(0.739rem, 1.41vw, 0.984rem); /* 11.8px → 15.75px */
--font-size-h5: clamp(0.633rem, 1.125vw, 0.844rem); /* 10.1px → 13.5px */
--font-size-h6: clamp(0.527rem, 0.84vw, 0.703rem); /* 8.4px → 11.25px */
/* Line heights */
--line-height-base: 1.6;
--line-height-heading: 1.25;
/* Letter spacing */
--letter-spacing-heading: 0.02em;
--letter-spacing-accent: 0.04em;
}
/* ==================================================================
01. BASE / RESET
================================================================== */
body{
font-family: var(--font-base);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
background: #f5f5f5;
/* color: #666666; */
color: #333333;
}
html{
min-height:102vh;
font-size: 16px;
line-height: 22px;
}
html,
body {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
transition: color 200ms ease;
color: inherit;
}
a:hover {
text-decoration: none;
color: #1976bc;
}
a img {
border: none;
}
a,
a:active,
a:focus {
outline: none;
}
body.vervolg div.vervolgContent h2{
font-size: 20px;
}
p.mail a {
text-decoration: none;
color: #ffffff !important;
}
body.landing div.carousel{
height: 600px;
overflow: hidden;
}
body.landing div.carousel-inner div.item{
height: 100%;}
html.en .wimpel {
background-image: url('../images/GJS_wimpels_en.png');
}
html.de .wimpel {
background-image: url('../images/GJS_wimpels_de.png');
}
iframe{
border: 0;}
body.vervolg div.content{
margin-top: 30px;}
body.vervolg .schepenOverzicht div.content{
margin-top: 0;
}
body.vervolg .schepenOverzicht div.content h3{
margin-top: 0;
}
p.price,
p.price a{
margin: 10px 0 20px 0;
font-size: 36px;
font-weight: bold;
font-style: italic;
color: #fff;
text-decoration: none;}
time{
color: #c7c7c7;
font-size: 12px;}
a, a:link{
color: var(--brand-blue);
text-decoration: none;
}
a:hover, a:link:hover {
text-decoration: none;
}
a.CTA,
a.CTA:link{
float: left;
display: inline-block;
position: relative;
padding: 4px 10px 5px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size: 15px;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
text-shadow: 0px 1px 0px #005c7e;
text-decoration: none;}
a.CTA:hover{
text-decoration: none;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;}
a.darkBlue,
a.darkBlue:link{
background-color: var(--brand-blue-dark);
background-position: 10px 12px;
padding: 4px 10px 5px 20px;
margin: 10px 10px 0 0;
color: #fff;
text-decoration: none;}
a.darkBlue:hover{
text-decoration: none;
background-color: var(--brand-blue);}
a.lightBlue,
a.lightBlue:link{
background: var(--brand-blue);
box-shadow: 0px 2px 0px #40a1c6;
margin: 10px 10px 10px 0;
background: url("../images/csg-542135f8b5877.png") no-repeat top left var(--brand-blue);
background-position: 10px 12px;
}
a.lightBlue:hover{
background-color: #008fc4;
box-shadow: 0px 2px 0px #00688f;}
a.orange,
a.orange:link{
background: #ff9000;
font-size: 20px;
font-weight: bold;
box-shadow: 0px 2px 0px #d97908;
margin: 10px 10px 10px 0;}
a.orange:hover{
background-color: #de7d00;
box-shadow: 0px 2px 0px #b26000;}
a.searchtitle {
font-size: 20px;
color: #006084;
text-decoration: none;
}
p.titlesubmenu {
padding: 20px 0 0 6px;
color: var(--brand-blue-dark) !important;
font-size: 16px;
text-transform: uppercase;
font-family: var(--font-base);
}
p {
hyphens: none;
}
a.arrow {
position: absolute;
right: 50%;
bottom: 180px;
background: var(--brand-blue);
color: #ffffff;
padding: 11px 13px;
border-radius: 26px;
z-index: 990;
font-size: 26px;
}
a.arrow:hover {
cursor: pointer;
background: #0798CF;
}
body.single-tour .btPageHeadline {
z-index: 1;
}
body.single-tour .btPageWrap > .btContentWrap > .btContentHolder {
z-index: 2;
position: relative;
}
body.single-tour.btWithSidebar .btContentHolder {
padding-top: 4em;
}
body.single-tour.btWithSidebar.btHideHeadline .btContentHolder {
padding-top: 0;
}
/* ==================================================================
02. TYPOGRAPHY
================================================================== */
h1{
font-family: var(--font-heading);
font-size: var(--font-size-h1);
margin: 0 0 10px 0;
}
h1.white{
color: #fff;}
h2{
font-family: var(--font-heading);
font-size: var(--font-size-h2);
padding: 0;
margin: 10px 0 10px 0;
}
h3,
h3 a,
h3 a:link{
margin: 0 0 10px 0;
color: #256e8d;
font-size: var(--font-size-h3);
font-family: var(--font-heading);
text-decoration: none;}
h3 a:hover{
color: var(--brand-blue);
text-decoration: none;
}
h4{
font-family: var(--font-heading);
font-size: 27px;
margin: 0;
color: #006084;}
h4.white{
color: #fff;
}
/* H3 watermark (jij gebruikt class header-background-font in HTML) */
h2 a,
h2 a:link{
color: #006084;
text-decoration: none;}
/* ==================================================================
03. LAYOUT HELPERS / UTILITIES
================================================================== */
/* Hero tekst container (overlay) */
/* ==================================================================
10. TOPBAR + NAVBAR + MENUS (desktop + responsive)
================================================================== */
/* breedte hero tekst (niet meer hard 800px) */
/* =========================================================
HERO USP STRIP (jouw look blijft)
========================================================= */
/******************************************************* ##### TEKST STYLES ##### ********************************************************/
/* General Fonts */
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
background-repeat: no-repeat;
}
************************************************************ Tour List *************************************************************/
/* ==================================================================
90. PLUGINS / OVERRIDES (Bold Builder)
================================================================== */
/* ------------------------------------------------------------------
90.1 Base (no media query)
------------------------------------------------------------------ */
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-loading,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-loading {
padding: 8px;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-loading .mejs-overlay-loading-bg-img,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-loading .mejs-overlay-loading-bg-img {
width: 64px;
height: 64px;
border: 2px solid transparent;
border-top: 2px solid #1976bc !important;
border-bottom: 2px solid #1976bc !important;
border-radius: 50%;
-webkit-animation: btLoader 2s infinite linear;
-moz-animation: btLoader 2s infinite linear;
animation: btLoader 2s infinite linear;
background: transparent;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-loading .mejs-overlay-loading-bg-img:before,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-loading .mejs-overlay-loading-bg-img:before {
content: "";
display: block;
position: absolute;
width: 56px;
height: 56px;
left: 2px;
top: 2px;
-webkit-animation: btLoader 5s infinite linear;
-moz-animation: btLoader 5s infinite linear;
animation: btLoader 5s infinite linear;
border-radius: 50%;
border: 2px solid transparent;
border-left: 2px solid #8dc645 !important;
border-right: 2px solid #8dc645 !important;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-play,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-play {
pointer-events: none;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-play .mejs-overlay-button,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-play .mejs-overlay-button {
background: -webkit-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: -moz-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: linear-gradient(135deg,#1976bc 0%,#8dc645 100%);
border-radius: 50%;
color: #fff;
-webkit-box-shadow: 0 5px 15px rgba(24,24,24,.5);
box-shadow: 0 5px 15px rgba(24,24,24,.5);
-webkit-transition: transform 200ms ease;
-moz-transition: transform 200ms ease;
transition: transform 200ms ease;
width: 80px;
height: 80px;
pointer-events: initial;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-play .mejs-overlay-button:after,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-play .mejs-overlay-button:after {
font-family: FontAwesome;
pointer-events: none;
text-align: center;
font-size: 40px;
line-height: 80px;
content: "\f04b";
display: block;
text-indent: 5px;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-play .mejs-overlay-button:hover,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-layers .mejs-overlay-play .mejs-overlay-button:hover {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen {
padding: 0;
height: 8px;
bottom: auto;
top: 0;
background: transparent;
clip: unset;
opacity: 1 !important;
overflow: visible !important;
clip-path: unset;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-button,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-button,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-button,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-button,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time {
display: none !important;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail {
height: 8px;
margin: 0;
padding: 0;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-buffering,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-marker,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-buffering,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-current,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-float,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-float-corner,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-float-current,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-hovered,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-loaded,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-marker,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-total,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-buffering,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-marker,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-buffering,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-current,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-float,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-float-corner,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-float-current,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-hovered,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-loaded,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-marker,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-total {
height: 8px;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-total,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-total {
background: rgba(24,24,24,.1);
margin: 0;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-loaded,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-loaded {
background: rgba(24,24,24,.1);
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-current,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-current {
background: -webkit-linear-gradient(left,#1976bc 0%,#8dc645 100%);
background: -moz-linear-gradient(left,#1976bc 0%,#8dc645 100%);
background: linear-gradient(to right,#1976bc 0%,#8dc645 100%);
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-hovered,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-hovered {
background: rgba(255,255,255,.25);
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered.negative,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-hovered.negative,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered.negative,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-hovered.negative {
background: rgba(24,24,24,.25);
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-handle,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-handle {
-webkit-transition: .15s ease all;
-moz-transition: .15s ease all;
transition: .15s ease all;
}
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle .mejs-time-handle-content,
body.single-tour .btPageHeadline.btTourVideo .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-handle .mejs-time-handle-content,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle .mejs-time-handle-content,
body.single-tour .btPageHeadline.btTourVideoImageSlider .bt_bb_video .mejs-container .mejs-controls.mejs-offscreen .mejs-time-rail .mejs-time-handle .mejs-time-handle-content {
background: #fff;
border: 0;
border-radius: 50%;
top: -5px;
-webkit-transition: transform 100ms ease;
-moz-transition: transform 100ms ease;
transition: transform 100ms ease;
-webkit-box-shadow: 0 2px 4px rgba(24,24,24,.5);
box-shadow: 0 2px 4px rgba(24,24,24,.5);
}
body.single-tour.btWithSidebar .btSidebar {
padding-top: 7em;
}
body.single-tour.btWithSidebar.btHideHeadline .btSidebar {
padding-top: 4.5em;
}
body.single-tour.btWithSidebar.btBelowMenu .btSidebar {
padding-top: -webkit-calc(4.5em + 100px);
padding-top: -moz-calc(4.5em + 100px);
padding-top: calc(4.5em + 100px);
}
body.single-tour.btWithSidebar.btBelowMenu.btMenuBelowLogo .btSidebar {
padding-top: -webkit-calc(4.5em + 100px + 50px);
padding-top: -moz-calc(4.5em + 100px + 50px);
padding-top: calc(4.5em + 100px + 50px);
}
body.single-tour.btWithSidebar.btBelowMenu.btHeaderWidgetsLeftRightOn .btSidebar {
padding-top: -webkit-calc(4.5em + 100px + 1.875em);
padding-top: -moz-calc(4.5em + 100px + 1.875em);
padding-top: calc(4.5em + 100px + 1.875em);
}
body.single-tour.btWithSidebar.btBelowMenu.btMenuBelowLogo.btHeaderWidgetsLeftRightOn .btSidebar {
padding-top: -webkit-calc(4.5em + 100px + 50px + 1.875em);
padding-top: -moz-calc(4.5em + 100px + 50px + 1.875em);
padding-top: calc(4.5em + 100px + 50px + 1.875em);
}
body.btHeadingStyle_compact header.bt_bb_headline .bt_bb_headline_superheadline,
body.btHeadingStyle_compact header.bt_bb_headline .bt_bb_headline_subheadline {
font-size: 1rem;
letter-spacing: initial;
text-transform: initial;
font-style: italic;
}
body.btHeadingStyle_compact header.bt_bb_headline.bt_bb_size_extralarge .bt_bb_headline_superheadline,
body.btHeadingStyle_compact header.bt_bb_headline.bt_bb_size_extralarge .bt_bb_headline_subheadline {
font-size: 1.2rem;
}
body.btHeadingStyle_compact h1,
body.btHeadingStyle_compact h2,
body.btHeadingStyle_compact h3,
body.btHeadingStyle_compact h4,
body.btHeadingStyle_compact h5,
body.btHeadingStyle_compact h6 {
text-transform: uppercase;
line-height: 1 !important;
font-weight: 600;
}
body.btHeadingStyle_compact .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title {
line-height: 1em;
max-height: 2em;
}
/* Headings Bold Builder*/
/* ------------------------------------------------------------------
90.2 Responsive (per breakpoint)
------------------------------------------------------------------ */
/* @media (max-width: 480px) */
/* @media (max-width: 640px) */
/* @media (max-width: 768px) */
/* @media (max-width: 992px) */
/* @media (max-width: 1454px) */
/* @media (min-width: 1455px) */
/* Single Tour */
/* --- Responsive / media overrides for this section --- */
@media (max-width: 640px) {
/* USP strip */
/* 1) Zet overlays NIET absoluut op mobiel -> nooit overlap */
/* 3) Container padding mobiel */
/* 4) Breedtes: alles 100% */
/* 5) Watermark subtieler */
}
@media (max-width: 992px) {
body.single-tour.btWithSidebar.btBelowMenu .btSidebar,
body.single-tour.btWithSidebar.btBelowMenu.btMenuBelowLogo .btSidebar,
body.single-tour.btWithSidebar.btBelowMenu.btHeaderWidgetsLeftRightOn .btSidebar,
body.single-tour.btWithSidebar.btBelowMenu.btMenuBelowLogo.btHeaderWidgetsLeftRightOn .btSidebar {
padding-top: 4em;
}
}
@media only screen and (min-width: 641px) {
body #gform_wrapper_14 {
max-width: 68%;
margin: 0 auto;
}
body #gform_wrapper_14 ul li.gfield .ginput_container,
body #gform_wrapper_14 ul li.gfield .gfield_description,
body #gform_wrapper_14 div.ginput_complex label,
body #gform_wrapper_14 input:not([type='radio']):not([type='checkbox']):not([type='submit']),
body #gform_wrapper_14 select,
body #gform_wrapper_14 textarea {
text-align:center;
}
body #gform_wrapper_14 ul.top_label li.gfield label.gfield_label {
text-align: center;
display: block;
}
body #gform_wrapper_14 .gform_footer,
body #gform_wrapper_14 .gform_page_footer {
text-align: center;
}
body #gform_wrapper_14 ul {
text-align: center;
}
body #gform_wrapper_14 input:not([type='radio']):not([type='checkbox']):not([type='submit']) {
width: 300px;
}
}
/* ==================================================================
05. TOP BAR
================================================================== */
div.topBar{
display: block;
width: 100%;
background: #12385C;
color: #fff;
min-height: 40px;
padding-top: 8px;}
div.topBar div.contact{
text-align: right;
padding-bottom: 10px;}
div.topBar div.contact p{
text-align: right;
display: inline;
font-size: 16px;
font-weight: bold;}
div.topBar div.contact p.phone{
padding-left: 22px;
margin-left: 5px;
background-position: 0 -849px;}
div.topBar div.contact p.mail{
padding-left: 22px;
/* margin-left: 15px; */
background-position: 0 -512px;
}
div.topBar div.language img{
float: left; display: inline;
margin: 0 0 0 5px}
div.topBar div.language img:hover{
border-bottom: 2px solid #00AEEF;
}
div.topBar div.search input{
margin: -3px 0 0 0;
height: 30px;
background: #fff;
line-height: 16px;
}
div.topBar div.search input.searchicon {
position: absolute;
right: 0;
top: 0;
z-index: 999;
background: #fff url("../images/iconSearch.png") right 7px no-repeat;
}
.wimpel.groen.week{
background-position: -137px 0;
}
.wimpel.groen.nieuw{
background-position: -137px -186px;
}
.wimpel.groen.aanbieding{
background-position: -137px -372px;
}
.wimpel.groen.meest-geboekt{
background-position: -137px -558px;
}
.wimpel.groen.uitgelicht{
background-position: -137px -930px;
}
.wimpel.oranje.meest-bekeken{
background-position: 0 -1116px;
}
.wimpel.groen.meest-bekeken{
background-position: -137px -1116px;
}
.wimpel.blauw.meest-bekeken{
background-position: 137px -1116px;
}
.wimpel.groen.grootste-schip{
background-position: -137px -1302px;
}
/* ==================================================================
HWYC NAVBAR + MEGA (Option B) — FIXED
- Mobile: Bootstrap hamburger + per-item .menu-toggle visible
- Desktop: top-level items equally distributed (flex) + mega hover
================================================================== */
/* --- kill bootstrap inverse black bg (root cause of black items) --- */
.navbar.navbar-inverse,
.navbar.navbar-inverse.navbar-fixed-top{
background: transparent !important;
border: 0 !important;
}
.navbar.navbar-inverse .navbar-collapse{
background: transparent !important;
border: 0 !important;
}
/* --- legacy base (keep your look) --- */
div.navbar{
float:left;
display:block;
position:relative;
width:100%;
border:0;
background:transparent;
margin:0;
z-index:998;
}
/* top-level UL (legacy defaults; desktop will override to flex) */
div.navbar ul.menu{
float:left !important;
display:inline;
margin:15px 0 0 0;
position:relative;
padding:0;
list-style:none;
width:auto;
}
/* top-level LI legacy */
div.navbar ul.menu > li{
list-style:none;
float:left;
display:inline;
text-transform:uppercase;
margin:0 !important;
padding:0 !important;
background:transparent !important;
position:relative; /* needed for mobile toggle positioning */
}
div.navbar ul.menu > li:last-child{ border-right:0; }
/* Top-level menu items (main menu) */
.navbaroverlay .navbar ul.menu > li.menu-item-depth-0 > a{
font-family: var(--font-heading) !important;
font-size: var(--font-size-h3);
text-transform: uppercase;
}
/* Sub-level menu items (submenu / mega menu) */
.navbaroverlay .navbar ul.menu li.menu-item-depth-1 > a,
.navbaroverlay .navbar ul.menu li.menu-item-depth-2 > a,
.navbaroverlay .navbar ul.menu li.menu-item-depth-3 > a{
font-family: var(--font-base) !important;
font-size: var(--font-size-base);
text-transform: none;
}
/* Mega menu card */
.navbaroverlay .navbar .mega .submenucard{
padding-bottom:15px;
box-sizing:border-box;
}
/* Mega menu card text */
.navbaroverlay .navbar .mega .submenucard p{
font-family: var(--font-base) !important;
}
/* Mega menu card titles */
.navbaroverlay .navbar .mega .submenucard h1,
.navbaroverlay .navbar .mega .submenucard h2,
.navbaroverlay .navbar .mega .submenucard h3{
font-family: var(--font-heading) !important;
}
/* Card image container: fills column, fixed ratio */
.navbaroverlay .navbar .mega .submenucard a img{
display:block;
width:100%;
aspect-ratio:16 / 9;
overflow:hidden;
}
/* Image always covers container */
.navbaroverlay .navbar .mega .submenucard a img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* top-level A legacy */
div.navbar ul.menu > li > a,
div.navbar ul.menu > li > a:link{
text-decoration:none;
color:#12385C;
padding:15px 0px !important;
display:inline-block;
background:transparent !important;
}
div.navbar ul.menu > li > a:hover{
color:var(--brand-blue-dark);
background:transparent !important;
}
/* current item legacy */
div.navbar ul.menu > li.current-menu-item > a{
color:var(--brand-blue-dark);
border-bottom:2px solid var(--brand-blue-dark);
border:0;
padding:10px 0px !important;
display:inline-block;
background:transparent !important;
}
/* overlay legacy */
.navbaroverlay{
background-color:rgba(255,255,255,0.95);
position:absolute;
top:70px;
z-index:999;
width:100%;
}
.navbaroverlay.sticky{
position:fixed;
top:0;
width:100%;
z-index:999;
box-shadow:2px 2px 5px 0 rgba(50,50,50,0.55);
}
/* -----------------------------
MEGA base
----------------------------- */
.navbaroverlay .navbar .mega{
width:100%;
}
/* mega dropdown background (same feel as before) */
.navbaroverlay .navbar nav .navbar-collapse > ul.menu > li > .mega{
background: rgba(255,255,255,0.95);
}
/* keep submenucontainer in-flow for Option B */
.navbaroverlay .navbar .mega .submenucontainer{
width:100%;
position:static !important;
left:auto !important;
top:auto !important;
background:transparent !important;
}
/* left column links always vertical */
.navbaroverlay .navbar .mega .submenucontainer ul.menu,
.navbaroverlay .navbar .mega .submenucontainer ul.menu li{
float:none !important;
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.navbaroverlay .navbar .mega .submenucontainer ul.menu li a{
display:block !important;
width:100% !important;
box-sizing:border-box;
text-transform:none;
color:#333 !important;
background:transparent !important;
font-family: var(--font-base);
padding: 10px 15px !important;
}
/* -----------------------------
DESKTOP (>=992px)
- Equal distribution across full width
- Mega on hover/focus
----------------------------- */
@media (min-width:1200px){
/* IMPORTANT: stop floats and distribute evenly */
.navbaroverlay .navbar nav .navbar-collapse > ul.menu{
float:none !important;
display:flex !important;
width:100% !important;
margin:15px 0 0 0 !important;
padding:0 !important;
justify-content:space-between; /* spread */
align-items:stretch;
}
.navbaroverlay .navbar nav .navbar-collapse > ul.menu > li{
float:none !important;
display:flex !important;
flex:1 1 0;
justify-content:center; /* center label inside “vak” */
align-items:center;
position:static !important; /* mega can be full width */
white-space:nowrap;
}
.navbaroverlay .navbar nav .navbar-collapse > ul.menu > li > a{
display:inline-block !important;
width:auto !important;
}
/* hide per-item toggle on desktop (keep hover mega) */
.navbaroverlay .navbar nav .navbar-collapse > ul.menu > li > .menu-toggle{
display:none !important;
}
/* mega panel absolute below bar */
.navbaroverlay .navbar nav .navbar-collapse > ul.menu{
position:relative !important;
}
.navbaroverlay .navbar nav .navbar-collapse > ul.menu > li > .mega{
position:absolute;
left:0;
top:48px; /* matches your old dropdown top */
width:100%;
display:none;
z-index:1000;
padding-top:10px;
}
.navbaroverlay .navbar nav .navbar-collapse > ul.menu > li.has-mega:hover > .mega,
.navbaroverlay .navbar nav .navbar-collapse > ul.menu > li.has-mega:focus-within > .mega{
display:block;
}
}
/* -----------------------------
MOBILE / TABLET (<=991px)
- Hamburger opens .navbar-collapse (Bootstrap)
- Per-item .menu-toggle visible and clickable
- Mega push-down with [hidden]
----------------------------- */
@media (max-width:1199px){
.navbaroverlay{
background-color:rgba(255,255,255,1);
}
/* Bootstrap hamburger must stay visible */
.navbaroverlay .navbar-header .navbar-toggle{
display:block !important;
z-index:50;
}
/* collapse must be allowed to grow */
.navbaroverlay .navbar-collapse{
max-height:100% !important;
overflow:visible !important;
text-align:left;
}
/* stack top-level menu */
.navbaroverlay div.navbar ul.menu{
float:none !important;
display:block !important;
width:100% !important;
margin:0 !important;
}
.navbaroverlay div.navbar ul.menu > li{
float:none !important;
display:block !important;
width:100% !important;
border-right:0 !important;
}
/* keep YOUR original mobile link padding (room for toggle) */
.navbaroverlay div.navbar ul.menu > li > a{
display:block !important;
width:100% !important;
padding:14px 56px 14px 16px !important;
background:transparent !important;
}
/* SHOW per-item toggle on mobile (this fixes “only 1 toggle”) */
.navbaroverlay div.navbar ul.menu > li > .menu-toggle{
display:flex !important;
position:absolute;
right:0;
top:0;
width:48px;
height:48px;
align-items:center;
justify-content:center;
border:0;
background:transparent !important;
cursor:pointer;
z-index:40; /* above link */
padding:0;
}
/* nicer icon (no ugly plus) */
.navbaroverlay div.navbar ul.menu > li > .menu-toggle .menu-toggle-icon{
font-size:20px;
font-weight:400;
line-height:1;
color:#12385C;
display:inline-block;
transform: translateY(-1px);
}
.navbaroverlay div.navbar ul.menu > li > .menu-toggle:focus{
outline:2px solid #00AEEF;
outline-offset:2px;
}
/* mega in-flow push-down */
.navbaroverlay .navbar .mega{
position:static !important;
width:100%;
padding:10px 0;
display:block;
background:rgba(255,255,255,0.95);
}
.navbaroverlay .navbar .mega[hidden]{
display:none !important;
}
/* hide heavy cards on mobile */
.navbaroverlay .navbar .mega .submenucard{
display:none !important;
}
/* spacing for mega inner links */
.navbaroverlay .navbar .mega .submenucontainer ul.menu li a{
padding:12px 16px !important;
}
/* 1) Als mega hidden is: ook padding wegnemen */
.navbaroverlay .navbar .mega[hidden]{
display: none !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
/* 2) Als mega zichtbaar is maar inhoud leeg/verborgen -> geen “lege balk” */
.navbaroverlay .navbar .mega{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Geef alleen padding als er echt een submenu-lijst in zit */
.navbaroverlay .navbar .mega .submenucontainer{
padding: 0 !important;
margin: 0 !important;
}
.navbaroverlay .navbar .mega .submenucontainer:has(ul.menu li a){
padding: 10px 0 !important;
}
/* 3) Bootstrap collapse maakt soms een rand/ruimte */
.navbar.navbar-inverse .navbar-collapse,
.navbar.navbar-inverse .navbar-collapse.collapse,
.navbar.navbar-inverse .navbar-collapse.in{
border-top: 0 !important;
box-shadow: none !important;
}
/* 4) Als je cards op mobiel verbergt, haal ook hun kolom-ruimte weg */
.navbaroverlay .navbar .mega .submenucard{
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.navbaroverlay .navbar-collapse,
.navbaroverlay .navbar-collapse.collapse,
.navbaroverlay .navbar-collapse.collapse.in,
.navbaroverlay .navbar-collapse.show{
height: 100% !important;
max-height: none !important;
overflow: visible !important;
}
.navbar-fixed-top .navbar-collapse,
.navbar-collapse {
max-height: none !important;
overflow: visible !important;
-webkit-overflow-scrolling: auto;
}
/* als mega panel desktop absoluut staat */
.navbar-collapse .mega {
position: static !important;
width: 100% !important;
}
/* Forceer Bootstrap-collapse gedrag ook op iPad/tablet */
.navbaroverlay .navbar-collapse.collapse{
display: none !important;
}
.navbaroverlay .navbar-collapse.collapse.in{
display: block !important;
}
.navbaroverlay .navbar-collapse.collapsing{
display: block !important;
}
}
/* ==================================================================
60. FOOTER
================================================================== */
div.logo{
float: left;
display: inline;
background-position: 0 -1089px;
width: 137px;
height: 91px;
position: absolute;
left: 0;
top: 0;
z-index: 999;
}
.logo {
background: url("../images/csg-542135f8b5877.png") no-repeat top left;
}
/* ==================================================================
20. HERO / CAROUSEL / VIDEO HEADER / BOOKING BAR / USP STRIP
================================================================== */
.hero-container h1{
font-family: var(--font-heading);
font-weight: 400;
font-style: normal;
font-size: clamp(1.6rem, 2.4vw, 2.2rem);
color: var(--brand-gold) !important;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
margin: 0 0 8px 0;
}
.hero-container h2{
font-family: var(--font-base);
font-weight: 200;
font-style: italic;
font-size: clamp(1.8rem, 4vw, 3.44rem);
color: var(--white) !important;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
margin: 0 0 12px 0;
}
.hero-container h3,
.hero-container .header-background-font{
font-family: var(--font-accent);
font-size: clamp(2.2rem, 6vw, 4rem);
color: var(--light-30);
font-weight: 400;
font-style: normal;
line-height: 1.1;
position: absolute;
top: -0.15rem;
left: 50%;
transform: translateX(-50%);
width: max-content;
text-align: center;
z-index: -1;
pointer-events: none;
white-space: nowrap;
opacity: .55; /* watermerk look */
}
.hero-container{ width: 100%; }
.heroWrap .hero-container{
height: auto;
position: absolute !important;
left: 0;
right: 0;
bottom: 300px;
z-index: 999;
}
.heroWrap .hero-container .hero-section{
width: min(800px, calc(100% - 32px));
margin-left: auto;
margin-right: auto;
}
.hero-container .hero{
position: relative;
width: 100%;
text-align: center;
}
.videoheader .directboekenContainer.bottom .container,
.videoheader .directboekenContainer.bottom .directboeken{
margin: 0;
width: 100%;
padding: 0;
}
/* ==================================================================
20. HEADER / HERO (carousel, videoheader, hero overlays, USP strip)
================================================================== */
.boeken-bar {
position: fixed;
top: -50px;
height: 50px;
width: 100%;
z-index: 100;
background: #fff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition-property: top, opacity, background, color;
-moz-transition-property: top, opacity, background, color;
-o-transition-property: top, opacity, background, color;
transition-property: top, opacity, background, color;
-webkit-transition-duration: 0.2s, 0.3s;
-moz-transition-duration: 0.2s, 0.3s;
-o-transition-duration: 0.2s, 0.3s;
transition-duration: 0.2s, 0.3s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
border-bottom: 1px solid #e3e3e3; }
.boeken-bar.active {
top: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.boeken-bar.active.groen {
background: #01583F;
color: #fff; }
.boeken-bar {
z-index: 100000;}
div.carousel{
float: left;
display: block;
position: relative;
height: 500px;
width: 100%;
margin: 0 0 0 0;
}
div.carousel div.vaarbewijsButton{
position: absolute;
width: 108px;
height: 108px;
z-index: 999;
top: -12px; right: 100px;
background-position: 0 -1275px;}
div.carousel-inner div.item{
height: 500px;
overflow: hidden;
width: 100%;
}
div.carousel-inner div.item img{
width: 100%;
height: 100%;
}
/* ==================================================================
HWYC DIRECT BOEKEN (Hero Booking Bar)
- Responsive container + glassy background
- Desktop: velden + CTA op 1 lijn (flex-end)
- Mobile: stacked
================================================================== */
.directboekenContainer{
width: 100%;
height: auto;
position: absolute;
z-index: 999;
/* legacy default (wordt in .heroWrap override) */
top: 175px;
}
.directboekenContainer #booking_dates{
cursor: pointer !important;
}
.directboekenContainer .directboeken{
display: block;
width: min(800px, calc(100% - 32px)); /* responsive i.p.v. vaste 800 */
margin: 40px auto 0; /* behoud spacing */
padding: 0px 20px;
background: rgba(18, 56, 92, 0.6);
border-radius: 14px;
overflow: hidden;
/* subtle premium */
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow: 0 18px 40px rgba(13,27,42,.22);
}
/* In hero: onderin i.p.v. legacy top */
.heroWrap .directboekenContainer{
top: auto;
bottom: 20px;
left: 0;
right: 0;
margin: 0 auto;
}
/* --------------------------------------------------------------
Layout fix: velden + CTA dezelfde lijn (desktop, Bootstrap 3)
HTML context:
.directboekenContainer .directboeken .hero-booking > .row
-------------------------------------------------------------- */
@media (min-width: 992px){
/* eerste row in hero-booking = flex */
.directboekenContainer .hero-booking > .row{
display:flex;
align-items:flex-end; /* KEY: lijn uit op onderkant inputs */
}
/* floats uitzetten binnen deze flex row */
.directboekenContainer .hero-booking > .row > [class*="col-"]{
float:none !important;
}
/* label spacing consistent (minder “duw”) */
.directboekenContainer .hero-booking label{
margin: 0 0 6px 0;
color: rgba(255,255,255,.92);
}
/* CTA kolom: compenseer label-hoogte links zodat knop niet “te hoog” staat */
.directboekenContainer .hero-booking .booking-cta{
padding-bottom: 22px; /* ≈ label + spacing */
}
/* knop: gelijk aan input-hoogte (pas aan als jouw theme andere hoogte heeft) */
.directboekenContainer .hero-booking .booking-cta .hwyc-btn{
width: 100%;
height: 37px; /* gebruik 34px als jouw .form-control lager is */
min-height: 37px;
}
}
/* --------------------------------------------------------------
Mobile: stacked (default bootstrap), klein beetje spacing
-------------------------------------------------------------- */
@media (max-width: 991px){
.directboekenContainer .hero-booking .booking-cta{
margin-top: 12px;
}
.directboekenContainer .hero-booking label{
color: rgba(255,255,255,.92);
}
.directboekenContainer .hero-booking .hwyc-btn{
width: 100%;
}
}
/* Optional: input styling in deze bar voor betere leesbaarheid op donker */
.directboekenContainer .directboeken .form-control{
border-radius: 12px;
border: 1px solid rgba(255,255,255,.22);
background: rgba(255,255,255,.92);
box-shadow: none;
}
/* Optional: persuasion row (rechts) beter leesbaar op overlay */
.directboekenContainer .persuasion{
margin-top: 10px;
color: rgba(255,255,255,.90);
}
/* =========================================================
HERO VIDEO + OVERLAYS (Directboeken + Hero titles)
Werkt voor:
- nieuwe structuur: .heroWrap (video + overlays)
- oude pagina's: .directboekenContainer los
========================================================= */
.videoheader {
position: relative;
/*
height: 600px;
overflow: hidden;
*/
background-color: #f5f5f5;
background-image: -webkit-image-set(url('https://hwyachtcharter.nl/wp-content/uploads/2014/12/header2.webp') 1x, url('https://hwyachtcharter.nl/wp-content/uploads/2014/12/header2.jpg') 1x);
background-image: image-set(url('https://hwyachtcharter.nl/wp-content/uploads/2014/12/header2.webp') type('image/webp'), url('https://hwyachtcharter.nl/wp-content/uploads/2014/12/header2.jpg') type('image/jpeg'));
}
.home .videoheader {
position: relative;
/*
height: 860px;
overflow: hidden;
*/
}
.videoheader .directboekenContainer.bottom {
position: fixed !important;
top: auto;
bottom: 0;
width: 100%;
height: 90px;
}
.videoheader .directboekenContainer.bottom .directboeken{
}
.controls {
position: absolute;
top: 10px;
right: 10px;
z-index: 999 !important;
display: none;
}
.home .controls {
display: block;
}
.home .controls {
display: block;
top: 0;
position: absolute;
}
.controls {
right: inherit !important;
margin-left: 140px;
}
.heroVideo{
position: relative;
height: 75vh;
overflow: hidden;
}
/* Video fills ONLY the heroVideo area */
#bgvid{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.heroVideo .arrow{
position: absolute;
left: 50%;
bottom: 18px;
transform: translateX(-50%);
z-index: 5;
text-decoration: none;
}
.heroUsps {
--navy: #0E2A47;
--navy-2: #12385C;
position: relative;
padding: 28px 0;
color: #F4F5F2;
background:
radial-gradient(1200px 420px at 50% 35%, rgba(18, 56, 92, .55) 0%, rgba(14, 42, 71, 1) 65%),
linear-gradient(135deg, rgba(244,245,242,.06) 0%, rgba(244,245,242,0) 35%),
linear-gradient(135deg, rgba(244,245,242,.05) 0%, rgba(244,245,242,0) 55%),
linear-gradient(135deg, rgba(244,245,242,.03) 0%, rgba(244,245,242,0) 70%),
linear-gradient(180deg, var(--navy-2), var(--navy));
overflow: hidden;
border-top: 1px solid rgba(255,255,255,0.06);
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.heroUsps::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background-image:
repeating-linear-gradient(
0deg,
rgba(255,255,255,.018) 0px,
rgba(255,255,255,.018) 1px,
rgba(0,0,0,0) 2px,
rgba(0,0,0,0) 4px
),
repeating-linear-gradient(
90deg,
rgba(0,0,0,.014) 0px,
rgba(0,0,0,.014) 1px,
rgba(0,0,0,0) 2px,
rgba(0,0,0,0) 5px
);
mix-blend-mode: overlay;
opacity: .45;
}
.heroUsps::after {
content: "";
position: absolute;
inset: -40% -20%;
transform: rotate(-12deg);
pointer-events: none;
background: linear-gradient(
90deg,
rgba(244,245,242,0) 0%,
rgba(244,245,242,.04) 35%,
rgba(244,245,242,.07) 50%,
rgba(244,245,242,.04) 65%,
rgba(244,245,242,0) 100%
);
opacity: .55;
}
.heroUsps .uspGrid {
position: relative;
z-index: 1;
max-width: 1400px;
margin: 0 auto;
padding: 0 18px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.heroUsps .uspItem {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 12px 14px;
border-radius: 14px;
}
.heroUsps .uspItem i,
.heroUsps .uspItem svg {
font-size: 18px;
width: 18px;
height: 18px;
opacity: .92;
}
/* Title (H3) */
.heroUsps .uspTitle {
font-family: "Baskervville", serif;
font-size: clamp(1.2rem, 1.44vw, 1.5rem);
font-weight: 600;
line-height: 1.25;
color: var(--brand-natural-light);
margin: 0;
}
/* Subtitle */
.heroUsps .uspSubtitle {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 0.9rem;
font-weight: 600;
color: rgba(255,255,255,0.75);
margin: 2px 0 0;
}
/* Body text */
.heroUsps .uspText {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 0.85rem;
line-height: 1.4;
color: rgba(255,255,255,0.65);
margin-top: 4px;
}
/* --- Responsive overrides (order: 1024 -> 768 -> 640) --- */
@media (max-width: 1024px) {
.heroUsps .uspGrid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.heroUsps .uspGrid {
grid-template-columns: 1fr;
}
.heroUsps .uspSubtitle,
.heroUsps .uspText {
display: none;
}
}
@media (max-width: 640px) {
.heroUsps {
padding: 22px 0;
}
.heroUsps .uspGrid {
gap: 16px;
}
.heroWrap .heroVideo{
position: relative;
}
.heroWrap .heroVideo video{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.heroWrap .hero-container,
.heroWrap .directboekenContainer{
position: absolute;
top: auto !important;
right: auto !important;
left: auto !important;
}
.heroWrap .hero-container{
margin-top: 0px; /* overlay look */
z-index: 5;
}
.heroWrap .directboekenContainer{
margin-top: 16px;
z-index: 6;
}
.heroWrap .hero-container .container,
.heroWrap .directboekenContainer .container{
padding-left: 12px;
padding-right: 12px;
}
.heroWrap .hero-container .hero{
width: 100%;
}
.directboekenContainer .directboeken{
width: 100%;
margin-top: 0;
}
.hero-container .header-background-font{
opacity: .35;
top: 0.35rem;
white-space: nowrap;
}
}
@media (max-width: 991px) and (min-width: 768px) {
div.carousel {
height: 600px !important;
}
div.carousel-inner div.item {
height: 600px !important;
}
}
@media (max-width: 992px) {
.heroWrap .hero-container{ bottom: 320px; }
.heroWrap .directboekenContainer{ bottom: 28px; }
.directboekenContainer .persuasion,
.directboekenContainer h3 {
display: none;
}
}
/* ==================================================================
30. MAIN CONTENT (cards, lastminute, schip, vervolg, lists, buttons)
================================================================== */
/* ==================================================================
HWYC BUTTON KIT (NEW NAMING) — Luxury Nautical
Usage:
Bekijk jachten
Boek nu
cheat sheet:
Bekijk jachten
Boek nu
Meer info
Prijslijst
================================================================== */
/* --- Base --- */
.hwyc-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.55rem;
width: 100%;
padding: 11px 18px;
padding-right: 44px; /* space for icon */
border-radius: var(--hwyc-radius);
border: 1px solid transparent;
background: transparent;
color: var(--hwyc-navy);
font-family: var(--hwyc-font-heading);
font-size: 16px;
line-height: 1;
letter-spacing: .2px;
text-decoration: none !important;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
box-shadow: var(--hwyc-shadow);
transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, opacity 180ms ease;
}
.hwyc-btn:hover{
transform: translateY(-1px);
text-decoration:none;
}
.hwyc-btn:active{
transform: translateY(0);
box-shadow: 0 8px 18px rgba(13,27,42,.14);
}
/* WCAG focus ring */
.hwyc-btn:focus,
.hwyc-btn:focus-visible{
outline: 2px solid rgba(0,174,239,.65);
outline-offset: 3px;
}
/* Disabled */
.hwyc-btn[aria-disabled="true"],
.hwyc-btn:disabled{
opacity:.55;
cursor:not-allowed;
transform:none;
}
/* --- CSS-only icon (default: luxe chevron) --- */
.hwyc-btn::after{
content:"";
position:absolute;
right:16px;
top:50%;
width:8px;
height:8px;
border-right:2px solid currentColor;
border-top:2px solid currentColor;
transform: translateY(-50%) rotate(45deg);
opacity:.9;
transition: transform 180ms ease, opacity 180ms ease;
}
.hwyc-btn:hover::after{
transform: translateY(-50%) translateX(2px) rotate(45deg);
opacity:1;
}
/* Ensure pseudo positioning works */
.hwyc-btn{ position:relative; }
/* --- Nautical icon variant (CSS-only “nautical mark”) --- */
/* Subtiele nautische hint (geen druk anker-icoon) */
.hwyc-btn--nautical::after{
width:10px;
height:10px;
border-radius:50%;
border:2px solid currentColor;
border-top-color: transparent;
border-left-color: transparent;
transform: translateY(-50%) rotate(45deg);
}
/* --- Variants --- */
.hwyc-btn--primary{
background: var(--brand-blue);
color:#fff;
box-shadow: 0 14px 30px rgba(0,174,239,.18);
}
.hwyc-btn--primary:hover{
background:var(--brand-blue);
box-shadow: 0 16px 34px rgba(0,174,239,.22);
}
.hwyc-btn--navy{
background: var(--brand-blue-dark);
color:#fff;
box-shadow: 0 14px 30px rgba(13,27,42,.22);
}
.hwyc-btn--navy:hover{
background: var(--brand-blue-dark);
}
.hwyc-btn--accent{
background: var(--brand-red);
color: var(--white);
box-shadow: 0 14px 30px rgba(193,39,45,.18);
}
.hwyc-btn--accent:hover{
background: var(--brand-red);
}
.hwyc-btn--outline{
background: transparent;
color: var(--hwyc-navy);
border-color: rgba(13,27,42,.28);
box-shadow: none;
}
.hwyc-btn--outline:hover{
background: rgba(13,27,42,.06);
border-color: rgba(13,27,42,.40);
}
.hwyc-btn--ghost{
background: rgba(255,255,255,.74);
color: var(--hwyc-navy);
border-color: rgba(255,255,255,.50);
box-shadow: 0 12px 28px rgba(13,27,42,.10);
}
.hwyc-btn--ghost:hover{
background: rgba(255,255,255,.92);
}
/* Optional: “quiet” text button (no shadow) */
.hwyc-btn--text{
padding-right: 34px;
background: transparent;
border-color: transparent;
box-shadow: none;
color: var(--hwyc-navy);
}
.hwyc-btn--text:hover{
background: rgba(13,27,42,.06);
}
/* --- Sizes --- */
.hwyc-btn--sm{
padding: 9px 14px;
padding-right: 38px;
font-size: 14px;
border-radius: 12px;
}
.hwyc-btn--lg{
padding: 13px 22px;
padding-right: 50px;
font-size: 17px;
border-radius: 16px;
}
/* --- Full width helper (mobile friendly) --- */
.hwyc-btn--block{
width:100%;
}
div.lastminute h2, div.lastminute h2 a{
color: #fff;}
div.vervolgContent h3{
margin-top: 30px;}
.btTourList:after {
display: block;
width: 100%;
content: "";
clear: unset;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after {
clear: both;
border-bottom: 1px solid;
display: block;
content: "";
margin: 1em -2.1875em;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex: 1 1 64%;
-ms-flex: 1 1 64%;
flex: 1 1 64%;
max-width: 64%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems:after,
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems:after {
clear: both;
content: "";
width: 100%;
display: block;
}
.btTourSingleItemStandard .btTourMainContent .btTourLocationHeading {
clear: none !important;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay:after {
clear: both;
border-bottom: 1px solid;
display: block;
content: "";
margin: 2.25em -2.8125em;
}
/* ==================================================================
30. CONTENT BLOCKS (cards, lastminute, schip, aside, reviews, etc.)
================================================================== */
div.lastminute{
background: url("../images/bgLastMinute.webp") 50% 0 no-repeat;
background-size: cover;
-ms-behavior: url("backgroundsize.min.htc");
width: 100%;
/* background: url("../images/bgDirectboeken.png"); */
padding: 30px 0;
}
div.lastminute img{
display: block;
border: 4px solid white;
max-height: 245px;}
div.schepenOverzicht{
padding: 30px 0 0 0;}
div.schip{
background: #fff;
margin: 0 0 30px 0;
height: auto;
position: relative;}
div.schip div.image img,
div.image img, img.img-responsive {
width: 100%;
max-height: 100%;
display: block;
width: 100%;
max-width: 100%;
height: auto;}
div.schip div.content{
padding: 20px;}
div.schip div.content ul{
margin: 0; padding: 0;
}
.wimpel.oranje.grootste-schip{
background-position: 0 -1302px;
}
.wimpel.blauw.grootste-schip{
background-position: 137px -1302px;
}
div.schip div.content ul li.persons{
background-position: 0 -638px;
padding-left: 20px;
list-style-type: none;}
.boatImage {
float: left;
width: 100%;
height: auto;
margin-bottom: 20px;
display: block; text-align: center;
position: relative;
transform:rotateY(0deg);
transition:transform .25s ease-out;
transform-style:preserve-3d;}
.boatImage img{
width: 100%;}
.boatImage .front{
opacity: 1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/}
.boatImage .back{
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/}
.boatImage:hover .front{
opacity: 0;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/}
.boatImage:hover .back{
opacity: 1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/}
.referentie.odd .ref-image {
float: right;
}
.page-id-22 .referentie {
margin: 30px 0 0 0;
}
div.vervolgContent,
div.aside{
background: white;
padding: 30px;
margin-bottom: 30px;}
div.vervolgContent{
border-right: 25px solid #f5f5f5;}
div.vervolgContent.schepen{
border-right: 0;}
.vervolgContent ul {
padding: 0 0 0 20px;
}
.content {
margin-top: 30px;
}
div.breadcrumbs{
float: left; display: inline;
width: 100%;
color: #c6c6c6;
font-size: 12px;
margin: 0 0 10px 0;
}
.breadcrumbs a {
color: #c6c6c6;
}
div.vervolgContent div.schip{
border: 1px solid #efefef;
}
div.vervolgContent p{
line-height: 24px;}
ul.lastminute{
display: block; float: left;
font-size: 16px;
font-weight: bold;
font-style: italic;
margin: 10px 0 0 0;
padding: 0;}
ul.lastminute li{
float: left; display: inline;
margin: 0 20px 0 0;
list-style-type: none;}
ul.lastminute li.date{
background-position: 0 -275px;
padding-left: 30px; }
ul.lastminute li.persons{
background-position: 0 -573px;
padding-left: 30px; }
ul.usp{
margin: 0;
padding: 0;}
ul.usp li{
list-style-type: none;
background-position: 0 -1208px;
padding-left: 25px;
color: var(--brand-blue-dark);
font-size: 16px;
margin: 0 0 5px 0;}
div.vervolgContent ul li{
list-style-type: square;
margin: 3px 0;
}
div.vervolgContent img {
margin: 10px 10px 10px 0;
}
/* ##### CTA BUTTONS ##### */
.lastminuteDetails .CTA{
float: right; display: block;}
div.nieuws a.lightBlue,
div.video a.lightBlue,
div.lastminute a.lightBlue{
float: right;
margin-bottom: 10px;}
div.lastminute a.lightBlue{
font-size: 18px;}
.teammember {
margin: 0 0 20px 0;
}
.referentie {
position: relative;
}
.referentie span.rating {
position: absolute;
top: 0px;
left: 0px;
text-align: center;
border-radius: 50%;
background: var(--brand-blue-dark);
color: #ffffff;
font-size: 30px;
/*
z-index: 666;
*/
padding: 26px 20px 20px;
width: 80px;
height: 80px;
}
.referentie .ref-image {
padding: 20px;
float: left;
}
.referentie span.rating {
top: 20px;
left: 20px;
}
.referentie.image {
position: relative;
text-align: center;
}
.referentie.image img {
max-width: 100% !important;
width: 200px !important;
height: 200px !important;
margin: 0;
padding: 0;
}
.sidebar-widget ul.submenu li a {
border-bottom: 1px solid #cccccc;
display: block;
padding: 10px 0;
}
.sidebar-widget .btn {
border: 0;
padding: 10px 20px !important;
display: inline-block;
color: #ffffff;
background: rgb(0, 174, 239);
font-size: 16px;
text-decoration: none;
}
.siderbar-widget .btn:hover {
background: #079ED7;
}
.home .boatImage .back img {
margin: 60px 0 0 0;
}
.schip .plattegrond {
padding-bottom: 20px;
}
.schip .plattegrond a.CTA {
margin: 0 0 10px 10px;
}
.btn-info {
background: var(--brand-blue);
}
.btn-info:hover {
background: #079ED7;
}
.btn {
color: #ffffff !important;
}
.btn-info {
/* background: url("../images/csg-542135f8b5877.png") no-repeat top left var(--brand-blue);
background-position: 10px 18px;
*/ color: #ffffff;
padding: 10px 20px;
margin: 0px;
color: #fff;
text-decoration: none !important;
display: inline-block;
position: relative;
padding: 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 0px;
border: none;
color: #fff;
font-size: 17px !important;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
text-decoration: none;
text-shadow: 0px 1px 0px #005c7e !important;
font-weight: normal !important;
}
.btn-info:hover {
/* background: url("../images/csg-542135f8b5877.png") no-repeat top left #008fc4;
background-position: 10px 18px;
*/ }
.sidebar-widget .submenu {
margin: 0;
}
.sidebar-widget .submenu ul {
margin: 0;
padding: 0;
}
.sidebar-widget ul.submenu li a {
text-decoration: underline;
display: block !important;
padding: 10px 0;
border-bottom: none !important;
}
.sidebar-widget ul.submenu li a:hover {
text-decoration: none;
}
/* Content */
.hwyc-cookie-tab-content {
display: none;
font-size: 0.85rem;
line-height: 1.45;
}
.hwyc-tab-content--active {
display: block;
}
.hwyc-cookie-option {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.hwyc-toggle-slider::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
left: 2px;
top: 2px;
background: #fff;
border-radius: 50%;
transition: transform 0.2s;
}
.direct-boeken .btn {
margin-left: 30px;
margin-top: 8px;
padding: 7px 10px 5px 10px;
box-shadow: 0px 2px 0px #40a1c6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: var(--brand-blue);
color: #fff;
border: 0;
}
.direct-boeken .btn:hover {
text-decoration: none;
background-color: #008fc4;
box-shadow: 0px 2px 0px #00688f;
}
input[type=submit], .btn-success, .simpel-reserveren .sr-primary-button, .simpel-reserveren #zoek-form .sr-primary-button, .simpel-reserveren .sr-primary-button, .simpel-reserveren .top #zoek-form .sr-primary-button {
background: url("../images/csg-542135f8b5877.png") no-repeat top left #A31621;
color: #ffffff;
background-position: 10px 18px;
padding: 10px 20px;
margin: 0px;
color: #fff;
text-decoration: none !important;
display: inline-block;
position: relative;
padding: 10px 20px;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
*/ border: none;
color: #fff;
font-size: 17px !important;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
text-decoration: none;
text-shadow: 0px 1px 0px #005c7e !important;
font-weight: normal !important;
}
input[type=submit]:hover, .btn-success:hover, .simpel-reserveren .sr-primary-button:hover, .simpel-reserveren #zoek-form .sr-primary-button:hover {
background: url("../images/csg-542135f8b5877.png") no-repeat top left #DD7D00;
background-position: 10px 18px;
}
/* =========================
HWYC Yacht Results Wrapper
========================= */
.hwyc-yacht-results {
--hwyc-gap: 18px;
--hwyc-radius: 16px;
--hwyc-shadow: 0 10px 30px rgb(0 0 0 / 12%);
--hwyc-border: 1px solid rgb(0 0 0 / 10%);
}
.hwyc-yacht-results__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 16px 0;
}
.hwyc-yacht-results__text p {
margin: 0;
}
.hwyc-yacht-results__view {
display: inline-flex;
gap: 8px;
}
.hwyc-viewbtn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 10px;
border-radius: 12px;
border: var(--hwyc-border);
background: #fff;
cursor: pointer;
}
.hwyc-viewbtn.is-active {
box-shadow: 0 6px 18px rgb(0 0 0 / 10%);
}
.hwyc-viewbtn:focus-visible {
outline: 3px solid rgb(193 39 45 / 45%);
outline-offset: 2px;
}
.hwyc-yacht-results__items {
display: grid;
gap: var(--hwyc-gap);
}
/* Grid default: 1 col mobile, 2 cols desktop */
.hwyc-yacht-results[data-view="grid"] .hwyc-yacht-results__items {
grid-template-columns: 1fr;
}
@media (min-width: 992px) {
.hwyc-yacht-results[data-view="grid"] .hwyc-yacht-results__items {
grid-template-columns: 1fr 1fr;
}
}
/* List: 1 col always */
.hwyc-yacht-results[data-view="list"] .hwyc-yacht-results__items {
grid-template-columns: 1fr;
}
/* =========================
HWYC Yacht Card
========================= */
.hwyc-yacht-card {
border-radius: var(--hwyc-radius);
}
.hwyc-yacht-card__inner {
position: relative;
border-radius: var(--hwyc-radius);
border: var(--hwyc-border);
background: #fff;
overflow: hidden;
box-shadow: var(--hwyc-shadow);
}
/* =========================
Results container layout
========================= */
.hwyc-yacht-results {
max-width: 1170px;
margin: 0 auto; /* center */
padding: 0 16px; /* mobile side spacing */
box-sizing: border-box;
}
/* =========================
Grid layout (responsive)
========================= */
.hwyc-yacht-results__items {
display: grid;
gap: var(--hwyc-gap);
grid-template-columns: 1fr; /* mobile default */
}
/* Tablet: 2 columns */
@media (min-width: 768px) {
.hwyc-yacht-results[data-view="grid"] .hwyc-yacht-results__items {
grid-template-columns: repeat(2, 1fr);
}
}
/* Desktop: 4 columns */
@media (min-width: 1200px) {
.hwyc-yacht-results[data-view="grid"] .hwyc-yacht-results__items {
grid-template-columns: repeat(4, 1fr);
}
}
/* List view always 1 column */
.hwyc-yacht-results[data-view="list"] .hwyc-yacht-results__items {
grid-template-columns: 1fr;
}
/* In list view: media + body naast elkaar op desktop */
@media (min-width: 992px) {
.hwyc-yacht-results[data-view="list"] .hwyc-yacht-card__inner {
display: grid;
grid-template-columns: 360px 1fr;
min-height: 260px;
}
}
/* media */
.hwyc-yacht-card__media {
position: relative;
display: block;
aspect-ratio: 16 / 9;
overflow: hidden;
text-decoration: none;
}
@media (min-width: 992px) {
.hwyc-yacht-results[data-view="list"] .hwyc-yacht-card__media {
aspect-ratio: auto;
height: 100%;
}
}
.hwyc-yacht-card__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1);
transition: transform 300ms ease;
}
.hwyc-yacht-card__img--placeholder {
background: linear-gradient(135deg, rgb(13 27 42 / 10%), rgb(13 27 42 / 3%));
}
.hwyc-yacht-card__inner:hover .hwyc-yacht-card__img,
.hwyc-yacht-card__inner:focus-within .hwyc-yacht-card__img {
transform: scale(1.04);
}
/* badges */
.hwyc-yacht-card__badges {
position: absolute;
left: 12px;
bottom: 12px;
display: grid;
gap: 8px;
z-index: 2;
}
.hwyc-badge {
display: inline-flex;
align-items: baseline;
gap: 8px;
padding: 10px 12px;
border-radius: 14px;
background: rgb(13 27 42 / 78%);
color: #fff;
backdrop-filter: blur(8px);
}
.hwyc-badge__unit,
.hwyc-badge__label {
opacity: 0.85;
font-size: 0.9em;
}
/* body */
.hwyc-yacht-card__body {
padding: 16px;
}
.hwyc-yacht-card__title {
margin: 0;
font-size: 1.1rem;
line-height: 1.2;
}
.hwyc-yacht-card__title a {
color: inherit;
text-decoration: none;
}
.hwyc-yacht-card__subtitle {
margin: 6px 0 0 0;
opacity: 0.75;
}
.hwyc-yacht-card__location {
margin: 10px 0 0 0;
opacity: 0.85;
}
.hwyc-yacht-card__features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
list-style: none;
padding: 0;
margin: 14px 0 0 0;
}
.hwyc-yacht-card__feature {
border-radius: 14px;
border: var(--hwyc-border);
padding: 10px 12px;
}
.hwyc-yacht-card__feature-label {
display: block;
opacity: 0.7;
font-size: 0.9em;
}
.hwyc-yacht-card__feature-value {
display: block;
margin-top: 3px;
font-weight: 600;
}
.hwyc-yacht-card__cta {
margin-top: 14px;
}
/* simple button */
.hwyc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 14px;
border-radius: 14px;
text-decoration: none;
border: 1px solid transparent;
}
.hwyc-btn--primary {
background: #C1272D;
color: #fff;
}
/* overlay (hover card) */
.hwyc-yacht-card__overlay {
position: absolute;
inset: 0;
background: rgb(13 27 42 / 86%);
color: #fff;
opacity: 0;
transform: translateY(8px);
transition: opacity 220ms ease, transform 220ms ease;
pointer-events: none;
z-index: 3;
}
.hwyc-yacht-card__inner:hover .hwyc-yacht-card__overlay,
.hwyc-yacht-card__inner:focus-within .hwyc-yacht-card__overlay {
opacity: 1;
transform: translateY(0);
}
.hwyc-yacht-card__overlay-inner {
padding: 18px;
display: grid;
gap: 12px;
height: 100%;
align-content: end;
}
.hwyc-yacht-card__overlay-title {
font-weight: 700;
font-size: 1.1rem;
}
.hwyc-yacht-card__overlay-loc {
opacity: 0.85;
margin-top: 4px;
}
.hwyc-yacht-card__overlay-label {
font-weight: 600;
opacity: 0.9;
}
.hwyc-yacht-card__overlay-features {
margin: 0;
padding-left: 18px;
}
.hwyc-yacht-card__overlay-cta {
margin-top: 6px;
font-weight: 700;
text-decoration: underline;
}
/* Tour List */
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper:before,
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper:after {
display: block;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
pointer-events: none;
}
.btTourList .btSingleTourBlock .btSingleTourPrice .btTourOffer:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -.4166666em;
width: 0;
height: 0;
border-style: solid;
border-width: 0 .4166666em .4166666em 0;
border-color: transparent #65922d transparent transparent;
}
.btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -.3125em;
width: 0;
height: 0;
border-style: solid;
border-width: 0 .3125em .3125em 0;
border-color: transparent #104c78 transparent transparent;
}
.btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice del:after {
content: '';
border-bottom: 1px solid currentColor;
width: 100%;
position: absolute;
right: 0;
top: 50%;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories a:not(:last-child):after {
content: "\002C";
display: inline-block;
margin: 0 .3125em 0 0;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories:after {
display: block;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
content: "";
}
.btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories:before {
content: "\f02c";
color: #1976bc;
font-family: FontAwesome;
display: inline-block;
margin-right: .5em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourRating:after {
content: "";
display: block;
width: 1em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourDuration:before {
content: "\f017";
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourLocation:before {
content: "\f041";
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourTravellers:before {
content: "\f007";
}
.btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta > div:after {
content: "";
display: block;
width: 1em;
}
.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
color: #fff;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
text-align: center;
z-index: 1;
}
.btContent h1:after,
.btContent h2:after,
.btContent h3:after,
.btContent h4:after,
.btContent h5:after,
.btContent h6:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.bt_bb_headline h1 s:after,
.bt_bb_headline h2 s:after,
.bt_bb_headline h3 s:after,
.bt_bb_headline h4 s:after,
.bt_bb_headline h5 s:after,
.bt_bb_headline h6 s:after {
display: block;
position: absolute;
background-image: -webkit-linear-gradient(left,#1976bc 0%,#8dc645 100%);
background-image: -moz-linear-gradient(left,#1976bc 0%,#8dc645 100%);
background-image: linear-gradient(to right,#1976bc 0%,#8dc645 100%);
left: -.16em;
right: -.16em;
height: .4em;
bottom: -.04em;
content: "";
}
button.mfp-arrow.mfp-arrow-left:after, .bt_bb_slider button.slick-arrow.slick-prev:after, .bt_bb_content_slider button.slick-arrow.slick-prev:after, nav.woocommerce-pagination ul li.woo-first-page a:after, button.pswp__button.pswp__button--arrow--left:after { content: "Previous"; }
button.mfp-arrow.mfp-arrow-right:after, .bt_bb_slider button.slick-arrow.slick-next:after, .bt_bb_content_slider button.slick-arrow.slick-next:after, nav.woocommerce-pagination ul li.woo-last-page a:after, button.pswp__button.pswp__button--arrow--right:after { content: "Next"; }
.btTourList.bt_bb_tour_list_empty p:first-child:before {
display: block;
font-family: Geography;
content: "\e90b";
font-size: 5em;
margin-bottom: .2em;
line-height: 1;
opacity: .15;
}
.btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header {
padding-top: .5em;
padding-bottom: 3.75em;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btWithSidebar .btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 1.25em;
padding-right: 1.25em;
}
.btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link .bt_bb_icon_holder:before {
content: "\f107";
font-family: FontAwesome;
}
.btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link:before {
display: block;
content: "";
position: absolute;
left: -1px;
top: -1px;
bottom: -1px;
right: -1px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform 300ms ease;
-moz-transition: transform 300ms ease;
transition: transform 300ms ease;
z-index: 1;
background-image: -webkit-linear-gradient(top,#1976bc 0%,#8dc645 100%);
background-image: -moz-linear-gradient(top,#1976bc 0%,#8dc645 100%);
background-image: linear-gradient(to bottom,#1976bc 0%,#8dc645 100%);
}
.bt_bb_slider button.slick-arrow:before,
.bt_bb_content_slider button.slick-arrow:before {
margin: 0 .625em 0 0;
width: 3.125rem;
border-top: 2px solid;
display: block;
content: "";
margin: 0 .625em 0 0;
font-size: .6875rem;
line-height: 3rem;
font-family: inherit;
-webkit-transition: width 200ms ease;
-moz-transition: width 200ms ease;
transition: width 200ms ease;
color: inherit;
}
.bt_bb_gap_small .slick-list .slick-slide .content {
padding: 0 .3125rem;
}
.bt_bb_gap_normal .slick-list .slick-slide .content {
padding: 0 .625rem;
}
.bt_bb_gap_large .slick-list .slick-slide .content {
padding: 0 1.25rem;
}
.bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper:after {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-box-shadow: 0 0 30px rgba(24,24,24,.15);
box-shadow: 0 0 30px rgba(24,24,24,.15);
z-index: 0;
max-width: 33%;
}
.bt_bb_required:after {
content: "*";
display: inline-block;
color: #1976bc !important;
font-weight: 700;
margin: 0 0 0 .5em;
}
.btTourSingleItemStandard .btSingleTourInfo .btPromoPrice:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 0;
border-color: transparent #65922d transparent transparent;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourPrice .btIcon > span:before {
content: "\e600";
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDuration .btIcon > span:before {
content: "\e66b";
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDestination .btIcon > span:before {
content: "\e638";
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourTravellers .btIcon > span:before {
content: "\e6a9";
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourReviews .btIcon > span:before {
content: "\e66c";
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon .btTourInfo .btTourDesc em > span:before {
font-size: .75rem;
content: "\f007";
font-family: FontAwesome;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a {
font-family: var(--font-heading);
font-weight: 700;
border: 0;
font-size: .875em;
-webkit-box-shadow: 0 0 0 rgba(24,24,24,.15);
box-shadow: 0 0 0 rgba(24,24,24,.15);
background: #1976bc;
color: #fff;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
overflow: hidden;
text-shadow: 0 1px 3px rgba(24,24,24,.15);
padding: 1.166667em 1.833em;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a:before {
position: absolute;
display: block;
content: "";
background: -webkit-linear-gradient(bottom,#8dc645 0%,#1976bc 90%);
background: -moz-linear-gradient(bottom,#8dc645 0%,#1976bc 90%);
background: linear-gradient(to top,#8dc645 0%,#1976bc 90%);
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
z-index: 1;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation span:before {
font-family: FontAwesome;
display: inline-block;
margin: 0 0 0 -1.2em;
width: 1.2em;
color: #1976bc;
content: "\f058";
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent > .btTourSingleIncludeLink a:after {
content: "\f105";
font-family: FontAwesome;
padding: 0 .5em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent > .btTourSingleIncludeLink a:before {
width: 1em;
display: inline-block;
content: "";
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul li span:before {
font-family: FontAwesome;
display: inline-block;
margin: 0 0 0 -1.37142857em;
width: 1.37142857em;
content: "\f133";
opacity: .2;
font-size: 1.142857em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems li span:before {
color: #1976bc;
content: "\f058";
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems li span:before {
color: inherit;
opacity: .2;
content: "\f00d";
}
.btTourSingleItemStandard .btTourMainContent .btDiscoverLocation:after {
content: "\f105";
font-family: FontAwesome;
padding: 0 .5em;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btTotalGrade .btGradeHolder {
border-radius: 50%;
width: 170px;
height: 170px;
background: -webkit-linear-gradient(top,#1976bc 0%,#8dc645 90%);
background: -moz-linear-gradient(top,#1976bc 0%,#8dc645 90%);
background: linear-gradient(to bottom,#1976bc 0%,#8dc645 90%);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta {
padding-top: 1em;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentRatings {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentRatings .commentRatingOption:not(:last-child):after {
display: inline-block;
content: "";
width: .769231em;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentOptions {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentOptions p:not(:first-child):before {
display: inline-block;
content: "";
width: 1.38462em;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentOptions p.posted span:before {
font-family: FontAwesome;
margin: 0;
display: inline-block;
color: #1976bc;
margin-right: 6px;
content: "\f017";
}
.btTourSingleItemStandard .btArticleShareEtc .btShareColumn {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.btTourSingleItemStandard .btTourBookBottom:before {
content: "";
display: block;
width: 100%;
margin: 3em 0;
border-bottom: 1px solid;
}
.btTourSingleItemStandard .btTourBookBottom a {
font-family: var(--font-heading);
font-weight: 700;
border: 0;
font-size: .875em;
-webkit-box-shadow: 0 0 0 rgba(24,24,24,.15);
box-shadow: 0 0 0 rgba(24,24,24,.15);
background: #1976bc;
color: #fff;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
position: relative;
display: inline-block;
overflow: hidden;
text-shadow: 0 1px 3px rgba(24,24,24,.15);
padding: 1em 1.833em;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btTourSingleItemStandard .btTourBookBottom a:before {
position: absolute;
display: block;
content: "";
background: -webkit-linear-gradient(bottom,#8dc645 0%,#1976bc 90%);
background: -moz-linear-gradient(bottom,#8dc645 0%,#1976bc 90%);
background: linear-gradient(to top,#8dc645 0%,#1976bc 90%);
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
z-index: 1;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
/* --- Responsive / media overrides for this section --- */
@media (max-width: 480px) {
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon,
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDestination {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 768px) {
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btTotalGrade {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btTourSingleItemStandard .btArticleShareEtc .btTags ul {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btTourSingleItemStandard .btArticleShareEtc .btShareColumn {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 992px) {
.btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header {
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/* ==================================================================
40. SIDEBAR / ASIDE / WIDGETS
================================================================== */
div.aside{
float: right; display: inline;}
div.asideItem{
float: left;
display: block;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #efefef;
height: auto;}
div.asideItem:last-child{
margin-bottom: 0px;}
.sidebar-widget {
background: #ffffff;
margin: 0 0 40px 0;
padding: 20px;
}
/* ==================================================================
50. FORMS / BOOKING (datepicker, Gravity Forms, Simpel Reserveren)
================================================================== */
.simpel-reserveren.container {
background: #ffffff;
margin-top: 30px;
}
/* Datepicker input moet klikbaar aanvoelen */
/* Gravity Form */
#input_14_1 {
margin-bottom: 0px;
}
/* ==================================================================
40. FORMS / BOOKING (Direct Boeken, Simpel Reserveren, Gravity Forms)
================================================================== */
.direct-boeken .form-horizontal {
margin: 0 auto;
width: 860px; }
.direct-boeken .form-group, .direct-boeken .intro {
float: left;
padding: 8px 10px;
font-family: var(--font-heading); }
.direct-boeken .form-group {
padding-right: 15px; }
.direct-boeken .intro {
padding-top: 12px;
padding-right: 20px;
font-size: 16px;
color: #008fc4;
}
.direct-boeken label {
float: left;
width: 75px;
margin-right: 10px;
}
.direct-boeken input {
float: right;
width: 105px;
}
.simpel-reserveren .sr-primary-button, .simpel-reserveren #zoek-form .sr-primary-button, .simpel-reserveren .sr-primary-button {
margin-top: 16px;
}
.simpel-reserveren .sr-boeken-prijs-voor {
color: var(--brand-blue-dark) !important;
}
.gform_wrapper .gfield_radio li label {
margin: 0 !important;
}
.gform_wrapper ul#input_2_4 li, .gform_wrapper ul#input_5_4 li, .gform_wrapper ul#input_9_4 li{
padding: 4px !important;
}
.gform_wrapper .gfield_radio li input[type=radio] {
float: none;
}
/* ==================================================================
60. MEDIA (gallery, slider, video, lightbox)
================================================================== */
#adv-custom-pager a {
opacity: 0.6;
}
/***************************************************************************** Slider ****************************************************************************************/
.hwyc-toggle-slider {
position: absolute;
inset: 0;
background: #ccc;
border-radius: 20px;
transition: background 0.2s;
}
.hwyc-toggle input:checked + .hwyc-toggle-slider {
background: #0c2b4a;
}
.hwyc-toggle input:checked + .hwyc-toggle-slider::before {
transform: translateX(18px);
}
/* ==================================================================
50. MEDIA / GALLERY / VIDEO (gallery, cycle, lightbox, iframes)
================================================================== */
div.video{
position: relative;
margin: 20px 0 0 0;
}
.vervolg div.video {
min-height: 540px;
}
div.video div.bekijkvideo{
position: absolute;
top: 100px;
left: -100px;
background-position: 0 -57px; width: 127px; height: 24px; }
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
width: 100% !important;
}
.video {
background: #ffffff;
}
.video .text {
padding: 20px;
}
ul.gallery {
margin: 20px 0 0 0;
padding: 0;
}
ul.gallery li {
list-style-type: none !important;
float: left;
margin: 0 4px 4px 0 !important;
}
ul.gallery li a {
display: inline-block;
}
.cycle-next, .cycle-prev {
position: absolute;
top: 45%;
z-index: 999;
height: 50px;
width: 50px;
color: #ffffff;
border-radius: 50%;
opacity: 0.3;
font-size: 60px;
line-height: 35px;
text-align: center;
}
.cycle-next:hover , .cycle-prev:hover {
cursor: pointer;
}
.cycle-prev {
left: 10px;
}
.cycle-next {
right: 10px;
}
#adv-custom-pager a.cycle-pager-active, #adv-custom-pager a:hover {
opacity: 1;
}
.reviewvideos iframe {
width: 100%;
}
/* Video area: 75% */
/* Arrow position stays inside video */
.btTourSingleItemStandard .btTourLocationMap .maparea > iframe {
border: 0;
height: 746px;
margin-top: -46px;
width: 100%;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid .bt_bb_grid_item.video-link .bt_bb_grid_item_inner {
overflow: hidden;
height: 100%;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid .bt_bb_grid_item.video-link .bt_bb_grid_item_inner > .bt_bb_grid_item_inner_image {
overflow: hidden;
height: 100%;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid .bt_bb_grid_item.video-link .bt_bb_grid_item_inner > .bt_bb_grid_item_inner_image img {
max-width: none;
height: 100%;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid.bt_bb_gap_extrasmall .bt_bb_grid_item.video-link .bt_bb_grid_item_inner > .bt_bb_grid_item_inner_image img {
-webkit-transform: translate(-1px,-1px) !important;
-moz-transform: translate(-1px,-1px) !important;
-ms-transform: translate(-1px,-1px) !important;
transform: translate(-1px,-1px) !important;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid.bt_bb_gap_small .bt_bb_grid_item.video-link .bt_bb_grid_item_inner > .bt_bb_grid_item_inner_image img {
-webkit-transform: translate(-.3125em,-.3125em) !important;
-moz-transform: translate(-.3125em,-.3125em) !important;
-ms-transform: translate(-.3125em,-.3125em) !important;
transform: translate(-.3125em,-.3125em) !important;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid.bt_bb_gap_normal .bt_bb_grid_item.video-link .bt_bb_grid_item_inner > .bt_bb_grid_item_inner_image img {
-webkit-transform: translate(-.625em,-.625em) !important;
-moz-transform: translate(-.625em,-.625em) !important;
-ms-transform: translate(-.625em,-.625em) !important;
transform: translate(-.625em,-.625em) !important;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid.bt_bb_gap_large .bt_bb_grid_item.video-link .bt_bb_grid_item_inner > .bt_bb_grid_item_inner_image img {
-webkit-transform: translate(-.9375em,-.9375em) !important;
-moz-transform: translate(-.9375em,-.9375em) !important;
-ms-transform: translate(-.9375em,-.9375em) !important;
transform: translate(-.9375em,-.9375em) !important;
}
/* ==================================================================
90. PLUGINS / OVERRIDES (Bold Builder, Slick, Magnific, WooCommerce, etc.)
================================================================== */
.bt_bb_slider.bt_bb_arrows_size_small .slick-slider,
.bt_bb_slider.bt_bb_arrows_size_normal .slick-slider,
.bt_bb_content_slider.bt_bb_arrows_size_small .slick-slider,
.bt_bb_content_slider.bt_bb_arrows_size_normal .slick-slider {
overflow: initial;
}
.bt_bb_slider.slick-slider button.slick-arrow {
background-color: rgba(0,0,0,.3);
}
.bt_bb_layout_wide .bt_bb_content_slider:not(.bt_bb_multiple_slides) .slick-slider .bt_bb_content_slider_item {
overflow: hidden;
}
.bt_bb_layout_wide .bt_bb_content_slider:not(.bt_bb_multiple_slides) .slick-slider .bt_bb_content_slider_item .bt_bb_content_slider_item_content {
max-width: 1260px;
padding: 0 30px;
margin: 0 auto;
}
/* --- Responsive / media overrides for this section --- */
@media (max-width: 640px) {
/* 0) Zorg dat de overlays zich “hechten” aan de video wrapper */
/* 2) Stack: titelblok “half over” de video (zonder absolute) */
}
@media (max-width: 1454px) {
.bt_bb_arrows_size_small.bt_bb_slider .slick-slider,
.bt_bb_arrows_size_small.bt_bb_content_slider .slick-slider {
padding-bottom: 3em;
}
}
/* ==================================================================
70. FOOTER
================================================================== */
footer h2, footer h2 a{
font-size: 20px;
color: #333333 !important;}
footer{
background: #e7e7e7;
display: block;
width: 100%;
padding: 30px 0;
margin: 30px 0 0 0;
}
footer.bottom{
float: left; display: block;
width: 100%;
min-height: 36px;
background: #003447;
padding: 10px 0 90px 0;
margin: 0;
}
footer.bottom ul.footerNav{
float: right; display: inline;
padding: 0;}
footer.bottom ul.footerNav li{
float: left; display: inline;
list-style-type: none;
margin: 0 0 0 20px;}
footer.bottom ul.footerNav li a,
footer.bottom ul.footerNav li a:link{
color: #fff;}
footer ul.nav li {
float: none;
}
footer ul.nav li a, footer p {
color: #333333 !important;
}
/* Footer buttons */
.hwyc-cookie-footer {
display: flex;
gap: 6px;
margin-top: 14px;
flex-wrap: wrap;
}
/* ==================================================================
90. PLUGINS / OVERRIDES (Bold Builder, Slick, Magnific, WooCommerce, etc.)
================================================================== */
.btWithSidebar .btTourSingleItemStandard .btSiteAdminReview h3:after {
margin-left: -.666666em;
margin-right: -.666666em;
}
.btWithSidebar .btTourSingleItemStandard .btComments .btCommentsBox h4 {
padding-left: .6666667em;
padding-right: .6666667em;
}
.btWithSidebar .btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3 {
padding-left: .6666667em;
padding-right: .6666667em;
}
.btContent h1,
.btContent h2,
.btContent h3,
.btContent h4,
.btContent h5,
.btContent h6 {
font-family: var(--font-heading);}
.btContent h1,
.btContent h2,
.btContent h3,
.btContent h4,
.btContent h5,
.btContent h6 {
clear: both;
padding: 0 0 .4em;
line-height: 1.4;
margin: 0;
font-weight: normal;
color: #006084;
letter-spacing: -.05em;
}
.btContent h1 {
font-size: 5em;
}
.btContent h2 {
font-size: 3.75em;
}
.btContent h3 {
font-size: 2.8125em;
}
.btContent h4 {
font-size: 2.125em;
}
.btContent .bt_bb_text h1 {
font-size: 2.8125em;
}
.btContent .bt_bb_text h2 {
font-size: 2.125em;
}
.btContent .bt_bb_text h3 {
font-size: 1.625em;
}
.btContent .bt_bb_text h4 {
font-size: 1.25em;
}
.btContent .bt_bb_color_white,
.btContent .bt_bb_color_white h1,
.btContent .bt_bb_color_white h2,
.btContent .bt_bb_color_white h3,
.btContent .bt_bb_color_white h4,
.btContent .bt_bb_color_white h5,
.btContent .bt_bb_color_white h6 {
color: #FFF;
}
.bt_bb_headline h1,
.bt_bb_headline h2,
.bt_bb_headline h3,
.bt_bb_headline h4,
.bt_bb_headline h5,
.bt_bb_headline h6 {
font-weight: 700;
letter-spacing: -.05em;
line-height: 1;
}
.bt_bb_size_extrasmall.bt_bb_headline h1,
.bt_bb_size_extrasmall.bt_bb_headline h2,
.bt_bb_size_extrasmall.bt_bb_headline h3,
.bt_bb_size_extrasmall.bt_bb_headline h4,
.bt_bb_size_extrasmall.bt_bb_headline h5,
.bt_bb_size_extrasmall.bt_bb_headline h6 {
font-size: 1.25em;
}
.bt_bb_size_small.bt_bb_headline h1,
.bt_bb_size_small.bt_bb_headline h2,
.bt_bb_size_small.bt_bb_headline h3,
.bt_bb_size_small.bt_bb_headline h4,
.bt_bb_size_small.bt_bb_headline h5,
.bt_bb_size_small.bt_bb_headline h6 {
font-size: 1.5625em;
}
.bt_bb_size_normal.bt_bb_headline h1,
.bt_bb_size_normal.bt_bb_headline h2,
.bt_bb_size_normal.bt_bb_headline h3,
.bt_bb_size_normal.bt_bb_headline h4,
.bt_bb_size_normal.bt_bb_headline h5,
.bt_bb_size_normal.bt_bb_headline h6 {
font-size: 1.875em;
}
.bt_bb_size_medium.bt_bb_headline h1,
.bt_bb_size_medium.bt_bb_headline h2,
.bt_bb_size_medium.bt_bb_headline h3,
.bt_bb_size_medium.bt_bb_headline h4,
.bt_bb_size_medium.bt_bb_headline h5,
.bt_bb_size_medium.bt_bb_headline h6 {
font-size: 2.5em;
}
.bt_bb_size_large.bt_bb_headline h1,
.bt_bb_size_large.bt_bb_headline h2,
.bt_bb_size_large.bt_bb_headline h3,
.bt_bb_size_large.bt_bb_headline h4,
.bt_bb_size_large.bt_bb_headline h5,
.bt_bb_size_large.bt_bb_headline h6 {
font-size: 3.5em;
}
.bt_bb_size_extralarge.bt_bb_headline h1,
.bt_bb_size_extralarge.bt_bb_headline h2,
.bt_bb_size_extralarge.bt_bb_headline h3,
.bt_bb_size_extralarge.bt_bb_headline h4,
.bt_bb_size_extralarge.bt_bb_headline h5,
.bt_bb_size_extralarge.bt_bb_headline h6 {
font-size: 4.375em;
}
.bt_bb_size_huge.bt_bb_headline h1,
.bt_bb_size_huge.bt_bb_headline h2,
.bt_bb_size_huge.bt_bb_headline h3,
.bt_bb_size_huge.bt_bb_headline h4,
.bt_bb_size_huge.bt_bb_headline h5,
.bt_bb_size_huge.bt_bb_headline h6 {
font-size: 5.625em;
}
.bt_bb_font_weight_normal.bt_bb_headline h1,
.bt_bb_font_weight_normal.bt_bb_headline h2,
.bt_bb_font_weight_normal.bt_bb_headline h3,
.bt_bb_font_weight_normal.bt_bb_headline h4,
.bt_bb_font_weight_normal.bt_bb_headline h5,
.bt_bb_font_weight_normal.bt_bb_headline h6 {
font-weight: 500;
}
.bt_bb_dash_top.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_dash_top.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_dash_top.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_dash_top.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_dash_top.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_dash_top.bt_bb_headline h6 .bt_bb_headline_content:before,
.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:before {
width: 1em;
}
.bt_bb_size_extrasmall.bt_bb_dash_top.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top.bt_bb_headline h6 .bt_bb_headline_content:before,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:before {
width: 3em;
margin-bottom: .5em;
}
.bt_bb_size_small.bt_bb_dash_top.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top.bt_bb_headline h6 .bt_bb_headline_content:before,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:before {
width: 2.4em;
margin-bottom: .5em;
}
.bt_bb_size_normal.bt_bb_dash_top.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top.bt_bb_headline h6 .bt_bb_headline_content:before,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:before {
width: 2em;
margin-bottom: .5em;
}
.bt_bb_size_medium.bt_bb_dash_top.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top.bt_bb_headline h6 .bt_bb_headline_content:before,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:before {
width: 2em;
margin-bottom: .5em;
}
.bt_bb_size_large.bt_bb_dash_top.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top.bt_bb_headline h6 .bt_bb_headline_content:before,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:before {
width: 1.333333em;
margin-bottom: .35em;
}
.bt_bb_size_extralarge.bt_bb_dash_top.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top.bt_bb_headline h6 .bt_bb_headline_content:before,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:before {
width: 1.285714em;
margin-bottom: .35em;
}
.bt_bb_size_huge.bt_bb_dash_top.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top.bt_bb_headline h6 .bt_bb_headline_content:before,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:before {
width: 1.1111111111em;
margin-bottom: .35em;
}
.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_superheadline,
.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_superheadline,
.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_superheadline,
.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_superheadline,
.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_superheadline,
.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_superheadline,
.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_superheadline,
.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_superheadline,
.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_superheadline,
.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_superheadline,
.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_superheadline,
.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_superheadline {
margin-bottom: .75em;
}
.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_content:after,
.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:after {
margin: .4em 0 0;
width: 4.2857rem;
}
.bt_bb_size_extrasmall.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_content:after,
.bt_bb_size_extrasmall.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:after {
margin-top: .5em;
width: 3em;
}
.bt_bb_size_small.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_content:after,
.bt_bb_size_small.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:after {
margin-top: .5em;
width: 2.4em;
}
.bt_bb_size_normal.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_content:after,
.bt_bb_size_normal.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:after {
margin-top: .5em;
width: 2em;
}
.bt_bb_size_medium.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_content:after,
.bt_bb_size_medium.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:after {
margin-top: .5em;
width: 2em;
}
.bt_bb_size_large.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_content:after,
.bt_bb_size_large.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:after {
margin-top: .35em;
width: 1.333333em;
}
.bt_bb_size_extralarge.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_content:after,
.bt_bb_size_extralarge.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:after {
margin-top: .35em;
width: 1.285714em;
}
.bt_bb_size_huge.bt_bb_dash_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h1 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h2 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h3 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h4 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h5 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_bottom.bt_bb_headline h6 .bt_bb_headline_content:after,
.bt_bb_size_huge.bt_bb_dash_top_bottom.bt_bb_headline h6 .bt_bb_headline_content:after {
margin-top: .35em;
width: 1.1111111111em;
}
.bt_bb_headline h1 s,
.bt_bb_headline h2 s,
.bt_bb_headline h3 s,
.bt_bb_headline h4 s,
.bt_bb_headline h5 s,
.bt_bb_headline h6 s {
font-weight: 700;
font-weight: 800;
text-decoration: none;
position: relative;
margin-left: .08em;
margin-right: .08em;
display: inline-block;
}
.btReverseGradient .bt_bb_headline h1 s:after,
.btReverseGradient .bt_bb_headline h2 s:after,
.btReverseGradient .bt_bb_headline h3 s:after,
.btReverseGradient .bt_bb_headline h4 s:after,
.btReverseGradient .bt_bb_headline h5 s:after,
.btReverseGradient .bt_bb_headline h6 s:after {
background-image: -webkit-linear-gradient(left,#8dc645 0%,#1976bc 100%);
background-image: -moz-linear-gradient(left,#8dc645 0%,#1976bc 100%);
background-image: linear-gradient(to right,#8dc645 0%,#1976bc 100%);
}
.btGradientOpacity_100 .bt_bb_headline h1 s:after,
.btGradientOpacity_100 .bt_bb_headline h2 s:after,
.btGradientOpacity_100 .bt_bb_headline h3 s:after,
.btGradientOpacity_100 .bt_bb_headline h4 s:after,
.btGradientOpacity_100 .bt_bb_headline h5 s:after,
.btGradientOpacity_100 .bt_bb_headline h6 s:after {
opacity: 1;
}
.btGradientOpacity_90 .bt_bb_headline h1 s:after,
.btGradientOpacity_90 .bt_bb_headline h2 s:after,
.btGradientOpacity_90 .bt_bb_headline h3 s:after,
.btGradientOpacity_90 .bt_bb_headline h4 s:after,
.btGradientOpacity_90 .bt_bb_headline h5 s:after,
.btGradientOpacity_90 .bt_bb_headline h6 s:after {
opacity: .9;
}
.btGradientOpacity_80 .bt_bb_headline h1 s:after,
.btGradientOpacity_80 .bt_bb_headline h2 s:after,
.btGradientOpacity_80 .bt_bb_headline h3 s:after,
.btGradientOpacity_80 .bt_bb_headline h4 s:after,
.btGradientOpacity_80 .bt_bb_headline h5 s:after,
.btGradientOpacity_80 .bt_bb_headline h6 s:after {
opacity: .8;
}
.btGradientOpacity_70 .bt_bb_headline h1 s:after,
.btGradientOpacity_70 .bt_bb_headline h2 s:after,
.btGradientOpacity_70 .bt_bb_headline h3 s:after,
.btGradientOpacity_70 .bt_bb_headline h4 s:after,
.btGradientOpacity_70 .bt_bb_headline h5 s:after,
.btGradientOpacity_70 .bt_bb_headline h6 s:after {
opacity: .7;
}
.btGradientOpacity_60 .bt_bb_headline h1 s:after,
.btGradientOpacity_60 .bt_bb_headline h2 s:after,
.btGradientOpacity_60 .bt_bb_headline h3 s:after,
.btGradientOpacity_60 .bt_bb_headline h4 s:after,
.btGradientOpacity_60 .bt_bb_headline h5 s:after,
.btGradientOpacity_60 .bt_bb_headline h6 s:after {
opacity: .6;
}
.btGradientOpacity_50 .bt_bb_headline h1 s:after,
.btGradientOpacity_50 .bt_bb_headline h2 s:after,
.btGradientOpacity_50 .bt_bb_headline h3 s:after,
.btGradientOpacity_50 .bt_bb_headline h4 s:after,
.btGradientOpacity_50 .bt_bb_headline h5 s:after,
.btGradientOpacity_50 .bt_bb_headline h6 s:after {
opacity: .5;
}
.btGradientOpacity_40 .bt_bb_headline h1 s:after,
.btGradientOpacity_40 .bt_bb_headline h2 s:after,
.btGradientOpacity_40 .bt_bb_headline h3 s:after,
.btGradientOpacity_40 .bt_bb_headline h4 s:after,
.btGradientOpacity_40 .bt_bb_headline h5 s:after,
.btGradientOpacity_40 .bt_bb_headline h6 s:after {
opacity: .4;
}
.btGradientOpacity_30 .bt_bb_headline h1 s:after,
.btGradientOpacity_30 .bt_bb_headline h2 s:after,
.btGradientOpacity_30 .bt_bb_headline h3 s:after,
.btGradientOpacity_30 .bt_bb_headline h4 s:after,
.btGradientOpacity_30 .bt_bb_headline h5 s:after,
.btGradientOpacity_30 .bt_bb_headline h6 s:after {
opacity: .3;
}
.btGradientOpacity_20 .bt_bb_headline h1 s:after,
.btGradientOpacity_20 .bt_bb_headline h2 s:after,
.btGradientOpacity_20 .bt_bb_headline h3 s:after,
.btGradientOpacity_20 .bt_bb_headline h4 s:after,
.btGradientOpacity_20 .bt_bb_headline h5 s:after,
.btGradientOpacity_20 .bt_bb_headline h6 s:after {
opacity: .2;
}
.btGradientOpacity_10 .bt_bb_headline h1 s:after,
.btGradientOpacity_10 .bt_bb_headline h2 s:after,
.btGradientOpacity_10 .bt_bb_headline h3 s:after,
.btGradientOpacity_10 .bt_bb_headline h4 s:after,
.btGradientOpacity_10 .bt_bb_headline h5 s:after,
.btGradientOpacity_10 .bt_bb_headline h6 s:after {
opacity: .1;
}
.btGradientOpacity_0 .bt_bb_headline h1 s:after,
.btGradientOpacity_0 .bt_bb_headline h2 s:after,
.btGradientOpacity_0 .bt_bb_headline h3 s:after,
.btGradientOpacity_0 .bt_bb_headline h4 s:after,
.btGradientOpacity_0 .bt_bb_headline h5 s:after,
.btGradientOpacity_0 .bt_bb_headline h6 s:after {
opacity: 0;
}
.bt_bb_color_scheme_11 .bt_bb_headline h1 s:after,
.bt_bb_color_scheme_13 .bt_bb_headline h1 s:after,
.bt_bb_color_scheme_11 .bt_bb_headline h2 s:after,
.bt_bb_color_scheme_13 .bt_bb_headline h2 s:after,
.bt_bb_color_scheme_11 .bt_bb_headline h3 s:after,
.bt_bb_color_scheme_13 .bt_bb_headline h3 s:after,
.bt_bb_color_scheme_11 .bt_bb_headline h4 s:after,
.bt_bb_color_scheme_13 .bt_bb_headline h4 s:after,
.bt_bb_color_scheme_11 .bt_bb_headline h5 s:after,
.bt_bb_color_scheme_13 .bt_bb_headline h5 s:after,
.bt_bb_color_scheme_11 .bt_bb_headline h6 s:after,
.bt_bb_color_scheme_13 .bt_bb_headline h6 s:after {
background: #181818;
opacity: .1 !important;
}
.bt_bb_color_scheme_12 .bt_bb_headline h1 s:after,
.bt_bb_color_scheme_14 .bt_bb_headline h1 s:after,
.bt_bb_color_scheme_12 .bt_bb_headline h2 s:after,
.bt_bb_color_scheme_14 .bt_bb_headline h2 s:after,
.bt_bb_color_scheme_12 .bt_bb_headline h3 s:after,
.bt_bb_color_scheme_14 .bt_bb_headline h3 s:after,
.bt_bb_color_scheme_12 .bt_bb_headline h4 s:after,
.bt_bb_color_scheme_14 .bt_bb_headline h4 s:after,
.bt_bb_color_scheme_12 .bt_bb_headline h5 s:after,
.bt_bb_color_scheme_14 .bt_bb_headline h5 s:after,
.bt_bb_color_scheme_12 .bt_bb_headline h6 s:after,
.bt_bb_color_scheme_14 .bt_bb_headline h6 s:after {
background: #fff;
opacity: .1 !important;
}
.btGradientOpacity_0 .bt_bb_headline h1 s,
.btGradientOpacity_0 .bt_bb_headline h2 s,
.btGradientOpacity_0 .bt_bb_headline h3 s,
.btGradientOpacity_0 .bt_bb_headline h4 s,
.btGradientOpacity_0 .bt_bb_headline h5 s,
.btGradientOpacity_0 .bt_bb_headline h6 s {
margin-left: 0;
margin-right: 0;
}
.bt_bb_headline h1 b,
.bt_bb_headline h2 b,
.bt_bb_headline h3 b,
.bt_bb_headline h4 b,
.bt_bb_headline h5 b,
.bt_bb_headline h6 b {
font-weight: 700;
font-weight: 800;
color: inherit;
position: relative;
z-index: 1;
}
.bt_bb_headline h1 strong,
.bt_bb_headline h2 strong,
.bt_bb_headline h3 strong,
.bt_bb_headline h4 strong,
.bt_bb_headline h5 strong,
.bt_bb_headline h6 strong {
font-weight: 700;
font-weight: 800;
color: #1976bc;
}
.bt_bb_headline h1 em,
.bt_bb_headline h2 em,
.bt_bb_headline h3 em,
.bt_bb_headline h4 em,
.bt_bb_headline h5 em,
.bt_bb_headline h6 em {
font-weight: 700;
font-weight: 800;
font-style: inherit;
color: #fff;
}
.bt_bb_headline h1 u,
.bt_bb_headline h2 u,
.bt_bb_headline h3 u,
.bt_bb_headline h4 u,
.bt_bb_headline h5 u,
.bt_bb_headline h6 u {
font-weight: 700;
font-weight: 800;
text-decoration: none;
color: #8dc645;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_bb_grid_container:after {
clear: unset;
}
.btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link {
background: #1976bc;
color: #fff;
text-shadow: 0 1px 3px rgba(24,24,24,.15);
position: relative;
overflow: hidden;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-shadow: none;
box-shadow: none;
}
.bt_bb_slider button.slick-arrow,
.bt_bb_content_slider button.slick-arrow {
width: auto;
height: auto;
line-height: 3rem;
background: transparent;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
font-size: 0;
font-family: var(--font-heading),Arial,Helvetica,sans-serif;
margin-top: 0;
top: 0;
bottom: 0;
color: currentColor;
}
.bt_bb_slider button.slick-arrow.slick-next,
.bt_bb_content_slider button.slick-arrow.slick-next {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.btContent a {
color: #1976bc;
}
.btContent a:hover {
color: inherit;
}
.btContent h5 {
font-size: 1.625em;
}
.btContent h6 {
font-size: 1.25em;
}
.btContent .bt_bb_text h5 {
font-size: 1;
}
.btContent .bt_bb_text h6 {
font-size: 0.625em;
}
.btTourList.bt_bb_tour_list_empty {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--font-heading);
font-weight: 500;
font-size: 1.25em;
}
.btTourList.bt_bb_tour_list_empty p {
margin-bottom: .5em;
text-align: center;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline .bt_bb_headline_superheadline{
font-size: 0.75em;
display: block;
text-align: center;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline .bt_bb_headline_content{
font-size: 1.2em;
display: block;
text-align: center;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline .bt_bb_headline_content_small{
font-size: 0.85em;
display: block;
text-align: center;
}
.bt_bb_align_right .bt_bb_align_left.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_center .bt_bb_align_left.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_right .bt_bb_align_left .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_center .bt_bb_align_left .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_left.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_left .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,
.bt_bb_align_left .bt_bb_align_right.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_center .bt_bb_align_right.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_left .bt_bb_align_right .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_center .bt_bb_align_right .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_right.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_right .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,
.bt_bb_align_left .bt_bb_align_center.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_right .bt_bb_align_center.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_left .bt_bb_align_center .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_right .bt_bb_align_center .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_center.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent,.bt_bb_align_center .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent {
-webkit-align-items: inherit;
align-items: inherit;
text-align: inherit;
}
.bt_bb_tour_single .btSingleTourBlock {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.bt_bb_tour_single .btSingleTourBlock:hover {
-webkit-transform: translateY(-.625em);
-moz-transform: translateY(-.625em);
-ms-transform: translateY(-.625em);
transform: translateY(-.625em);
}
.bt_bb_tour_list.btTourList .gutter .port {
max-width: 100%;
padding: 0;
}
.btTourSingleItemStandard .btTourPromoTitle .bt_bb_headline {
max-width: 780px;
margin: 0 auto;
}
.btTourSingleItemStandard .btTourPromoTitle .bt_bb_headline .bt_bb_headline_subheadline {
line-height: 1.5em;
margin-top: 1em;
}
.btWithSidebar .btTourSingleItemStandard .btTourPromoTitle .bt_bb_headline {
max-width: 850px;
}
.btSidebarRight.btWithSidebar .btTourSingleItemStandard .btTourPromoTitle .bt_bb_headline {
text-align: inherit;
}
.btSidebarLeft.btWithSidebar .btTourSingleItemStandard .btTourPromoTitle .bt_bb_headline {
text-align: inherit;
}
.rtl .btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header {
margin-right: 0;
}
.btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header li {
margin-left: .25em;
margin-right: .25em;
}
.btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header li > span {
-webkit-box-shadow: 0 0 15px transparent;
box-shadow: 0 0 15px transparent;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
}
.btWithSidebar .btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header li {
margin-left: .15em;
margin-right: .15em;
}
.btWithSidebar .btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header li:first-child {
margin-left: 0;
}
.rtl.btWithSidebar .btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header li:first-child {
margin-left: auto;
margin-right: 0;
}
.btTourSingleItemStandard .btTourTabs .bt_bb_tabs_header li:hover span {
-webkit-box-shadow: 0 0 15px rgba(24,24,24,.15);
box-shadow: 0 0 15px rgba(24,24,24,.15);
}
.btTourSingleItemStandard .btTourMainContent .bt_bb_wrapper {
overflow: visible;
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid.bt_bb_gap_extrasmall .bt_bb_masonry_post_image_content {
margin-top: 0;
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid.bt_bb_gap_small .bt_bb_masonry_post_image_content {
margin-top: 0;
-webkit-transform: translateY(-.625em);
-moz-transform: translateY(-.625em);
-ms-transform: translateY(-.625em);
transform: translateY(-.625em);
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid.bt_bb_gap_normal .bt_bb_masonry_post_image_content {
margin-top: 0;
-webkit-transform: translateY(-1.25em);
-moz-transform: translateY(-1.25em);
-ms-transform: translateY(-1.25em);
transform: translateY(-1.25em);
}
.btTourSingleItemStandard .btTourGalleryTab .bt_masonry_image_grid.bt_bb_gap_large .bt_bb_masonry_post_image_content {
margin-top: 0;
-webkit-transform: translateY(-1.875em);
-moz-transform: translateY(-1.875em);
-ms-transform: translateY(-1.875em);
transform: translateY(-1.875em);
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btSingleGrades .bt_bb_progress_bar {
margin-bottom: .5em;
}
.btHardRoundedButtons .btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link {
border-radius: 50px;
}
.btSoftRoundedButtons .btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link {
border-radius: 3px;
}
.btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link .bt_bb_button_text,
.btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link .bt_bb_icon_holder {
z-index: 1;
}
.btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link .bt_bb_icon_holder {
margin-left: .625rem;
margin-right: 0;
font-size: 1.5em;
}
.btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link:hover {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-box-shadow: 0 1px 3px rgba(24,24,24,.15);
box-shadow: 0 1px 3px rgba(24,24,24,.15);
}
.btTourSingleItemStandard .btComments .show-more-comments .bt_bb_button .bt_bb_link:hover:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.bt_bb_wrapper {
overflow:visible;
}
.btTourHeadline .bt_bb_slider .slick-dots,
.btTourHeadline .bt_bb_content_slider .slick-dots {
bottom: 5em;
}
.bt_bb_slider .slick-dots li,
.bt_bb_content_slider .slick-dots li {
width: 1em;
height: 1em;
border: 0;
margin: 0 .375em;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
opacity: .5;
-webkit-box-shadow: 0 0 0 2px currentColor inset;
box-shadow: 0 0 0 2px currentColor inset;
}
.bt_bb_slider .slick-dots li.slick-active,
.bt_bb_slider .slick-dots li:hover,
.bt_bb_content_slider .slick-dots li.slick-active,
.bt_bb_content_slider .slick-dots li:hover {
-webkit-box-shadow: 0 0 0 2em #1976bc inset;
box-shadow: 0 0 0 2em #1976bc inset;
opacity: 1;
background: transparent;
}
.bt_bb_slider .slick-dots li:hover,
.bt_bb_content_slider .slick-dots li:hover {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.bt_bb_slider .slick-dots li.slick-active,
.bt_bb_content_slider .slick-dots li.slick-active {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.btArticleMedia .bt_bb_slider button.slick-arrow,
.btTourHeadline .bt_bb_slider button.slick-arrow,
.btArticleMedia .bt_bb_content_slider button.slick-arrow,
.btTourHeadline .bt_bb_content_slider button.slick-arrow {
opacity: 0;
pointer-events: none;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
}
.btArticleMedia .bt_bb_slider button.slick-arrow.slick-prev,
.btTourHeadline .bt_bb_slider button.slick-arrow.slick-prev,
.btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-prev,
.btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-prev {
padding-right: 7rem;
}
.btLightSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-prev,
.btDarkSkin .btLightSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-prev,
.btLightSkin .btDarkSkin .btLightSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-prev,
.btLightSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-prev,
.btDarkSkin .btLightSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-prev,
.btLightSkin .btDarkSkin .btLightSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-prev,
.btLightSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-prev,
.btDarkSkin .btLightSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-prev,
.btLightSkin .btDarkSkin .btLightSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-prev,
.btLightSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-prev,
.btDarkSkin .btLightSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-prev,
.btLightSkin .btDarkSkin .btLightSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-prev {
background: -webkit-linear-gradient(right,transparent 0%,rgba(255,255,255,.85) 100%);
background: -moz-linear-gradient(right,transparent 0%,rgba(255,255,255,.85) 100%);
background: linear-gradient(to left,transparent 0%,rgba(255,255,255,.85) 100%);
}
.btDarkSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-prev,
.btLightSkin .btDarkSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-prev,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-prev,
.btDarkSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-prev,
.btLightSkin .btDarkSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-prev,
.btDarkSkin.btLightSkin .btDarkSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-prev,
.btDarkSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-prev,
.btLightSkin .btDarkSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-prev,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-prev,
.btDarkSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-prev,
.btLightSkin .btDarkSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-prev,
.btDarkSkin.btLightSkin .btDarkSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-prev {
background: -webkit-linear-gradient(right,transparent 0%,rgba(24,24,24,.75) 100%);
background: -moz-linear-gradient(right,transparent 0%,rgba(24,24,24,.75) 100%);
background: linear-gradient(to left,transparent 0%,rgba(24,24,24,.75) 100%);
}
.btArticleMedia .bt_bb_slider button.slick-arrow.slick-next,
.btTourHeadline .bt_bb_slider button.slick-arrow.slick-next,
.btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-next,
.btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-next {
padding-left: 7rem;
}
.btLightSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-next,
.btDarkSkin .btLightSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-next,
.btLightSkin .btDarkSkin .btLightSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-next,
.btLightSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-next,
.btDarkSkin .btLightSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-next,
.btLightSkin .btDarkSkin .btLightSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-next,
.btLightSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-next,
.btDarkSkin .btLightSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-next,
.btLightSkin .btDarkSkin .btLightSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-next,
.btLightSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-next,
.btDarkSkin .btLightSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-next,
.btLightSkin .btDarkSkin .btLightSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-next {
background: -webkit-linear-gradient(left,transparent 0%,rgba(255,255,255,.85) 100%);
background: -moz-linear-gradient(left,transparent 0%,rgba(255,255,255,.85) 100%);
background: linear-gradient(to right,transparent 0%,rgba(255,255,255,.85) 100%);
}
.btDarkSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-next,
.btLightSkin .btDarkSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-next,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleMedia .bt_bb_slider button.slick-arrow.slick-next,
.btDarkSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-next,
.btLightSkin .btDarkSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-next,
.btDarkSkin.btLightSkin .btDarkSkin .btTourHeadline .bt_bb_slider button.slick-arrow.slick-next,
.btDarkSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-next,
.btLightSkin .btDarkSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-next,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleMedia .bt_bb_content_slider button.slick-arrow.slick-next,
.btDarkSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-next,
.btLightSkin .btDarkSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-next,
.btDarkSkin.btLightSkin .btDarkSkin .btTourHeadline .bt_bb_content_slider button.slick-arrow.slick-next {
background: -webkit-linear-gradient(left,transparent 0%,rgba(24,24,24,.75) 100%);
background: -moz-linear-gradient(left,transparent 0%,rgba(24,24,24,.75) 100%);
background: linear-gradient(to right,transparent 0%,rgba(24,24,24,.75) 100%);
}
.btArticleMedia:hover .bt_bb_slider button.slick-arrow,
.btTourHeadline:hover .bt_bb_slider button.slick-arrow,
.btArticleMedia:hover .bt_bb_content_slider button.slick-arrow,
.btTourHeadline:hover .bt_bb_content_slider button.slick-arrow {
pointer-events: initial;
}
.btArticleMedia:hover .bt_bb_slider button.slick-arrow:hover,
.btTourHeadline:hover .bt_bb_slider button.slick-arrow:hover,
.btArticleMedia:hover .bt_bb_content_slider button.slick-arrow:hover,
.btTourHeadline:hover .bt_bb_content_slider button.slick-arrow:hover {
opacity: 1;
}
.touch .btArticleMedia .bt_bb_slider button.slick-arrow,
.touch .btTourHeadline .bt_bb_slider button.slick-arrow,
.touch .btArticleMedia .bt_bb_content_slider button.slick-arrow,
.touch .btTourHeadline .bt_bb_content_slider button.slick-arrow {
pointer-events: initial;
}
.touch .btArticleMedia .bt_bb_slider button.slick-arrow:hover,
.touch .btTourHeadline .bt_bb_slider button.slick-arrow:hover,
.touch .btArticleMedia .bt_bb_content_slider button.slick-arrow:hover,
.touch .btTourHeadline .bt_bb_content_slider button.slick-arrow:hover {
opacity: 1;
}
.bt_bb_slider button.slick-arrow:after,
.bt_bb_content_slider button.slick-arrow:after {
display: block;
font-size: .6875rem;
}
.btDarkSkin .bt_bb_slider button.slick-arrow:before,
.btLightSkin .btDarkSkin .bt_bb_slider button.slick-arrow:before,
.btDarkSkin.btLightSkin .btDarkSkin .bt_bb_slider button.slick-arrow:before,
.btDarkSkin .bt_bb_content_slider button.slick-arrow:before,
.btLightSkin .btDarkSkin .bt_bb_content_slider button.slick-arrow:before,
.btDarkSkin.btLightSkin .btDarkSkin .bt_bb_content_slider button.slick-arrow:before {
-webkit-box-shadow: 0 1px 2px rgba(24,24,24,.2);
box-shadow: 0 1px 2px rgba(24,24,24,.2);
}
.rtl .bt_bb_slider button.slick-arrow:before,
.rtl .bt_bb_content_slider button.slick-arrow:before {
margin: 0 0 0 .625em;
}
.bt_bb_slider button.slick-arrow:hover:before,
.bt_bb_content_slider button.slick-arrow:hover:before {
width: 2.5rem;
}
.bt_bb_slider button.slick-arrow.slick-next:before,
.bt_bb_content_slider button.slick-arrow.slick-next:before {
margin: 0 0 0 .625em;
}
.rtl .bt_bb_slider button.slick-arrow.slick-next,
.rtl .bt_bb_content_slider button.slick-arrow.slick-next {
left: 0;
right: auto;
}
.rtl .bt_bb_slider button.slick-arrow.slick-next:before,
.rtl .bt_bb_content_slider button.slick-arrow.slick-next:before {
margin: 0 .625em 0 0;
}
.rtl .bt_bb_slider button.slick-arrow.slick-prev,
.rtl .bt_bb_content_slider button.slick-arrow.slick-prev {
left: auto;
right: 0;
}
.bt_bb_arrows_size_normal.bt_bb_slider button.slick-arrow,
.bt_bb_arrows_size_normal.bt_bb_content_slider button.slick-arrow {
top: auto;
bottom: -4rem;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow {
top: 50%;
bottom: auto;
margin-top: -1.5rem;
}
.bt_bb_gap_small .slick-list {
margin: 0 -.3125rem;
}
.bt_bb_gap_normal .slick-list {
margin: 0 -.625rem;
}
.bt_bb_gap_large .slick-list {
margin: 0 -1.25rem;
}
.bt_bb_layout_wide .bt_bb_content_slider.bt_bb_multiple_slides .slick-list {
position: static !important;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.bt_bb_layout_wide .bt_bb_content_slider.bt_bb_multiple_slides .slick-list .slick-track {
position: relative;
}
.bt_bb_layout_wide .bt_bb_full_width.bt_bb_content_slider.bt_bb_multiple_slides .slick-list {
max-width: 100%;
overflow: visible;
}
.bt_bb_headline {
position: relative;
}
.bt_bb_headline .bt_bb_headline_superheadline {
display: block;
font-family: var(--font-base);
font-weight: initial;
letter-spacing: initial;
}
.bt_bb_size_extrasmall.bt_bb_headline .bt_bb_headline_superheadline {
font-size: .7em;
}
.bt_bb_size_small.bt_bb_headline .bt_bb_headline_superheadline {
font-size: .56em;
}
.bt_bb_size_normal.bt_bb_headline .bt_bb_headline_superheadline {
font-size: .5em;
}
.bt_bb_size_medium.bt_bb_headline .bt_bb_headline_superheadline {
font-size: .4em;
}
.bt_bb_size_large.bt_bb_headline .bt_bb_headline_superheadline {
font-size: .3em;
}
.bt_bb_size_extralarge.bt_bb_headline .bt_bb_headline_superheadline {
font-size: .3142857em;
}
.bt_bb_size_huge.bt_bb_headline .bt_bb_headline_superheadline {
font-size: .24444em;
}
.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
margin-top: .5em;
line-height: 1.75em;
font-size: 1.1em;
}
.bt_bb_size_extrasmall.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
font-size: .875em;
}
.bt_bb_size_small.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
font-size: .875em;
}
.bt_bb_size_normal.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
font-size: .9375em;
}
.bt_bb_size_medium.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
font-size: 1em;
}
.bt_bb_size_large.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
font-size: 1.125em;
}
.bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
font-size: 1.25em;
}
.bt_bb_size_huge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
font-size: 1.375em;
}
.bt_bb_headline.bt_bb_color_scheme_12 .bt_bb_headline_content,
.bt_bb_headline.bt_bb_color_scheme_14 .bt_bb_headline_content,
.bt_bb_color_scheme_12 .bt_bb_headline .bt_bb_headline_content,
.bt_bb_color_scheme_14 .bt_bb_headline .bt_bb_headline_content {
text-shadow: 0 2px 5px rgba(24,24,24,.2);
}
.bt_bb_dash_bottom.bt_bb_headline .bt_bb_headline_content:after {
margin-bottom: .4em;
}
.bt_bb_dash_top.bt_bb_headline .bt_bb_headline_content:before {
margin: .4em 0 .3em;
}
.bt_bb_google_maps .bt_bb_google_maps_content {
max-width: 1280px;
margin: 0 auto;
}
.bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper {
background-color: rgba(255,255,255,0.85);
width: 33%;
margin: 0;
}
.bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location {
padding: 2.5em;
background: none;
z-index: 1;
}
.bt_bb_color_scheme_11 .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location {
background: -webkit-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: -moz-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: linear-gradient(135deg,#1976bc 0%,#8dc645 100%);
}
.bt_bb_color_scheme_12 .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location {
background: -webkit-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: -moz-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: linear-gradient(135deg,#1976bc 0%,#8dc645 100%);
}
.bt_bb_color_scheme_13 .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location {
background: -webkit-linear-gradient(315deg,#8dc645 0%,#1976bc 100%);
background: -moz-linear-gradient(315deg,#8dc645 0%,#1976bc 100%);
background: linear-gradient(135deg,#8dc645 0%,#1976bc 100%);
}
.bt_bb_color_scheme_14 .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location {
background: -webkit-linear-gradient(315deg,#8dc645 0%,#1976bc 100%);
background: -moz-linear-gradient(315deg,#8dc645 0%,#1976bc 100%);
background: linear-gradient(135deg,#8dc645 0%,#1976bc 100%);
}
.bt_bb_google_maps.bt_bb_google_maps_with_content {
padding-top: 2.5em;
padding-bottom: 2.5em;
position: relative;
overflow: hidden;
}
.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-top: -8em;
}
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-top: -1em;
margin-left: auto !important;
margin-right: auto !important;
padding-bottom: 1.5em;
}
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon,
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDestination {
-webkit-flex: 1 1 33.33333334%;
-ms-flex: 1 1 33.33333334%;
flex: 1 1 33.33333334%;
max-width: 33.33333334%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 1em;
}
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook {
-webkit-flex: 1 1 33.33333334%;
-ms-flex: 1 1 33.33333334%;
flex: 1 1 33.33333334%;
max-width: 33.33333334%;
margin-bottom: 1em;
}
.btSidebarRight.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-right: -36.375%;
}
.rtl.btSidebarRight.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-right: 0;
margin-left: -36.375%;
}
.btSidebarLeft.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-left: -36.375%;
}
.rtl.btSidebarLeft.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-left: 0;
margin-right: -36.375%;
}
.btWithSidebar .btTourSingleItemStandard .btTourExcerpt {
padding-left: 1.25em;
padding-right: 1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btTourIncludes {
padding: 0 1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after {
margin-left: -1.25em;
margin-right: -1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btWithSidebar .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul li {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btWithSidebar .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems li,
.btWithSidebar .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems li {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btWithSidebar .btTourSingleItemStandard .btTourMainContent {
padding: 0 1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btTourPlan .btTourPlanDay {
padding-right: 1.25em;
}
.rtl.btWithSidebar .btTourSingleItemStandard .btTourPlan .btTourPlanDay {
padding-right: 2.8125em;
padding-left: 1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btTourPlan .btTourPlanDay:after {
margin-right: -1.25em;
}
.rtl.btWithSidebar .btTourSingleItemStandard .btTourPlan .btTourPlanDay:after {
margin-right: -2.8125em;
margin-left: -1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btSiteAdminReview {
padding: 0 1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btComments .btCommentsBox ul.comments > li {
padding-left: 1.25em;
padding-right: 1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentRatings {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.btWithSidebar .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentOptions {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.btWithSidebar .btTourSingleItemStandard .btComments .btCommentsBox .comment-respond .comment-form {
padding-left: 1.25em;
padding-right: 1.25em;
}
.btWithSidebar .btTourSingleItemStandard .btArticleShareEtc {
margin-left: 1.25em;
margin-right: 1.25em;
}
.single-tour.btWithSidebar .btPrevNextNav .btPrevNextNav {
border: 0;
margin-top: 0;
padding-top: 1em;
}
/* --- Responsive / media overrides for this section --- */
@media (max-width: 480px) {
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon,
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDestination {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.btTourList.btList2PerRow .btSingleTourBlock,
.btTourList.btList3PerRow .btSingleTourBlock,
.btTourList.btList4PerRow .btSingleTourBlock,
.btTourList.btList5PerRow .btSingleTourBlock,
.btWithSidebar .btTourList.btList2PerRow .btSingleTourBlock,
.btWithSidebar .btTourList.btList3PerRow .btSingleTourBlock,
.btWithSidebar .btTourList.btList4PerRow .btSingleTourBlock,
.btWithSidebar .btTourList.btList5PerRow .btSingleTourBlock {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.btTourList.btListDesignList .btSingleTourBlock,
.btWithSidebar .btTourList.btListDesignList .btSingleTourBlock {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.btArticleMedia .bt_bb_slider button.slick-arrow:before {
width: 1.5rem;
}
.btArticleMedia .bt_bb_slider button.slick-arrow:hover:before {
width: 1rem;
}
}
@media (max-width: 640px) {
.bt_bb_google_maps.bt_bb_google_maps_with_content {
padding-top: 0;
padding-bottom: 0;
}
.bt_bb_google_maps .bt_bb_google_maps_content {
margin-top: 0;
margin-bottom: 0;
}
.bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper {
width: 100%;
}
.bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper:after {
display: none;
}
.bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location {
-webkit-box-shadow: none;
box-shadow: none;
background: inherit !important;
}
.bt_bb_color_scheme_11 .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location,
.bt_bb_color_scheme_12 .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location,
.bt_bb_color_scheme_13 .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location,
.bt_bb_color_scheme_14 .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location {
background: inherit !important;
}
}
@media (max-width: 768px) {
.btSidebarRight.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-right: 0;
}
.rtl.btSidebarRight.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-right: 0;
margin-left: 0;
}
.btSidebarLeft.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-left: 0;
}
.rtl.btSidebarLeft.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo {
margin-left: 0;
margin-right: 0;
}
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon,
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDestination {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btHideHeadline.btWithSidebar .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.single-tour.btWithSidebar .btPrevNextNav {
margin-left: -30px;
margin-right: -30px;
}
.single-tour.btWithSidebar .btPrevNextNav > .port .btPrevNextNav {
margin: 0;
}
.btSidebarRight.btWithSidebar .btTourSingleItemStandard .btTourPromoTitle .bt_bb_headline,
.btSidebarLeft.btWithSidebar .btTourSingleItemStandard .btTourPromoTitle .bt_bb_headline {
text-align: center;
}
.bt_bb_slider button.slick-arrow,
.bt_bb_content_slider:not(.bt_bb_multiple_slides) button.slick-arrow {
display: none !important;
}
}
@media (max-width: 992px) {
.btWithSidebar .btTourList.btList3PerRow .btSingleTourBlock,
.btWithSidebar .btTourList.btList4PerRow .btSingleTourBlock,
.btWithSidebar .btTourList.btList5PerRow .btSingleTourBlock {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.btWithSidebar .btTourList.btListDesignList .btSingleTourBlock {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.btWithSidebar .btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.btWithSidebar .btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourImage {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.btWithSidebar .btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent {
padding: 1em 1.25em;
}
.btWithSidebar .btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent .btListDetails {
padding: 0;
}
.rtl .btWithSidebar .btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent .btListDetails {
padding: 0;
}
.btWithSidebar .btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent .btViewDetails {
display: none;
}
.btWithSidebar .btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent .btSingleTourHeadline {
font-size: 1.25em;
}
}
@media (max-width: 1454px) {
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow {
top: auto;
bottom: 0;
margin-top: 0;
}
}
@media (min-width: 1455px) {
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow {
height: 3rem;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow:before,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow:before {
-webkit-transition: transform 200ms ease;
-moz-transition: transform 200ms ease;
transition: transform 200ms ease;
margin: 0 !important;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow:after,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow:after {
position: absolute;
top: 0;
-webkit-transition: transform 200ms ease;
-moz-transition: transform 200ms ease;
transition: transform 200ms ease;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow:hover:before,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow:hover:before {
-webkit-transform: scaleX(.85);
-moz-transform: scaleX(.85);
-ms-transform: scaleX(.85);
transform: scaleX(.85);
width: 3.125rem;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow.slick-prev,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow.slick-prev {
left: -4.375rem;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow.slick-prev:before,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow.slick-prev:before {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow.slick-prev:after,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow.slick-prev:after {
right: 3.425rem;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow.slick-prev:hover:after,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow.slick-prev:hover:after {
-webkit-transform: translateX(.625em);
-moz-transform: translateX(.625em);
-ms-transform: translateX(.625em);
transform: translateX(.625em);
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow.slick-next,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow.slick-next {
right: -4.375rem;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow.slick-next:before,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow.slick-next:before {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow.slick-next:after,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow.slick-next:after {
left: 3.425rem;
}
.bt_bb_arrows_size_small.bt_bb_slider button.slick-arrow.slick-next:hover:after,
.bt_bb_arrows_size_small.bt_bb_content_slider button.slick-arrow.slick-next:hover:after {
-webkit-transform: translateX(-.625em);
-moz-transform: translateX(-.625em);
-ms-transform: translateX(-.625em);
transform: translateX(-.625em);
}
}
/* ==================================================================
99. MISC (needs review)
================================================================== */
div.lastminuteDetails h2{
font-style: italic;
margin: 0 0 10px 0;}
article div.articleContent h3{
margin-bottom: 0px;
margin-top: 0;}
.home article div.articleContent h3 a {
font-style: italic;
font-size: 20px;
}
blockquote {
border-left: none;
}
.btTourSingleItemStandard .btTourIncludes h3 {
font-size: 1.875em;
font-family: var(--font-heading);
font-weight: 700;
font-weight: 800;
letter-spacing: -.05em;
clear: unset;
}
.btTourSingleItemStandard .btTourIncludes h3:after {
clear: unset;
}
.btTourSingleItemStandard .btTourMainContent h1,
.btTourSingleItemStandard .btTourMainContent h2,
.btTourSingleItemStandard .btTourMainContent h3,
.btTourSingleItemStandard .btTourMainContent h4,
.btTourSingleItemStandard .btTourMainContent h5,
.btTourSingleItemStandard .btTourMainContent h6,
.btTourSingleItemStandard .btTourMainContent h7,
.btTourSingleItemStandard .btTourMainContent h8 {
font-size: 1.875em;
font-family: var(--font-heading);
font-weight: 700;
font-weight: 800;
letter-spacing: -.05em;
clear: unset;
}
.btTourSingleItemStandard .btTourMainContent h1:after,
.btTourSingleItemStandard .btTourMainContent h2:after,
.btTourSingleItemStandard .btTourMainContent h3:after,
.btTourSingleItemStandard .btTourMainContent h4:after,
.btTourSingleItemStandard .btTourMainContent h5:after,
.btTourSingleItemStandard .btTourMainContent h6:after,
.btTourSingleItemStandard .btTourMainContent h7:after,
.btTourSingleItemStandard .btTourMainContent h8:after {
clear: unset;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay .btDayHeadline h3 {
font-size: 1.875em;
font-family: var(--font-heading);
font-weight: 700;
font-weight: 800;
letter-spacing: -.05em;
clear: unset;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay .btDayHeadline h3:after {
clear: unset;
}
.btTourSingleItemStandard .btTourLocationTab .btTourMainContent h3:not(:first-child) {
padding-top: 1em;
margin-top: 1em;
border-top: 1px solid;
}
.btTourSingleItemStandard .btSiteAdminReview h3 {
font-size: 1.875em;
font-family: var(--font-heading);
font-weight: 700;
font-weight: 800;
letter-spacing: -.05em;
clear: unset;
}
.btTourSingleItemStandard .btSiteAdminReview h3:after {
clear: unset;
width: auto;
display: block;
border-bottom: 1px solid;
margin-top: .5em;
margin-left: -1.1666667em;
margin-right: -1.1666667em;
}
.btTourSingleItemStandard .btComments .btCommentsBox h4,
.btTourSingleItemStandard .btComments .btCommentsBox h5 {
clear: none;
}
.btTourSingleItemStandard .btComments .btCommentsBox h4:after,
.btTourSingleItemStandard .btComments .btCommentsBox h5:after {
clear: unset;
}
.btTourSingleItemStandard .btComments .btCommentsBox h4 {
padding-left: 1.16666667em;
padding-right: 1.16666667em;
margin-bottom: .5em;
}
.btTourSingleItemStandard .btComments .btCommentsBox h4:after {
clear: unset;
}
.btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3 {
clear: unset;
padding: 0 1.16666667em .5em;
}
.btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3:after {
clear: unset;
}
.hwyc-cookie-header h2 {
margin: 0 0 10px;
font-size: 1.1rem;
}
.hwyc-cookie-option h3 {
margin: 0 0 2px;
font-size: 0.9rem;
}
.clear{
clear: both;
}
ul.menu li:hover div.row, ul.menu li:hover ul {
display: block;
}
div.col-md-6.white,
div.col-md-12.white{
background: white;
padding: 30px 30px 30px 30px;
margin: 0 0 30px 0;}
div.col-md-6.white:last-child{
margin: 0;}
.divider{
clear: both;
margin-top: 20px;
border-bottom: 3px solid var(--brand-blue-dark);
}
.nopad {
margin: 0;
padding: 0;
}
.nopad-left {
padding-left: 0;
}
.nopad-right {
padding-right: 0;
}
.btTourList {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.btListDesignList.btTourList .btSingleTourBlock .btSingleTourBlockInner {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories {
font-size: .875em;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1em;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.5em;
max-height: 3em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta {
font-size: .875em;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid;
padding-top: 1em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourRating {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btListWrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
line-height: 1.25;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li {
clear: unset;
}
.btContentHolder {
max-width:100%;
width: 100%;
position:relative;
overflow:hidden;
}
.uspItem:hover i { color: #e6c56e; }
.wimpel{
position: absolute;
top: 6px;
right: 11px;
z-index: 99;
width: 137px;
height: 136px;
background-image: url('../images/GJS_wimpels.png');
}
.wimpel.oranje.week{
background-position: 0 0;
}
.wimpel.blauw.week{
background-position: 137px 0;
}
.wimpel.oranje.nieuw{
background-position: 0 -186px;
}
.wimpel.blauw.nieuw{
background-position: 137px -186px;
}
.wimpel.oranje.aanbieding{
background-position: 0 -372px;
}
.wimpel.blauw.aanbieding{
background-position: 137px -372px;
}
.wimpel.oranje.meest-geboekt{
background-position: 0 -558px;
}
.wimpel.blauw.meest-geboekt{
background-position: 137px -558px;
}
.wimpel.oranje.uitgelicht{
background-position: 0 -930px;
}
.wimpel.blauw.uitgelicht{
background-position: 137px -930px;
}
.white {
background: #ffffff;
padding: 20px;
}
div.rounded{
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width: 95px; height: 95px;
background: var(--brand-blue-dark);
color: #fff;
font-size: 48px;
font-weight: bold;
padding: 35px 14px;
margin: 0 0 0 16px;}
article{
display: block;
float: left;
padding-bottom: 20px;
margin-bottom: 20px;
}
article div.newsImage{
float: left; display: inline;
width: 25%;}
article div.newsImage img{
width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
article div.articleContent{
float: left; display: inline;
/* width: 75%; */
padding: 0 10px;
}
div.facebook{
text-align: center;}
article.odd .newsImage {
float: right;
}
div.lastminuteDetails{
color: #fff;}
article div.articleContent p{
/* margin: 10px 0 0 0; */
margin: 0px;
}
div.rounded a,
div.rounded a:link{
color: #fff;}
div.rounded a:hover{
text-decoration: none;
}
div.facebook{
margin-bottom: 30px;
}
.overallrating {
text-align: center;
margin-top: 30px;
}
.reviewform {
margin: 40px 0 0;
float: left;
}
.reviewform ul.gfield_radio li {
float: left;
}
.galleryshow {
width: 650px;
max-width: 100%;
}
.galleryshow img {
margin: 0 10px 10px 0 !important;
border: 1px solid #ccc;
padding: 3px;
border-radius: 3px;
}
.searchresult {
margin: 0 0 30px 0;
}
.img-circle {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.home .ref-text {
font-style: italic;
}
.reviewvideo {
margin: 30px 0 30px 0;
}
.reviewvideos {
float: left;
}
#expand {
margin: 30px 0 0 0;
}
#expand dt a {
color: #333333;
font-weight: bold;
}
#expand dt:hover {
cursor: pointer;
}
#expand dd {
display: none;
}
.ref-image i {
position: absolute;
top: 100px;
left: 96px;
font-size: 64px;
color: #ffffff;
}
.muted {
padding: 7px 10px 5px 10px;
box-shadow: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: var(--brand-blue);
color: #ffffff;
text-shadow: 0px 1px 0px #005c7e !important;
font-weight: bold;
border: 0;
float: left;
margin: 8px 3px 0 0;
}
.home .lastminuteDetails ul li {
background-position: 4px 8px;
padding-left: 16px;
}
td.warning, td.warning:hover {
background: #0000FF !important;
}
td.warning a {
color: #ffffff !important;
}
td.danger, td.danger:hover {
background: #FF0000 !important;
}
td.success, td.success:hover {
background: #99FF99 !important;
}
.required {
color: #1976bc !important;
font-weight: 700;
margin: 0 0 0 .5em;
}
#hwyc-cookie-consent {
position: fixed;
left: 16px;
bottom: 16px;
z-index: 99999;
display: none; /* JS zet op block */
max-width: 420px;
width: calc(100% - 32px);
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.hwyc-cookie-backdrop {
display: none !important;
}
.hwyc-cookie-box {
background: #ffffff;
border-radius: 12px;
padding: 18px 20px;
box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}
.hwyc-cookie-tabs {
display: flex;
gap: 6px;
margin-bottom: 12px;
}
.hwyc-tab {
flex: 1;
padding: 6px 10px;
background: #f1f1f1;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 0.85rem;
font-weight: 600;
}
.hwyc-tab--active {
background: #0c2b4a; /* HW navy */
color: #ffffff;
}
.hwyc-cookie-option p {
margin: 0;
font-size: 0.75rem;
color: #555;
}
.hwyc-toggle {
position: relative;
width: 38px;
height: 20px;
}
.hwyc-toggle input {
opacity: 0;
width: 0;
height: 0;
}
.form-control::-webkit-input-placeholder,
.form-control:-moz-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder{
color: #dcdcdc !important;}
input[type="button"].play, input[type="button"].pause {
margin-top: 8px;
padding: 7px 10px 5px 10px;
box-shadow: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: var(--brand-blue);
color: #ffffff;
text-shadow: 0px 1px 0px #005c7e !important;
font-weight: normal !important;
border: 0;
text-decoration: none !important;
}
input[type="button"].play:hover, input[type="button"].pause:hover {
text-decoration: none;
background-color: var(--brand-blue);
box-shadow: none;
color: #ffffff;
text-shadow: 0px 1px 0px #005c7e !important;
font-weight: normal !important;
}
.btText a {
color: #1976bc;
}
.btText a:hover {
text-decoration: underline;
}
.btTourList .listing_results {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.btTourList .btSingleTourBlock {
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
z-index: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.btTourList .btSingleTourBlock .btSingleTourBlockInner {
position: relative;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
-webkit-box-shadow: 0 0 15px rgba(24,24,24,.15);
box-shadow: 0 0 15px rgba(24,24,24,.15);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourBlockInner {
position: relative;
}
.btTourList .btSingleTourBlock .btSingleTourImage {
min-height: 1px;
}
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper {
position: relative;
}
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper a {
display: block;
}
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper img {
display: block;
max-width: 100%;
height: auto;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
}
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper img.bt_src_loading {
opacity: 0;
}
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper img.bt_src_loaded {
opacity: 1;
}
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper:before {
top: 0;
background: #181818;
opacity: 0;
z-index: 1;
}
.btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper:after {
height: 4px;
z-index: 2;
background: -webkit-linear-gradient(left,#1976bc 0%,#8dc645 100%);
background: -moz-linear-gradient(left,#1976bc 0%,#8dc645 100%);
background: linear-gradient(to right,#1976bc 0%,#8dc645 100%);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper:after {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.btReverseGradient .btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper:after {
background: -webkit-linear-gradient(left,#8dc645 0%,#1976bc 100%);
background: -moz-linear-gradient(left,#8dc645 0%,#1976bc 100%);
background: linear-gradient(to right,#8dc645 0%,#1976bc 100%);
}
.btListDesignList.btTourList .btSingleTourBlock .btSingleTourImage {
-webkit-flex: 0 0 280px;
-ms-flex: 0 0 280px;
flex: 0 0 280px;
max-width: 280px;
}
.btTourList .btSingleTourBlock .btSingleTourPrice {
pointer-events: none;
}
.btTourList .btSingleTourBlock .btSingleTourPrice .from {
display: none;
}
.btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourPrice .from {
display: inline-block;
font-weight: 500;
margin: 0 5px 0 0;
}
.rtl .btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourPrice .from {
margin: 0 0 0 5px;
}
.btTourList .btSingleTourBlock .btSingleTourPrice .btTourOffer {
position: absolute;
left: -.4166666em;
top: -.4166666em;
font-family: var(--font-heading);
font-weight: 700;
font-weight: 800;
padding: 0;
z-index: 1;
background: #8dc645;
color: #fff;
text-shadow: 0 1px 3px rgba(24,24,24,.2);
font-size: .75em;
text-transform: uppercase;
padding: .1666666em 1.666666em;
line-height: 2;
}
.btHardRoundedButtons .btTourList .btSingleTourBlock .btSingleTourPrice .btTourOffer {
border-radius: 50px 50px 50px 0;
}
.rtl.btHardRoundedButtons .btTourList .btSingleTourBlock .btSingleTourPrice .btTourOffer {
border-radius: 50px 50px 0 50px;
}
.btSoftRoundedButtons .btTourList .btSingleTourBlock .btSingleTourPrice .btTourOffer {
border-radius: 3px 3px 3px 0;
}
.rtl.btSoftRoundedButtons .btTourList .btSingleTourBlock .btSingleTourPrice .btTourOffer {
border-radius: 3px 3px 0 3px;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourPrice .btTourOffer {
left: auto;
right: -.4166666em;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourPrice .btTourOffer:after {
left: auto;
right: 0;
border-width: .4166666em .4166666em 0 0;
border-color: #65922d transparent transparent transparent;
}
.btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice {
z-index: 2;
position: absolute;
left: -.3125em;
top: 1.4375em;
font-family: var(--font-heading);
font-weight: 700;
font-weight: 800;
padding: 0;
line-height: 2;
background: #1976bc;
color: #fff;
text-shadow: 0 1px 3px rgba(24,24,24,.2);
font-size: 1em;
padding: .1666666em 1.25em;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice {
left: auto;
right: -.3125em;
}
.btHardRoundedButtons .btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice {
border-radius: 50px 50px 50px 0;
}
.rtl.btHardRoundedButtons .btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice {
border-radius: 50px 50px 0 50px;
}
.btSoftRoundedButtons .btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice {
border-radius: 3px 3px 3px 0;
}
.rtl.btSoftRoundedButtons .btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice {
border-radius: 3px 3px 0 3px;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice:after {
left: auto;
right: 0;
border-width: .3125em .3125em 0 0;
border-color: #104c78 transparent transparent transparent;
}
.btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice del {
font-weight: 300;
opacity: .5;
position: relative;
display: inline-block;
text-decoration: none;
padding: 0 5px;
margin: 0 0 0 -5px;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice del {
margin: 0 -5px 0 0;
}
.btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice ins {
text-decoration: none;
}
.btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice {
background: transparent;
position: absolute;
top: auto;
color: #1976bc;
text-shadow: none;
left: auto;
bottom: .5em;
}
.rtl .btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice {
right: auto;
}
.btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourPrice .btTourPrice:after {
display: none;
}
.btTourList .btSingleTourBlock .btSingleTourContent {
padding: 1em 1.25em;
width: 100%;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline {
font-size: 1.25em;
font-weight: 800;
letter-spacing: -.05em;
margin-bottom: .5em;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 1.25em;
max-height: 3.75em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline:last-child {
margin-bottom: 0;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline a {
color: currentColor;
-webkit-transition: 300ms ease color;
-moz-transition: 300ms ease color;
transition: 300ms ease color;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline a:hover {
color: #1976bc;
}
.btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline {
font-size: 1.5625em;
}
.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourHeadline {
font-size: 1.5625em;
text-shadow: 0 2px 5px rgba(24,24,24,.75);
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories:last-child {
margin-bottom: 0;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories a {
color: currentColor;
-webkit-transition: 300ms ease color;
-moz-transition: 300ms ease color;
transition: 300ms ease color;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories a:hover {
color: #1976bc;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories a:not(:last-child):after {
margin: 0 0 0 .3125em;
}
.btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories {
display: none;
}
.rtl .btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories:before {
margin-right: 0;
margin-left: .5em;
}
.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourCategories {
display: none;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourExcerpt {
margin-bottom: 1em;
font-size: .875em;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-height: 1.5em;
max-height: 6em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta:empty {
display: none;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourRating .star-rating {
font-size: 1.142857em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourRating .btNumberOfReviews {
padding: 0 0 0 .5em;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourRating .btNumberOfReviews {
padding: 0 .5em 0 0;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourDuration,
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourLocation,
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourTravellers {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourDuration:before,
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourLocation:before,
.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourTravellers:before {
font-family: FontAwesome;
display: block;
width: 1em;
color: #1976bc;
margin-right: .5em;
width: auto;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourDuration:before,
.rtl .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourLocation:before,
.rtl .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta .btTourTravellers:before {
margin: 0 0 0 .5em;
}
.btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta {
display: none;
}
.btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta > div:last-child:after {
display: none;
}
.btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta {
display: none;
}
.btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent {
padding-bottom: 0.75em;
}
.btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent {
padding: 1.875em 1.25em 1.875em 2.5em;
}
.rtl .btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent {
padding: 1.875em 2.5em 1.875em 1.25em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btListWrapper .btListDetails {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
padding-right: 1.25em;
}
.rtl .btTourList .btSingleTourBlock .btSingleTourContent .btListWrapper .btListDetails {
padding-right: 0;
padding-left: 1.25em;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btListWrapper .btViewDetails {
-webkit-flex: 1 0;
-ms-flex: 1 0;
flex: 1 0;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btListWrapper .btViewDetails a {
font-size: .75em;
font-family: var(--font-heading);
font-weight: 700;
padding: 1.333333em 1.666666em;
white-space: nowrap;
color: #1976bc;
-webkit-box-shadow: 0 0 0 2px #1976bc inset,0 0 0 rgba(24,24,24,.15);
box-shadow: 0 0 0 2px #1976bc inset,0 0 0 rgba(24,24,24,.15);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
line-height: 1;
}
.btTourList .btSingleTourBlock .btSingleTourContent .btListWrapper .btViewDetails a:hover {
color: #fff;
-webkit-box-shadow: 0 0 0 2em #1976bc inset,0 3px 10px rgba(24,24,24,.15);
box-shadow: 0 0 0 2em #1976bc inset,0 3px 10px rgba(24,24,24,.15);
text-shadow: 0 1px 3px rgba(24,24,24,.15);
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.btHardRoundedButtons .btTourList .btSingleTourBlock .btSingleTourContent .btListWrapper .btViewDetails a {
border-radius: 50px;
}
.btSoftRoundedButtons .btTourList .btSingleTourBlock .btSingleTourContent .btListWrapper .btViewDetails a {
border-radius: 3px;
}
.btTourList .btSingleTourBlock:hover {
z-index: 10;
}
.btTourList .btSingleTourBlock:hover .btSingleTourBlockInner {
-webkit-box-shadow: 0 10px 30px rgba(24,24,24,.3);
box-shadow: 0 10px 30px rgba(24,24,24,.3);
}
.btTourList .btSingleTourBlock:hover .btSingleTourImage .btImageWrapper:before {
opacity: .55;
}
.btTourList .btSingleTourBlock:hover .btSingleTourImage .btImageWrapper:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.btList2PerRow.btTourList .btSingleTourBlock {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.btList3PerRow.btTourList .btSingleTourBlock {
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.btList4PerRow.btTourList .btSingleTourBlock {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.btList5PerRow.btTourList .btSingleTourBlock {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.btTourListGapNoGap.btTourList .btSingleTourBlock {
padding: 0;
}
.btTourListGapNoGap.btTourList .btSingleTourBlock .btSingleTourBlockInner {
-webkit-box-shadow: 0 0 0 rgba(24,24,24,.3);
box-shadow: 0 0 0 rgba(24,24,24,.3);
}
.btTourListGapNoGap.btTourList .btSingleTourBlock:hover {
-webkit-transform: translateY(-.625em);
-moz-transform: translateY(-.625em);
-ms-transform: translateY(-.625em);
transform: translateY(-.625em);
}
.btTourListGapNoGap.btTourList .btSingleTourBlock:hover .btSingleTourBlockInner {
-webkit-box-shadow: 0 10px 30px rgba(24,24,24,.3);
box-shadow: 0 10px 30px rgba(24,24,24,.3);
}
.btTourListGapSmall.btTourList .btSingleTourBlock {
padding: 0 .3125em .625em;
}
.btTourListGapSmall.btTourList .btSingleTourBlock:hover {
-webkit-transform: translateY(-.625em);
-moz-transform: translateY(-.625em);
-ms-transform: translateY(-.625em);
transform: translateY(-.625em);
}
.btTourListGapNormal.btTourList .btSingleTourBlock {
padding: 0 .625em 1.25em;
}
.btTourListGapNormal.btTourList .btSingleTourBlock:hover {
-webkit-transform: translateY(-.625em);
-moz-transform: translateY(-.625em);
-ms-transform: translateY(-.625em);
transform: translateY(-.625em);
}
.btTourListGapLarge.btTourList .btSingleTourBlock {
padding: 0 1.25em 2.5em;
}
.btTourListGapLarge.btTourList .btSingleTourBlock:hover {
-webkit-transform: translateY(-1.25em);
-moz-transform: translateY(-1.25em);
-ms-transform: translateY(-1.25em);
transform: translateY(-1.25em);
}
.btTourListGapSmall.btTourList {
margin-left: -.3125em;
margin-right: -.3125em;
}
.btTourListGapNormal.btTourList {
margin-left: -.625em;
margin-right: -.625em;
}
.btTourListGapLarge.btTourList {
margin-left: -1.25em;
margin-right: -1.25em;
}
.btTourSingleItemStandard .btTourList {
padding-top: 2em;
}
.btTourSingleItemStandard .btTourList.btTourListGapSmall {
width: -webkit-calc(100% + .625em);
width: -moz-calc(100% + .625em);
width: calc(100% + .625em);
}
.btTourSingleItemStandard .btTourList.btTourListGapNormal {
width: -webkit-calc(100% + 1.25em);
width: -moz-calc(100% + 1.25em);
width: calc(100% + 1.25em);
}
.btTourSingleItemStandard .btTourList.btTourListGapLarge {
width: -webkit-calc(100% + 2.5em);
width: -moz-calc(100% + 2.5em);
width: calc(100% + 2.5em);
}
.btLightSkin .btTourSingleItemStandard .btTourLocationTab .btTourMainContent h3:not(:first-child),
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourLocationTab .btTourMainContent h3:not(:first-child),
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourLocationTab .btTourMainContent h3:not(:first-child) {
border-top-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btTourLocationTab .btTourMainContent h3:not(:first-child),
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourLocationTab .btTourMainContent h3:not(:first-child),
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourLocationTab .btTourMainContent h3:not(:first-child) {
border-top-color: rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btSiteAdminReview h3:after,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btSiteAdminReview h3:after,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btSiteAdminReview h3:after {
border-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btSiteAdminReview h3:after,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btSiteAdminReview h3:after,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btSiteAdminReview h3:after {
border-color: rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3 {
border-bottom: 1px solid rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3 {
border-bottom: 1px solid rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btTourPromoTitle,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourPromoTitle,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourPromoTitle {
border-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btTourPromoTitle,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourPromoTitle,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourPromoTitle {
border-color: rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after {
border-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after {
border-color: rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul {
border-top-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul {
border-top-color: rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li {
-webkit-box-shadow: 0 0 0 2px rgba(24,24,24,.1) inset;
box-shadow: 0 0 0 2px rgba(24,24,24,.1) inset;
background: #fff;
}
.btDarkSkin .btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li {
-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,.1) inset;
box-shadow: 0 0 0 2px rgba(255,255,255,.1) inset;
background: #181818;
}
.btLightSkin .btTourSingleItemStandard .btTourPlan .btTourPlanDay:after,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourPlan .btTourPlanDay:after,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourPlan .btTourPlanDay:after {
border-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btTourPlan .btTourPlanDay:after,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourPlan .btTourPlanDay:after,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourPlan .btTourPlanDay:after {
border-color: rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btComments .show-more-comments,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btComments .show-more-comments,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btComments .show-more-comments {
border-top-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btComments .show-more-comments,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btComments .show-more-comments,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btComments .show-more-comments {
border-top-color: rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta {
border-top: 1px solid rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta {
border-top: 1px solid rgba(255,255,255,.1);
}
.btLightSkin .btTourSingleItemStandard .btArticleShareEtc .btTags ul a,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btArticleShareEtc .btTags ul a,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btArticleShareEtc .btTags ul a {
background: rgba(24,24,24,.1);
color: currentColor;
}
.btDarkSkin .btTourSingleItemStandard .btArticleShareEtc .btTags ul a,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btArticleShareEtc .btTags ul a,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btArticleShareEtc .btTags ul a {
background: rgba(255,255,255,.1);
color: currentColor;
}
.btLightSkin .btTourSingleItemStandard .btTourBookBottom:before,
.btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourBookBottom:before,
.btLightSkin .btDarkSkin .btLightSkin .btTourSingleItemStandard .btTourBookBottom:before {
border-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourSingleItemStandard .btTourBookBottom:before,
.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourBookBottom:before,
.btDarkSkin.btLightSkin .btDarkSkin .btTourSingleItemStandard .btTourBookBottom:before {
border-color: rgba(255,255,255,.1);
}
.single-tour .btContentHolder .btPostContentHolder,
.single-tour .btContentHolder .btPrevNextNav,
.single-tour .btContentHolder .btSidebar {
pointer-events: initial;
}
.btDarkSkin .btTourList .btSingleTourBlock .btSingleTourBlockInner,
.btLightSkin .btDarkSkin .btTourList .btSingleTourBlock .btSingleTourBlockInner,
.btDarkSkin.btLightSkin .btDarkSkin .btTourList .btSingleTourBlock .btSingleTourBlockInner {
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.btLightSkin .btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper a,
.btDarkSkin .btLightSkin .btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper a,
.btLightSkin .btDarkSkin .btLightSkin .btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper a {
background: rgba(24,24,24,.07);
}
.btDarkSkin .btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper a,
.btLightSkin .btDarkSkin .btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper a,
.btDarkSkin.btLightSkin .btDarkSkin .btTourList .btSingleTourBlock .btSingleTourImage .btImageWrapper a {
background: rgba(255,255,255,.1);
}
.btLightSkin .btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent,
.btDarkSkin .btLightSkin .btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent,
.btLightSkin .btDarkSkin .btLightSkin .btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent,
.btLightSkin .btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent,
.btDarkSkin .btLightSkin .btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent,
.btLightSkin .btDarkSkin .btLightSkin .btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent,
.btLightSkin .btListDesignRegular.btTourList .btSingleTourBlock .btSingleTourContent,
.btDarkSkin .btLightSkin .btListDesignRegular.btTourList .btSingleTourBlock .btSingleTourContent,
.btLightSkin .btDarkSkin .btLightSkin .btListDesignRegular.btTourList .btSingleTourBlock .btSingleTourContent {
background: #fff;
}
.btDarkSkin .btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent,
.btLightSkin .btDarkSkin .btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent,
.btDarkSkin.btLightSkin .btDarkSkin .btListDesignGallery.btTourList .btSingleTourBlock .btSingleTourContent,
.btDarkSkin .btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent,
.btLightSkin .btDarkSkin .btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent,
.btDarkSkin.btLightSkin .btDarkSkin .btListDesignList.btTourList .btSingleTourBlock .btSingleTourContent,
.btDarkSkin .btListDesignRegular.btTourList .btSingleTourBlock .btSingleTourContent,
.btLightSkin .btDarkSkin .btListDesignRegular.btTourList .btSingleTourBlock .btSingleTourContent,
.btDarkSkin.btLightSkin .btDarkSkin .btListDesignRegular.btTourList .btSingleTourBlock .btSingleTourContent {
background: #181818;
}
.btLightSkin .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta,
.btDarkSkin .btLightSkin .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta,
.btLightSkin .btDarkSkin .btLightSkin .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta {
border-color: rgba(24,24,24,.1);
}
.btDarkSkin .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta,
.btLightSkin .btDarkSkin .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta,
.btDarkSkin.btLightSkin .btDarkSkin .btTourList .btSingleTourBlock .btSingleTourContent .btSingleTourMeta {
border-color: rgba(255,255,255,.1);
}
.btSidebar .btListDesignTiles.btTourList .btSingleTourBlock .btSingleTourContent {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.btDarkSkin .btTourList .btSingleTourBlock:hover .btSingleTourBlockInner,
.btLightSkin .btDarkSkin .btTourList .btSingleTourBlock:hover .btSingleTourBlockInner,
.btDarkSkin.btLightSkin .btDarkSkin .btTourList .btSingleTourBlock:hover .btSingleTourBlockInner {
-webkit-box-shadow: 0 10px 30px rgba(0,0,0,.3);
box-shadow: 0 10px 30px rgba(0,0,0,.3);
}
.btDarkSkin .btTourListGapNoGap.btTourList .btSingleTourBlock .btSingleTourBlockInner,
.btLightSkin .btDarkSkin .btTourListGapNoGap.btTourList .btSingleTourBlock .btSingleTourBlockInner,
.btDarkSkin.btLightSkin .btDarkSkin .btTourListGapNoGap.btTourList .btSingleTourBlock .btSingleTourBlockInner {
-webkit-box-shadow: 0 0 0 rgba(0,0,0,.3);
box-shadow: 0 0 0 rgba(0,0,0,.3);
}
.btDarkSkin .btTourListGapNoGap.btTourList .btSingleTourBlock:hover .btSingleTourBlockInner,
.btLightSkin .btDarkSkin .btTourListGapNoGap.btTourList .btSingleTourBlock:hover .btSingleTourBlockInner,
.btDarkSkin.btLightSkin .btDarkSkin .btTourListGapNoGap.btTourList .btSingleTourBlock:hover .btSingleTourBlockInner {
-webkit-box-shadow: 0 10px 30px rgba(0,0,0,.3);
box-shadow: 0 10px 30px rgba(0,0,0,.3);
}
.btTourSingleItemStandard .btSingleTourInfo {
margin-bottom: 3em;
background: -webkit-linear-gradient(left,#1976bc 0%,#8dc645 100%);
background: -moz-linear-gradient(left,#1976bc 0%,#8dc645 100%);
background: linear-gradient(to right,#1976bc 0%,#8dc645 100%);
padding: 2.5em 1.875em;
color: #fff;
position: relative;
margin-top: -4em;
}
.btHideHeadline .btTourSingleItemStandard .btSingleTourInfo {
margin-top: 0;
}
.btReverseGradient .btTourSingleItemStandard .btSingleTourInfo {
background: -webkit-linear-gradient(left,#8dc645 0%,#1976bc 100%);
background: -moz-linear-gradient(left,#8dc645 0%,#1976bc 100%);
background: linear-gradient(to right,#8dc645 0%,#1976bc 100%);
}
.btTourSingleItemStandard .btSingleTourInfo .btPromoPrice {
position: absolute;
left: -5px;
top: -5px;
font-family: var(--font-heading);
font-weight: 700;
font-weight: 800;
padding: 0;
z-index: 10;
background: #8dc645;
color: #fff;
text-shadow: 0 1px 3px rgba(24,24,24,.2);
font-size: .75em;
text-transform: uppercase;
padding: .1666666em 1.666666em;
line-height: 2;
}
.btReverseGradient .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice:before {
border-color: transparent #104c78 transparent transparent;
}
.rtl .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice:before {
left: auto;
right: 0;
border-width: 5px 5px 0 0;
border-color: #104c78 transparent transparent transparent;
}
.btReverseGradient.rtl .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice:before {
border-color: #65922d transparent transparent transparent;
}
.btHardRoundedButtons .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice {
border-radius: 50px 50px 50px 0;
}
.rtl.btHardRoundedButtons .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice {
border-radius: 50px 50px 0 50px;
}
.btSoftRoundedButtons .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice {
border-radius: 3px 3px 3px 0;
}
.rtl.btSoftRoundedButtons .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice {
border-radius: 3px 3px 0 3px;
}
.btReverseGradient .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice {
background: #1976bc;
}
.rtl .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice {
left: auto;
right: -5px;
background: #1976bc;
}
.btReverseGradient.rtl .btTourSingleItemStandard .btSingleTourInfo .btPromoPrice {
background: #8dc645;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon {
-webkit-flex: 1 1 15.5%;
-ms-flex: 1 1 15.5%;
flex: 1 1 15.5%;
max-width: 15.5%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDestination {
max-width: 20%;
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon .btIcon {
padding: 0 .5em;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon .btIcon > span:before {
font-size: 2.5em;
font-family: Icon7Stroke;
display: block;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon .btTourInfo .btTourDesc {
font-size: 1.25em;
font-family: var(--font-heading);
font-weight: 700;
font-weight: 800;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon .btTourInfo .btTourDesc em {
font-size: .5em;
font-weight: 500;
font-style: normal;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon .btTourInfo .btTourDesc em > span {
font-size: 0;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon .btTourInfo .btTourDesc .star-rating {
font-size: .8em;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook {
-webkit-flex: 1 1 18%;
-ms-flex: 1 1 18%;
flex: 1 1 18%;
max-width: 18%;
padding: 0 .625em;
margin-left: auto;
}
.rtl .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook {
margin-left: unset;
margin-right: auto;
}
.btReverseGradient .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a {
background: #8dc645;
}
.rtl .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a {
background: #8dc645;
}
.btReverseGradient.rtl .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a {
background: #1976bc;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a:hover {
-webkit-box-shadow: 0 3px 10px rgba(24,24,24,.15);
box-shadow: 0 3px 10px rgba(24,24,24,.15);
}
.btHardRoundedButtons .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a {
border-radius: 50px;
}
.btSoftRoundedButtons .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a {
border-radius: 3px;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a .btnInnerText {
position: relative;
z-index: 2;
}
.btReverseGradient .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a:before {
background: -webkit-linear-gradient(bottom,#1976bc 0%,#8dc645 90%);
background: -moz-linear-gradient(bottom,#1976bc 0%,#8dc645 90%);
background: linear-gradient(to top,#1976bc 0%,#8dc645 90%);
}
.rtl .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a:before {
background: -webkit-linear-gradient(bottom,#1976bc 0%,#8dc645 90%);
background: -moz-linear-gradient(bottom,#1976bc 0%,#8dc645 90%);
background: linear-gradient(to top,#1976bc 0%,#8dc645 90%);
}
.btReverseGradient.rtl .btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a:before {
background: -webkit-linear-gradient(bottom,#8dc645 0%,#1976bc 90%);
background: -moz-linear-gradient(bottom,#8dc645 0%,#1976bc 90%);
background: linear-gradient(to top,#8dc645 0%,#1976bc 90%);
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a:hover {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook a:hover:before {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.btTourSingleItemStandard .btTourPromoTitle {
padding: 4.5em 0 4.5em;
margin-bottom: 1.875em;
border-bottom: 1px solid;
}
.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle {
margin-bottom: 0;
border-bottom: 0;
}
.btBelowMenu.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle {
padding-top: -webkit-calc(4.5em + 100px);
padding-top: -moz-calc(4.5em + 100px);
padding-top: calc(4.5em + 100px);
}
.btBelowMenu.btMenuBelowLogo.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle {
padding-top: -webkit-calc(4.5em + 100px + 50px);
padding-top: -moz-calc(4.5em + 100px + 50px);
padding-top: calc(4.5em + 100px + 50px);
}
.btBelowMenu.btHeaderWidgetsLeftRightOn.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle {
padding-top: -webkit-calc(4.5em + 100px + 1.8753em);
padding-top: -moz-calc(4.5em + 100px + 1.8753em);
padding-top: calc(4.5em + 100px + 1.8753em);
}
.btBelowMenu.btMenuBelowLogo.btHeaderWidgetsLeftRightOn.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle {
padding-top: -webkit-calc(4.5em + 100px + 50px + 1.8753em);
padding-top: -moz-calc(4.5em + 100px + 50px + 1.8753em);
padding-top: calc(4.5em + 100px + 50px + 1.8753em);
}
.btTourSingleItemStandard .btTourExcerpt {
padding: 0 2.1875em;
margin-bottom: 3.125em;
}
.btTourSingleItemStandard .btTourIncludes {
padding: 0 2.1875em;
margin-bottom: 3.75em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:last-child:after {
display: none;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeTitle {
-webkit-flex: 1 1 36%;
-ms-flex: 1 1 36%;
flex: 1 1 36%;
max-width: 36%;
font-family: var(--font-heading);
font-weight: 800;
letter-spacing: -.05em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalPrice,
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalInformation {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalPrice strong,
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalInformation strong {
font-weight: 600;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation {
-webkit-flex: 1 1 33.333333%;
-ms-flex: 1 1 33.333333%;
flex: 1 1 33.333333%;
max-width: 33.333333%;
padding: 0;
margin: 0 0 .5em;
line-height: 1.25em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation span {
padding: 0 1.2em;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rtl .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation span:before {
margin: 0 -1.2em 0 0;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation span strong {
margin: 0 .25em 0 0;
font-weight: 600;
}
.rtl .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation span strong {
margin: 0 0 0 .25em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent > .btTourSingleIncludeLink {
font-size: .875em;
font-family: var(--font-heading);
font-weight: 700;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent > .btTourSingleIncludeLink a {
color: #8dc645;
white-space: nowrap;
}
.rtl .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent > .btTourSingleIncludeLink a:after {
float: left;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent > .btTourSingleIncludeLink a:hover {
color: #1976bc;
}
.rtl .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent > .btTourSingleIncludeLink a:before {
float: right;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
font-size: .875em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul {
margin: 1em 0 0;
padding: 1em 0 0;
list-style: none;
border-top: 1px dotted;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul li {
margin: 0;
padding: 0 1.37142857em;
-webkit-flex: 1 1 33.333333%;
-ms-flex: 1 1 33.333333%;
flex: 1 1 33.333333%;
max-width: 33.333333%;
}
.rtl .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul li span:before {
margin: 0 -1.37142857em 0 0;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems,
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems li,
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems li {
-webkit-flex: 1 1 33.333333%;
-ms-flex: 1 1 33.333333%;
flex: 1 1 33.333333%;
max-width: 33.333333%;
padding: 0;
margin: 0 0 .5em;
line-height: 1.25em;
padding: 0 1.2em;
display: block;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems li span:before,
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems li span:before {
font-family: FontAwesome;
display: inline-block;
margin: 0 0 0 -1.2em;
width: 1.2em;
}
.rtl .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems li span:before,
.rtl .btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems li span:before {
margin: 0 -1.2em 0 0;
}
.btTourSingleItemStandard .btTourMainContent {
padding: 0 2.1875em;
}
.btTourSingleItemStandard .btTourMainContent .btTourLocationHeading > span,
.btTourSingleItemStandard .btTourMainContent .btTourLocationHeading .btDiscoverLocation {
display: block;
}
.btTourSingleItemStandard .btTourMainContent .btTourLocationHeading > span {
padding-right: 1em;
}
.rtl .btTourSingleItemStandard .btTourMainContent .btTourLocationHeading > span {
padding-right: 0;
padding-left: 1em;
}
.btTourSingleItemStandard .btTourMainContent .btTourLocationHeading:after {
display: none;
}
.btTourSingleItemStandard .btTourMainContent .btDiscoverLocation {
color: #8dc645;
font-weight: 700;
letter-spacing: 0;
font-size: .4666666em;
line-height: 3.5;
}
.rtl .btTourSingleItemStandard .btTourMainContent .btDiscoverLocation:after {
float: left;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.btTourSingleItemStandard .btTourMainContent .btDiscoverLocation:hover {
color: #1976bc;
}
.rtl .btTourSingleItemStandard .btTourMainContent .btDiscoverLocation {
float: left;
}
.btTourSingleItemStandard .btTourPlan {
position: relative;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging {
position: absolute;
left: 0;
top: .3em;
z-index: 1;
}
.rtl .btTourSingleItemStandard .btTourPlan .btTourPlanPaging {
left: auto;
right: 0;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging.btTourPlanPagingFixed {
position: fixed;
left: auto;
}
.rtl .btTourSingleItemStandard .btTourPlan .btTourPlanPaging.btTourPlanPagingFixed {
right: auto;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul {
list-style: none;
margin: 0;
padding: 0;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li {
height: 1.375em;
width: 1.375em;
margin: 0 0 4px;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
border-radius: 50%;
cursor: pointer;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li span {
display: none;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li.on,
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li:hover {
-webkit-box-shadow: 0 0 0 2em #1976bc inset;
box-shadow: 0 0 0 2em #1976bc inset;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanPaging ul li.on {
pointer-events: none;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay {
padding: 0 2.8125em;
position: relative;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay .btPlanDay {
position: absolute;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.btStickyEnabled .btTourSingleItemStandard .btTourPlan .btTourPlanDay .btPlanDay {
top: -50px;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay:last-child:after {
display: none;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay .btDayTitle {
text-transform: uppercase;
color: #1976bc;
}
.btTourSingleItemStandard .btTourLocationMap {
height: 700px;
background: #F1F1F1;
margin: 0 0 3em;
}
.btTourSingleItemStandard .btTourLocationMap .maparea {
height: 700px;
width: 100%;
}
.btTourSingleItemStandard .btTourLocationMap .maparea#tour_map_embed_routes {
overflow: hidden;
}
.btTourSingleItemStandard .btSiteAdminReview {
padding: 0 2.1875em;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btTotalGrade {
-webkit-flex: 0 0 170px;
-ms-flex: 0 0 170px;
flex: 0 0 170px;
max-width: 170px;
padding: 1em 0;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btTotalGrade .btGradeHolder .btGrade {
font-size: 3.75em;
font-family: var(--font-heading);
font-weight: 800;
font-weight: 700;
color: #fff;
line-height: 1.15;
text-shadow: 0 2px 5px rgba(24,24,24,.35);
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btTotalGrade .btGradeHolder .star-rating:before {
color: #fff;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btSingleGrades {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-left: 30px;
}
.rtl .btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btSingleGrades {
padding-left: 0;
padding-right: 30px;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-left: 30px;
}
.rtl .btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary {
padding-left: 0;
padding-right: 30px;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary .btSummaryTitle {
font-family: var(--font-heading);
font-weight: 600;
font-weight: 700;
letter-spacing: -.05em;
padding: .5em 0 0;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary .btSummaryContent {
line-height: 1.5;
}
.btTourSingleItemStandard .btComments .port {
padding: 0;
}
.btTourSingleItemStandard .btComments .show-more-comments {
text-align: center;
border-top: 1px solid;
padding-top: 2em;
margin-bottom: 5em;
}
.btCommentsExpanded .btTourSingleItemStandard .btComments .show-more-comments {
display: none;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments > li {
padding-left: 2.1875em;
padding-right: 2.1875em;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .comment {
line-height: 1.5;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentRatings .commentRatingOption {
font-size: .8125em;
line-height: 1;
white-space: nowrap;
margin-bottom: 1em;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentRatings .commentRatingOption > span {
opacity: .5;
padding-right: .5em;
}
.rtl .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentRatings .commentRatingOption > span {
padding-right: 0;
padding-left: .5em;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentOptions p {
font-size: .8125em;
margin: 0 0 1em;
line-height: 1;
white-space: nowrap;
}
.rtl .btTourSingleItemStandard .btComments .btCommentsBox ul.comments li > article .commentTxt .commentMeta .commentOptions p.posted span:before {
margin-right: 0;
margin-left: 6px;
}
.btTourSingleItemStandard .btComments .btCommentsBox .comment-respond {
margin-top: 2em;
}
.btTourSingleItemStandard .btComments .btCommentsBox .comment-respond .comment-form {
padding: 0 2.1875em 2.1875em;
}
.btTourSingleItemStandard .btArticleShareEtc {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 4em 2.1875em 0;
width: auto;
}
.btTourSingleItemStandard .btArticleShareEtc > div {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btTourSingleItemStandard .btArticleShareEtc .btTags ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btTourSingleItemStandard .btArticleShareEtc .btTags ul a:hover {
background: #1976bc;
color: #fff;
}
.btTourSingleItemStandard .btTourBookBottom {
text-align: center;
margin-bottom: 1.5625em;
}
.btTourSingleItemStandard .btTourBookBottom a:hover {
-webkit-box-shadow: 0 3px 10px rgba(24,24,24,.15);
box-shadow: 0 3px 10px rgba(24,24,24,.15);
}
.btHardRoundedButtons .btTourSingleItemStandard .btTourBookBottom a {
border-radius: 50px;
}
.btSoftRoundedButtons .btTourSingleItemStandard .btTourBookBottom a {
border-radius: 3px;
}
.btTourSingleItemStandard .btTourBookBottom a .btnInnerText {
position: relative;
z-index: 2;
}
.btTourSingleItemStandard .btTourBookBottom a:hover {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.btTourSingleItemStandard .btTourBookBottom a:hover:before {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.single-tour.btNoSidebar .btPrevNextNav > .port {
max-width: 100%;
padding: 0;
}
.single-tour.btNoSidebar .btPrevNextNav .btPrevNextNav {
border: 0;
margin-top: 0;
padding-top: 0;
}
.single-tour .btContentHolder {
pointer-events: none;
}
/* --- Responsive / media overrides for this section --- */
@media (max-width: 480px) {
.btTourSingleItemStandard .btSingleTourInfo {
background: -webkit-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: -moz-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: linear-gradient(135deg,#1976bc 0%,#8dc645 100%);
}
.btReverseGradient .btTourSingleItemStandard .btSingleTourInfo {
background: -webkit-linear-gradient(315deg,#8dc645 0%,#1976bc 100%);
background: -moz-linear-gradient(315deg,#8dc645 0%,#1976bc 100%);
background: linear-gradient(135deg,#8dc645 0%,#1976bc 100%);
}
.rtl .btTourSingleItemStandard .btSingleTourInfo {
background: -webkit-linear-gradient(315deg,#8dc645 0%,#1976bc 100%);
background: -moz-linear-gradient(315deg,#8dc645 0%,#1976bc 100%);
background: linear-gradient(135deg,#8dc645 0%,#1976bc 100%);
}
.btReverseGradient.rtl .btTourSingleItemStandard .btSingleTourInfo {
background: -webkit-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: -moz-linear-gradient(315deg,#1976bc 0%,#8dc645 100%);
background: linear-gradient(135deg,#1976bc 0%,#8dc645 100%);
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btSingleGrades,
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.rtl .btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btSingleGrades,
.rtl .btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary {
padding-left: 0;
padding-right: 0;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary {
margin-top: 1em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul li {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems li,
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems li {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
}
@media (max-width: 640px) {
#hwyc-cookie-consent {
left: 12px;
right: 12px;
bottom: 12px;
max-width: none;
}
}
@media (max-width: 768px) {
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon,
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDestination {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeTitle {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
margin-bottom: .5em;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btSingleGrades {
padding-left: 0;
padding-right: 15px;
}
.rtl .btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btSingleGrades {
padding-right: 0;
padding-left: 15px;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary {
padding-left: 15px;
}
.rtl .btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btReviewSummary {
padding-left: 0;
padding-right: 15px;
}
.btTourSingleItemStandard .btArticleShareEtc {
display: block;
}
.btTourSingleItemStandard .btArticleShareEtc > div.btReadMoreColumn,
.btTourSingleItemStandard .btArticleShareEtc > div.btShareColumn,
.btTourSingleItemStandard .btArticleShareEtc > div.btTagsColumn {
max-width: 100%;
float: none;
text-align: center !important;
}
.btTourSingleItemStandard .btArticleShareEtc > div.btReadMoreColumn:first-child,
.btTourSingleItemStandard .btArticleShareEtc > div.btShareColumn:first-child,
.btTourSingleItemStandard .btArticleShareEtc > div.btTagsColumn:first-child {
padding-bottom: 1em;
}
.btTourSingleItemStandard .btArticleShareEtc .btShareColumn .btShareTitle {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.btTourSingleItemStandard .btTourLocationMap {
height: 70vh;
}
.btTourSingleItemStandard .btTourLocationMap .maparea {
height: 70vh;
}
.btTourList.btList3PerRow .btSingleTourBlock,
.btTourList.btList4PerRow .btSingleTourBlock,
.btTourList.btList5PerRow .btSingleTourBlock {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.btTourList.btListDesignList .btSingleTourBlock {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourImage {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
}
.btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent {
padding: 1em 1.25em;
}
.btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent .btListDetails {
padding: 0;
}
.rtl .btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent .btListDetails {
padding: 0;
}
.btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent .btViewDetails {
display: none;
}
.btTourList.btListDesignList .btSingleTourBlock .btSingleTourBlockInner .btSingleTourContent .btSingleTourHeadline {
font-size: 1.25em;
}
}
@media (max-width: 992px) {
.btTourSingleItemStandard .btSingleTourInfo {
padding-bottom: 1.5em;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon,
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourIcon.btTourDestination {
-webkit-flex: 1 1 33.33333334%;
-ms-flex: 1 1 33.33333334%;
flex: 1 1 33.33333334%;
max-width: 33.33333334%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 1em;
}
.btTourSingleItemStandard .btSingleTourInfo .btSingleTourInfoInner .btTourBook {
-webkit-flex: 1 1 33.33333334%;
-ms-flex: 1 1 33.33333334%;
flex: 1 1 33.33333334%;
max-width: 33.33333334%;
margin-bottom: 1em;
}
.btBelowMenu.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle,
.btBelowMenu.btMenuBelowLogo.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle,
.btBelowMenu.btHeaderWidgetsLeftRightOn.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle,
.btBelowMenu.btMenuBelowLogo.btHeaderWidgetsLeftRightOn.btHideHeadline .btTourSingleItemStandard .btTourPromoTitle {
padding-top: 4.5em;
}
.btTourSingleItemStandard .btTourExcerpt {
padding-left: 0 !important;
padding-right: 0 !important;
}
.btTourSingleItemStandard .btTourIncludes {
padding-left: 0 !important;
padding-right: 0 !important;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentOtherTimes ul li {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btIncludedItems li,
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btExcludedItems li {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude .btTourSingleIncludeContent .btTourSingleIncludeContentAdditionalCustomInformation {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.btTourSingleItemStandard .btTourIncludes .btTourSingleInclude:after {
margin-left: 0 !important;
margin-right: 0 !important;
}
.btTourSingleItemStandard .btTourMainContent {
padding-left: 0 !important;
padding-right: 0 !important;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay {
padding: 0 0 0 2.8125em !important;
}
.btTourSingleItemStandard .btTourPlan .btTourPlanDay:after {
margin-right: 0 !important;
}
.btTourSingleItemStandard .btSiteAdminReview {
padding-left: 0 !important;
padding-right: 0 !important;
}
.btTourSingleItemStandard .btSiteAdminReview h3:after {
margin-left: 0 !important;
margin-right: 0 !important;
}
.btTourSingleItemStandard .btSiteAdminReview .btSiteAdminReviewGrades .btTotalGrade {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.btTourSingleItemStandard .btComments .btCommentsBox h4 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.btTourSingleItemStandard .btComments .btCommentsBox .comment-respond h3,
.btTourSingleItemStandard .btComments .btCommentsBox .comment-respond .comment-form {
padding-left: 0 !important;
padding-right: 0 !important;
}
.btTourSingleItemStandard .btComments .btCommentsBox ul.comments li {
padding-left: 0;
padding-right: 0;
}
.btTourSingleItemStandard .btArticleShareEtc {
margin-left: 0 !important;
margin-right: 0 !important;
}
.btTourSingleItemStandard .btArticleShareEtc .btShareTitle {
display: inline-block;
margin: 0;
padding: 0 1.25em !important;
}
.btTourList .btList4PerRow .btSingleTourBlock {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.btTourList .btList5PerRow .btSingleTourBlock {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
}
@media (max-width: 1200px) {
.btTourList .btList4PerRow .btSingleTourBlock {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.btTourList .btList5PerRow .btSingleTourBlock {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}