/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {box-sizing: border-box;}
/*--------------------------------------------------------------
# typography
--------------------------------------------------------------*/
html, body {
min-height: 100%;
overflow: auto;
}
body {
font-family: "Muli", Arial, Helvetica, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: 1.75;
background-color: #fff;
color: #121212;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
position: relative;
}
body.fixed{
overflow: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
max-width:100%;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
iframe,video {
max-width:100%;
height:auto;
}
img{
border: 0;
max-width:100%;
height:auto;
}
hr {
box-sizing: content-box;
height: 0;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
label,legend {
font-size: 14px;
font-weight: 700;
line-height: 28px;
display:block;
}
input[type="text"],input[type="password"],input[type="url"],input[type="email"],input[type="tel"],input[type="search"], textarea,select {
display:block;
padding: 18px 20px;
color: #121212;
font-size: 18px;
line-height: 24px;
font-weight: 400;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
border-radius: 4px;
background-color: #ffffff;
width: 100%;
border: 1px solid transparent;
font-family: "Muli", Arial, Helvetica, sans-serif;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #757575;
}
::-moz-placeholder { /* Firefox 19+ */
color: #757575;
}
:-ms-input-placeholder { /* IE 10+ */
color: #757575;
}
:-moz-placeholder { /* Firefox 18- */
color: #757575;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="url"]:focus,
input[type="email"]:focus,input[type="tel"]:focus,input[type="search"]:focus, textarea:focus,select:focus {
border: 1px solid #c7c7c7;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: none;
margin: 0 0 20px;
padding: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
resize:vertical;
max-width: 100%;
width: 100%;
max-height: 218px;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
width:100%;
}
td,
th {
padding: 0;
}
strong,b {font-weight:700;}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: 700;
line-height: 1.33;
margin-bottom: 15px;
color: #121212;
font-family: "Muli", Arial, Helvetica, sans-serif;
}
h1,.h1 {
font-size: 100px;
}
h2,.h2 {
font-size: 40px;
line-height: 1.25;
}
h3,.h3 {
font-size: 30px;
line-height: 1.33;
}
h4,.h4 {
font-size: 24px;
}
h5,.h5 {
font-size: 20px;
}
h6,.h6 {
font-size: 18px;
line-height: 1.56;
}
p {
line-height: 1.75;
color: #121212;
font-size: 16px;
font-weight: 400;
margin-bottom: 24px;
font-family: "Muli", Arial, Helvetica, sans-serif;
}
ul {
margin-bottom: 20px;
padding-left: 1em;
list-style:square;
}
li {
line-height: 1.75;
color: #121212;
font-size: 16px;
font-weight: 400;
}
a {
color: #121212;
text-decoration:none;
}
a:hover {
color: #35666f;
text-decoration:underline;
}
address {
font-size: 16px;
font-weight: 400;
line-height: 30px;
display:block;
font-style:normal;
font-family: "Muli", Arial, Helvetica, sans-serif;
}
em,i {font-style:italic;}
strong,b {font-weight:700;}
blockquote {
padding: 30px 0 36px 44px;
border-left: 7px solid #d9e3e3;
margin: 56px 0 56px 30px;
}
blockquote p {
font-size: 20px;
font-weight: 700;
line-height: 1.75;
margin: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 0.313rem;
line-height: normal;
padding: 0.938rem 1.438rem 0.875rem;
text-decoration: none;
top: 0.313rem;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
*:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone {
margin: 0 0 30px;
}
.wp-caption.alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 20px;
background-color: #f6f6f6;
padding: 20px;
}
.widget select {
max-width: 100%;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget li {
position: relative;
padding-left: 24px;
margin-bottom: 5px;
}
.widget li:before {
font-family: 'Font Awesome 5 Pro';
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
content: "\f105";
position: absolute;
top: 12px;
left: 0px;
color: #5e9cae;
}
.widget li a {
color: #5e9cae;
font-size: 14px;
line-height: 23.8px;
}
.widget .recentcomments,.widget_archive li,.widget_categories li,.widget_layered_nav li,.widget_links li,.widget_meta li,.widget_nav_menu li,.widget_pages li, .widget_product_categories li, .widget_recent_entries li {
display: block;
padding: 10px 10px 10px 12px;
border-bottom: 1px solid #e7e6e6;
color: #333;
position: relative;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-body .pull-left {
padding-right: 0.625rem;
float: left;
}
.comment-list .comment {
display: block;
}
.comment-list {
padding-left: 0;
}
.comment-content {
clear: both;
margin-top: 10px;
}
.comments-title {
font-size: 1.125rem;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback:first-child {
border: medium none;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
border-bottom: 1px solid #ddd;
max-width: 100%;
text-align: left;
margin-bottom: 25px;
}
.wp-caption img {
display: block;
width: 100%;
}
.wp-caption .wp-caption-text {
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
color: #121212;
font-size: 14px;
font-weight: 600;
display: block;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin: 0 -15px 0px !important;
display: flex;
flex-wrap: wrap;
}
.gallery .gallery-item {
display: block;
text-align: left;
vertical-align: top;
width: 100%;
border-bottom: 1px solid #ddd;
float: none !important;
margin-top: 0 !important;
text-align: left;
padding: 0 15px 25px;
margin-bottom: 25px;
}
.gallery-item .gallery-columns-2 {
max-width: 50%;
}
.gallery .gallery-item img {
border: none !important;
width: 100%;
}
.gallery-item .gallery-columns-3 {
max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
max-width: 25%;
}
.gallery-item .gallery-columns-5 {
max-width: 20%;
}
.gallery-item .gallery-columns-6 {
max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
max-width: 11.11111%;
}
.gallery-caption {
display: block;
}
/*===============================
Icons
================================*/
@font-face {
font-family: 'icomoon';
src: url('../icons/icomoon.eot?jn9iha');
src: url('../icons/icomoon.eot?jn9iha#iefix') format('embedded-opentype'),
url('../icons/icomoon.ttf?jn9iha') format('truetype'),
url('../icons/icomoon.woff?jn9iha') format('woff'),
url('../icons/icomoon.svg?jn9iha#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"],.fa {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-printer:before {
content: "\e909";
}
.icon-Path_306:before {
content: "\e908";
}
.icon-Menu:before {
content: "\e900";
}
.icon-close:before {
content: "\e901";
}
.icon-exclamation-tringle:before {
content: "\e902";
}
.icon-eye:before {
content: "\e903";
}
.icon-exclamation-circle:before {
content: "\e904";
}
.icon-facebook-messenger:before {
content: "\e905";
}
.icon-clock:before {
content: "\e906";
}
.icon-share_1:before {
content: "\e907";
}
.icon-arrow-right:before {
content: "\e90a";
}
.icon-dropdown:before {
content: "\e90b";
}
.icon-ice:before {
content: "\e90c";
}
.icon-hook:before {
content: "\e90d";
}
.icon-arrow-left:before {
content: "\e90e";
}
.icon-upload:before {
content: "\e90f";
}
.icon-Zoeken:before {
content: "\e910";
}
.icon-calendar:before {
content: "\e911";
}
.icon-star:before,.fa-star:before {
content: "\e913";
}
.icon-check:before {
content: "\e914";
}
.icon-water:before {
content: "\e915";
}
.icon-fish:before {
content: "\e916";
}
.icon-dog:before {
content: "\e917";
}
.icon-people:before {
content: "\e918";
}
.icon-message:before {
content: "\e919";
}
.icon-email:before {
content: "\e91a";
}
.icon-phone:before {
content: "\e91b";
}
.icon-plus:before {
content: "\ea0a";
}
.icon-minus:before {
content: "\ea0b";
}
.icon-cross:before {
content: "\ea0f";
}
.icon-play2:before {
content: "\ea15";
}
.icon-play3:before {
content: "\ea1c";
}
.icon-facebook:before {
content: "\ea90";
}
.icon-facebook2:before {
content: "\ea91";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-whatsapp:before {
content: "\ea93";
}
.icon-twitter:before {
content: "\ea96";
}
.icon-youtube:before {
content: "\ea9d";
}
.icon-linkedin2:before {
content: "\eaca";
}
.icon-location:before {
content: "\e947";
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],.button {
-webkit-appearance: none;
cursor: pointer;
border-radius:0;
position: relative;
display: inline-block;
padding: 12px 20px;
line-height: 24px;
font-size: 16px;
text-align: center;
font-weight: 700;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 4px;
background-color: #ff7900;
border: 1px solid transparent;
color:#000;
transition: all .2s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,.button:hover {
background-color: transparent;
color: #ff7900;
border: 1px solid #ff7900;
text-decoration: none;
}
.booking-wrap .submit-btn-wrap .button:hover{
background-color: #f7f2ea;
color: rgba(255, 121, 0, 1);
border: 1px solid rgba(255, 121, 0, 1);
text-decoration: none;
}
.btn-unfill {
background-color: transparent;
color: #35666f;
border: 1px solid #35666f;
}
.btn-unfill:hover {
background-color: #35666f;
border: 1px solid transparent;
color:#fff;
text-decoration: none;
}
.button-b {
font-size: 18px;
line-height: 32px;
}
.button-white {
background-color: #fff;
border-radius: 4px;
color: #121212;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.container {
margin: 0 auto;
padding:0 15px;
width:100%;
max-width:1215px;
}
.container-fluid {
width: 100%;
padding: 0 80px;
}
.d-flex {
display:flex;
}
.d-inline-flex {
display: inline-flex;
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px
}
.row>div {
padding-left: 15px;
padding-right: 15px
}
.col1 {
width: 8.33%
}
.col2 {
width: 16.66%
}
.col3 {
width: 25%
}
.col4 {
width: 33.33%
}
.col5 {
width: 41.66%
}
.col6 {
width: 50%
}
.col7 {
width: 58.34%
}
.col8 {
width: 66.66%
}
.col9 {
width: 75%
}
.col10 {
width: 83.33%
}
.col11 {
width: 91.66%
}
.col12 {
padding: 0 15px;
width: 100%
}
.col-100 {
width: 100%;
display: block;
}
.align-center {
align-items: center
}
.align-tp {
align-items: flex-start
}
.align-btm {
align-items: flex-end
}
.justify-between {
justify-content:space-between;
}
.justify-center {
justify-content:center;
}
.justify-end {
justify-content:flex-end;
}
.row-reverse {
flex-direction:row-reverse;
}
.mar1 {
margin: 0 6.33%
}
.mar2 {
margin: 0 16.66%
}
.text-center {
text-align:center;
}
.text-right {
text-align:right;
}
.no-padding {
margin:0;
}
.no-padding> div {
padding:0;
}
.hidden-body {
overflow: hidden;
}
.container-left {
margin-left: auto;
padding-left: 15px;
}
.d-none {
display: none;
}
/* The container */
.input-check {
display: flex;
position: relative;
padding-left: 45px;
margin-bottom: 12px;
cursor: pointer;
color: #121212;
font-size: 16px;
font-weight: 400;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
align-items: center;
}
.input-check input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #ccc5b9
}
.input-check:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.input-check input:checked ~ .checkmark {
background-color: #698f96;
border-color:#698f96;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.input-check input:checked ~ .checkmark:after {
display: block;
}
.input-check .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.visvakantie-menu {
padding: 0;
margin:0;
list-style:none;
display:flex;
justify-content:space-between;
align-items:center;
position: relative;
}
.vakanties-column {
width: 24%;
display: inline-block;
vertical-align: top;
padding: 0 15px;
box-sizing: border-box;
list-style:none;
}
.vakanties-column ul li {
line-height:1.2;
list-style:none;
width: 100% !important;
}
.visvakantie-menu li {
list-style: none;
}
.toggle-submenu,
.toggle-menu {
font-size: 18px;
font-weight: 700;
line-height: 1.25;
padding: 10px;
transition:.3s all;
display:inline-block;
padding:10px 20px;
text-decoration:none;
}
.toggle-submenu:hover,
.toggle-menu:hover {
background-color: #5e9cae;
border-radius: 4px;
color:white;
}
.toggle-submenu::after {
content: "\25BC";
margin-left:15px;
float:right;
font-size: 14px;
}
.country a {
font-weight: 700;
}
.country a::after {
content: "\003E";
margin-left:10px;
font-size: 10px;
}
.dropdown-visvakanties,
.dropdown-landen
{
position: absolute;
top: 100%;
padding: 0;
margin: 0;
box-shadow: 0 10px 40px rgb(0 0 0 / 25%);
border-radius: 4px;
background-color: #ffffff;
display: flex;
flex-wrap: wrap;
display: none;
padding: 30px 40px;
}
.light-header .visvakantie-menu > a
{
color: #fff;
}
.visvakantie-menu:hover .dropdown-visvakanties,
.visvakantie-menu:hover .dropdown-landen {
display: block;
background-color: #ffffff;
}
@media (min-width: 1200px) {
.vakanties-column {
width: 24%;
}
.dropdown-landen {
right: -40% !important;
min-width: 500px !important;
}
.dropdown-visvakanties {
right: -340px !important;
min-width: 1200px !important;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.vakanties-column {
width: 50%;
}
}
@media (max-width: 767px) {
.vakanties-column {
width: 100% !important;
}
.visvakantie-menu:hover .dropdown-landen,
.visvakantie-menu:hover .dropdown-visvakanties {
position:relative;
top:0px;
left:0px;
padding:10px;
z-index:99998;
}
.visvakantie-menu {
padding: 0;
margin:0;
display: block;
}
.country {
line-height: 0.75;
width: 100%;
}
.country a::after {
content: "\003E";
float:right;
}
}
header#masthead {
width:100%;
position:relative;
z-index:999;
background: #fff;
}
header#masthead.abs-header {
position: absolute;
}
header#masthead.light-header {
background: none;
}
header#masthead.abs-header.active{
padding-top: 6px;
}
.top-header {
border-bottom: 1px solid #dddddd;
padding:15px 0;
}
.top-header .right-header {float:right;display:flex;align-items: center;}
.top-header .right-header ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.top-header .right-header ul.social-icons {
margin-left: 16px;
padding-left: 32px;
border-left: 1px solid #dddddd;
}
ul.social-icons li {
display:inline-block;
padding:0 7px;
}
ul.social-icons li a {
font-size: 18px;
}
ul.social-icons li a:hover {
opacity:.8;
text-decoration: none;
}
.top-menu a {
font-size: 15px;
display: block;
margin: 0 20px;
}
.light-header .top-menu a,
.light-header ul.social-icons li a {
color: #fff;
}
.primary-header {
position:relative;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.light-header .primary-header {
box-shadow: none;
}
.primary-header.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.primary-header .nav-brand {
float:left;
max-width:20%;
padding:27px 0 15px;
}
#headerlogo img {
width:260px !important;
height:34px;
}
.primary-header .header-nav {
float:right;
max-width:79%;
position: relative;
}
ul.header-menu {
padding: 0;
margin:0;
list-style:none;
display:flex;
justify-content:space-between;
align-items:center;
position: relative;
margin-right: 10px;
}
.header-menu > li.menu-item {
padding:26px 18px;
display: flex;
align-items: center;
}
.header-menu > li.menu-item > a {
display:block;
color: #121212;
font-size: 18px;
font-weight: 700;
line-height: 1.25;
padding: 10px;
transition:.3s all;
}
.header-menu > li.menu-item span.arrow {
font-size: 10px;
color: #121212;
display: inline-block;
margin-left: 10px;
margin-top: 4px;
}
.light-header .header-menu > li.menu-item > a,
.light-header .header-menu > li.menu-item span.arrow {
color: #fff;
}
.header-menu > li.menu-item:hover span.arrow {
color: #5e9cae;
text-decoration: none;
}
.sub-menu {
position: absolute;
right: -40%;
top: 100%;
list-style: none;
padding: 0;
margin: 0;
min-width: 1180px;
box-shadow: 0 10px 40px rgb(0 0 0 / 25%);
border-radius: 4px;
background-color: #ffffff;
display: flex;
flex-wrap: wrap;
display: none;
padding: 30px 40px;
}
/*.col-1 .sub-menu {
min-width: 200px;
}*/
.col-2 .sub-menu li {
width: 50%;
}
.col-3 .sub-menu li {
width: 33.3%;
}
/*.header-menu > li.menu-item.col-1 {
position: relative;
}*/
.header-menu > li.menu-item.col-1:hover .sub-menu{
display: flex;
}
@media (min-width:1200px) {
/*li.menu-item:hover > .sub-menu {
display:flex;
}*/
.open-menu:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.34);
z-index: 99;
}
.open-menu header#masthead {
background: #fff;
}
.open-menu .primary-header {
width: 100%;
box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
}
.primary-header nav.header-nav {
display: flex !important;
align-items: center;
}
.header-menu > li.menu-item > a {
position: relative;
}
.header-menu > li.menu-item:hover > a{
color: #fff;
text-decoration: none;
}
.header-menu > li.menu-item:hover > a:after,
.header-menu > li.menu-item.menu-item-has-children > a.active:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #5e9cae;
z-index: -1;
height: 100%;
border-radius: 4px;
}
.header-menu > li.menu-item.menu-item-has-children > a.active {
color: #fff;
}
.header-menu > li.menu-item a.active ~ span.arrow {
color: #fff;
}
.header-menu > li.menu-item.menu-item-has-children:hover > a:after,
.header-menu > li.menu-item.menu-item-has-children > a.active:after {
width: calc(100% + 30px);
}
.header-menu > li.menu-item:hover span.arrow {
color: #fff;
}
}
.sub-menu li {
display:block;
position:relative;
padding: 0 10px;
white-space: nowrap;
width: 33.33%;
}
.sub-menu a {
display:flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
margin: 10px 0;
transition:.3s all;
}
.sub-menu a:after {
font-size: 10px;
display: inline-block;
margin-left: 10px;
margin-top: 4px;
transform: rotate(-90deg);
font-family: 'icomoon' !important;
content: "\e90b";
}
.sub-menu a:hover {
color: #698f96;
text-decoration: none;
}
.search-box {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
border-radius: 4px;
border: 1px solid #dddddd;
background-color: #ffffff;
width: 299px;
margin-left: 15px;
}
.search-form {
margin: 0;
padding: 0;
border-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
width: 100%;
position: relative;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #757575;
}
::-moz-placeholder { /* Firefox 19+ */
color: #757575;
}
:-ms-input-placeholder { /* IE 10+ */
color: #757575;
}
:-moz-placeholder { /* Firefox 18- */
color: #757575;
}
.search-form input {
color: #757575;
font-size: 16px;
font-weight: 400;
padding: 0 15px;
line-height:50px;
margin:0;
width:100%;
border-radius: 4px;
border: 1px solid transparent;
background-color: #ffffff;
padding-left: 50px;
}
.search-form .submit {
width:40px;
height: 50px;
display: -ms-flexbox;
border: none;
display: flex;
-ms-flex-align: center;
align-items: center;
justify-content:center;
padding:0;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
box-shadow: none;
color: #121212;
}
.toggle-mnu {
width: 28px;
height: 22px;
margin-left: 20px;
position:relative;
z-index:3;
}
.toggle-mnu.on {
top: 6px;
z-index:99;
}
.toggle-mnu span:after, .toggle-mnu span:before {
content: "";
position: absolute;
left: 0;
top: 9px;
}
.toggle-mnu span:after {
top: 18px;
}
.toggle-mnu span {
position: relative;
display: block;
}
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
width: 100%;
height: 1px;
background-color: #121212;
transition: all 0.3s;
backface-visibility: hidden;
border-radius: 2px;
}
.light-header .toggle-mnu span,.light-header .toggle-mnu span:after,.light-header .toggle-mnu span:before {
background-color: #fff;
}
.toggle-mnu.on span.middle-half,
.toggle-mnu.on span.middle-half:after,
.toggle-mnu.on span.middle-half:before {
display: none;
}
.toggle-mnu.on span {
background-color: transparent;
}
.toggle-mnu.on span:before {
transform: rotate(45deg) translate(-1px, 0px);
}
.toggle-mnu.on span:after {
transform: rotate(-45deg) translate(6px, -7px);
}
.mobile-toggle {
display: none;
}
.light-header .toggle-mnu span:last-child:before,
.light-header .toggle-mnu span:before,
.light-header .toggle-mnu span:first-child:before {
width: 20px;
}
.menu-lang {
position: relative;
display: flex;
align-items: center;
margin-left: 15px;
padding:10px 15px;
width: 90px;
height: 50px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.lang-toggle, .menu-lang ul li a {
align-items: center;
display: flex;
white-space: nowrap;
}
.lang-toggle:hover {
text-decoration: none;
}
.lang-toggle:after {
content: "\e90b";
font-family: 'icomoon';
font-size: 10px;
display: inline-block;
margin-left: 5px;
}
.menu-lang img {
height: 12px;
width: 18px;
border-radius: 10px;
margin-right: 8px;
}
.menu-lang span {
color: #121212;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.menu-lang ul {
list-style:none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top:100%;
min-width: 100%;
text-align: center;
display: none;
z-index:9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
border-radius: 0 0 4px 4px;
background-color: #ffffff;
border: 1px solid #dddddd;
width: 38px;
padding: 10px;
}
.menu-lang ul li {
padding:4px 0;
}
.menu-lang i {margin-left:4px;}
@media (max-width: 1599px) {
.search-box {
width: 200px;
}
.header-menu > li.menu-item > a {
font-size: 16px;
}
.header-menu > li.menu-item {
padding: 28px 15px;
}
.container-fluid {
width: 100%;
padding: 0 30px;
}
}
@media (max-width:1439px) {
.sub-menu {
right: -20px
}
ul.header-menu{
position: initial ;
}
}
@media (max-width:1199px) {
.mobile-toggle {
display: flex;
width: 50%;
justify-content: flex-end;
align-items: center;
float: right;
padding: 15px 0;
}
.mobile-toggle .button{
padding: 10px 18px;
line-height: 22px;
}
.primary-header .nav-brand {
max-width: 50%;
padding: 22px 0 10px;
}
.primary-header .header-nav {
display: none;
}
ul.header-menu {
flex-direction: column;
margin-bottom: 20px;
order: 2;
position: static;
}
.header-menu > li.menu-item {
padding: 3px 18px;
width: 100%;
}
.header-menu > li.menu-item > a,
.light-header .header-menu > li.menu-item > a {
color: #000000;
font-size: 20px;
font-weight: 700;
font-family: 'Muli';
}
.light-header .header-menu > li.menu-item span.arrow {
color: #000;
}
.header-menu > li.menu-item span.arrow {
font-size: 17px;
position: absolute;
right: 15px;
top: 14px;
}
.header-menu > li.menu-item span.arrow.icon-dropdown:before {
content: "\ea1c";
}
.mobile-top-menu,.menu-lang-wrapper .social-icons {
list-style: none;
margin: 0;
padding: 0;
}
.mobile-top-menu {
order: 3;
}
.mobile-top-menu a{
color: #121212;
font-size: 16px;
font-weight: 400;
display: block;
padding: 5px 30px;
}
.header-nav .search-box {
width: calc(100% - 40px);
margin: 15px 20px;
order: 1;
}
.menu-lang-wrapper {
display: flex;
justify-content: space-between;
order: 4;
padding: 40px 30px 30px;
}
.menu-lang-wrapper ul.social-icons li a {
font-size: 22px;
}
.header-menu > li.menu-item {
justify-content: space-between;
display: block;
}
.primary-header .header-nav {
float: none;
max-width: 100%;
position: absolute;
top: 100%;
background: #fff;
left: 0;
width: 100%;
z-index: 9;
display: none;
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);
}
.header-nav.show {
display: flex;
flex-direction: column;
height: 100vh;
}
.header-menu > li.menu-item:hover > a {
background: none;
color: #000;
}
.col-3 .sub-menu li,.col-2 .sub-menu li {
width: 100%;
}
.sub-menu {
position: relative;
left: 0;
height: 100%;
top: 0px;
min-width: 100%;
padding: 3px 28px 30px;
z-index: 1;
box-shadow: none;
}
.header-menu > li.menu-item.col-1:hover .sub-menu {
display: none;
}
.back-menu a {
font-size: 20px;
flex-direction: row-reverse;
justify-content: flex-end;
}
.back-menu a:hover {
text-decoration: none;
}
.back-menu a:after {
content: "\e90e";
margin-right: 20px;
font-size: 16px;
margin-left: 0;
margin-top: 0;
transform: rotate(0);
}
}
@media (max-width: 991px) {
.light-header .top-menu a, .light-header ul.social-icons li a {
color: #000;
}
.col-3 .sub-menu li,.col-2 .sub-menu li {
width: 100%;
}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer{
padding: 0 0 128px 0;
position: relative;
}
.main-footer:before {
content: "";
margin: 0 auto;
height: 1px;
display: block;
width: 1215px;
max-width: 100%;
background-color: #dddddd;
margin-bottom: 118px;
}
.main-footer .h5,.main-footer .logo {
margin-bottom: 18px;
display: block;
}
.main-footer a,.footer-ad1 {
font-size: 18px;
}
.main-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-footer .social-icons {
margin-top: 42px;
}
.main-footer .social-icons a {
width: 50px;
height: 50px;
border-radius: 100px;
background-color: #698f96;
color: #fff;
margin: 0px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.contact-details a {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
border-radius: 4px;
border: 1px solid #dddddd;
background-color: #ffffff;
margin-bottom: 15px;
text-decoration: none;
display: block;
padding: 10px 54px 10px 28px;
position: relative;
}
.contact-details a b {
display: block;
font-size: 16px;
font-weight: 700;
}
.contact-details a span.icon {
position: absolute;
top: 24px;
right: 24px;
}
.copy-right {
padding: 24px 0;
background-color: #fee6c5;
}
.copy-right .container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
justify-content:space-between;
}
.copy-right ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.copy-right ul.footer-menu a,.copy-right span {
font-size: 15px;
}
.copy-right ul.footer-menu a {
margin-left: 20px;
}
.vacations-destinations {
padding: 102px 0 58px;
position: relative;
}
.vacations-destinations .container {
position: relative;
z-index: 1;
}
.vacations-destinations:after {
content: "";
right: 0;
bottom: 50px;
position: absolute;
height: 272px;
width: 506px;
max-width: 25%;
background: url(../images/snoek.svg) no-repeat bottom right / 100% auto;
}
.vacations-destinations ul {
list-style: none;
padding: 0;
margin: 0 -10px 36px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.vacations-destinations ul li {
width: 33.3%;
padding: 5px 10px;
}
.vacations-destinations a:hover {
color: #698f96;
text-decoration: underline;
}
.form-grp {
margin-bottom: 20px;
}
.form-grp input,.form-grp select,.form-grp textarea {
width: 100%;
margin: 8px 0 0;
}
.form-grp input.wpcf7-not-valid,
.form-grp select.wpcf7-not-valid,
.form-grp textarea.wpcf7-not-valid {
border: 1px solid #cc3030;
}
.form-grp input[type="submit"] {
margin-top: 25px;
width: auto;
min-width: 240px;
}
.form-grp label.fn-16 {
font-size: 16px;
}
.newsletter-footer {
background-color: #f7f2ea;
padding: 50px 0 62px;
position: relative;
}
.newsletter-footer .h3,
.vacation-data.style2 .top-sec .h2{
font-family: 'Muli-extra-bold';
}
.bg-newsletter {
position: absolute;
left: 0;
top: 0;
width: 55%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.newsletter-form-wrap {
padding: 10px 0 10px;
}
.newsletter-form-wrap .form-grp input[type="submit"] {
font-size: 18px;
line-height: 1.7;
width: 100%;
}
.codedropz-upload-inner:before {
content: "";
display: block;
margin: 0 auto 40px;
width: 68px;
height: 68px;
border-radius: 1000px;
background: #e5f4f2 url(../images/upload.png) no-repeat center / 24px;
}
.dnd-upload-counter {
display: none;
}
.codedropz-upload-inner h5 {
font-size: 16px;
font-weight: 600;
}
.codedropz-upload-container {
padding: 48px 20px;
}
.fancybox-active{
height: 100% !important;
}
/*--------------------------------------------------------------
# content
--------------------------------------------------------------*/
.home-hero {
padding: 250px 0 225px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.home-hero:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(18,18,18,.25);
}
.home-hero .container {
position: relative;
z-index: 1;
}
.home-hero h1 {
color: #ffffff;
font-size: 100px;
line-height: 100px;
margin-bottom: 40px;
letter-spacing: 1px;
width:100%;
text-align:center;
}
.home-hero p {
font-size: 26px;
color: #fff;
line-height: 1.46;
}
.home-hero .col9 {
width:100%;
}
.booking-wrap {
border-radius: 4px;
background-color: rgba(0,0,0,.4);
padding: 20px 16px;
margin: 40px 0;
z-index: 9;
position: relative;
}
.booking-wrap form {
display: flex;
}
.booking-wrap form > div {
margin: 0 7px;
position: relative;
}
.booking-wrap form > div.vtype {
width: 34.25%;
}
.booking-wrap form > div.country-wrap {
width: 20.85%;
}
.booking-wrap form > div.datep {
width: 26%;
}
.submit-btn-wrap {
width: 14%;
}
.submit-btn-wrap .button {
width: 100%;
height: 100%;
font-size: 18px;
}
.search-fld {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
border-radius: 4px;
background-color: #ffffff;
position: relative;
padding: 12px 28px;
height: 100%;
}
.search-fld.active {
background-color: #698f96;
}
.property-type-options {
position: absolute;
left: 0;
top: 108%;
padding: 20px 0px 15px;
background: #fff;
width: 100%;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
border-radius: 4px;
background-color: #ffffff;
z-index: 9;
display: none;
}
.search-label {
display: block;
color: #757575;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.search-val {
font-size: 18px;
font-weight: 700;
display: block;
}
.search-fld.active .search-label,
.search-fld.active .search-val {
color: #fff;
}
.search-fld .icon-dropdown {
position: absolute;
right: 27px;
font-size: 12px;
top: 50%;
transform: translateY(-50%);
}
.search-fld.active .icon-dropdown {
color: #fff;
}
.search-fld.active .fa-sort-down:before {
content: "\f0de";
}
.property-type-options ul {
list-style: none;
margin: 0;
padding: 0;
}
.property-type-options ul li {
padding: 0 20px;
position: relative;
cursor: pointer;
}
.property-type-options ul li:hover {
background-color: rgba(105, 143, 150, 0.3);
color: #000000;
}
.property-type-options ul li input {
visibility: hidden;
position: absolute;
}
#daterange {
box-shadow: none;
font-size: 18px;
font-weight: 700;
background: none;
display: block;
position: absolute;
right: 0;
width: 100%;
padding: 12px 28px;
bottom: 0;
}
#daterange:focus {
border: none;
}
.active #daterange {
color: #fff;
}
.daterangepicker.opensright:before {
display: none;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
padding: 0;
}
@media (max-width: 1400px) {
.home-hero h1 {
color: #ffffff;
font-size: 70px;
line-height: 74px;
margin-bottom: 26px;
}
.home-hero p {
font-size: 22px;
}
}
.countries-wrap {
margin-bottom: 100px;
margin-top: -192px;
position: relative;
}
.countries-wrap .h3 {
color: #fff;
margin-bottom: 40px;
}
.countries-slider .slick-next {
right: 80px;
}
.countries-slider .slick-list{padding:0 12% 0 0 !important;}
.country-slide {
padding: 0 10px;
}
.country-slide a {
display: block;
background-size: cover;
background-position: center;
position: relative;
padding: 20px;
height: 100%:;
display: flex;
align-items: flex-end;
height: 220px;
/*max-width: 320px;*/
border-radius: 4px;
overflow: hidden;
}
.country-slide a:hover {
text-decoration: none;
}
.country-slide a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70%;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.8;
}
.country-slide a:hover:before {
height: 100%;
}
.p-relative {
position: relative;
z-index: 1;
}
.country-slide .no-post-label {
border-radius: 4px;
background-color:rgb(18 18 18 / 40%);
color: #ffffff;
font-size: 14px;
font-weight: 600;
display: inline-block;
position: absolute;
right: 20px;
top: 20px;
padding: 8px;
}
.country-slide a > div > span {
color: #ffffff;
font-size: 16px;
font-weight: 600;
}
.country-slide a .country {
display: flex;
justify-content: flex-start;
align-items: center;
}
.country-slide a .country img {
width: 28px;
height: 28px;
border-radius: 50%;
margin-right: 24px;
}
.country-slide a .country span {
color: #ffffff;
font-size: 24px;
font-weight: 700;
}
.visvakanties-wrap .col3 {
margin-top: 45px;
padding-right: 56px;
}
.visvakanties-wrap .col3 h2,
.advice-block h2,
.home-videos-wrap h2,
.big-post-bg .h3,
.vacations-destinations h5,
.main-footer h6.h5,
.vacations-list .tp span b,
.vacations-list.style2 .uht-slider .PriceTablePrice,
.load-btn-wrap .button,
.advice-block1 .h3,
.advice-block .contact-details a b,
.vaction-text .h2,
.show-all-img span,
#about-vacation .col8 .h3,
.PriceTablePrice,
.reviews-list .button,
.related-vacation .h3,
.related-vacation .PriceTablePrice,
.vacation-post .button,
.related-vacation .button.btn-unfill,
.btm-filter button ,
.vac-summery .button,
.back-button,
.review-form .h3,
.form-grp input[type="submit"],
#author-blogs .h3{
font-family: 'Muli-extra-bold';
}
.visvakanties-wrap .col3 .button {
margin-top: 35px;
}
.visvakanties-slide {
padding: 0 10px 15px;
}
.visvakanties-slide a {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
background-color: #ffffff;
height: 100%;
display: block;
}
.visvakanties-slide figure {
max-height: 248px;
overflow: hidden;
}
.visvakanties-slide a:hover {
text-decoration: none;
box-shadow: 0 3px 6px rgb(0 0 0 / 18%);
}
.visvakanties-slide .h5 {
margin-bottom: 8px;
}
.visvakanties-slide p {
margin-bottom: 35px;
}
.visvakanties-slide a >div {
padding: 30px 24px 20px;
}
.visvakanties-slider .slick-list {
padding: 0 24% 0 0 !important;
}
.visvakanties-slider .vcount em {
display: inline-block;
font-style: none;
border-radius: 4px;
background-color: #e5f4f2;
padding: 4px 8px;
color: #35666f;
font-size: 14px;
font-weight: 600;
margin-right: 5px;
}
.visvakanties-slider .slick-next {
right: 60px;
}
.single-post-page {
padding: 66px 0;
}
.related-posts .h5 {
margin-bottom: 30px;
}
.related-ul {
list-style: none;
margin: 0;
padding: 0;
}
.related-ul.row {
margin: 0 -15px;
}
.related-ul div.blg-wr {
display: flex;
margin-top: 33px;
padding-bottom: 40px;
border-bottom: 1px solid #ddd;
}
.home-blogs-wrap .related-ul div.blg-wr:last-child{
border: none;
padding-bottom: 0;
}
.related-ul figure {
margin-right: 25px;
width: 100px;
}
.related-ul figure img {
display: block;
width: 100%;
border-radius: 4px;
overflow: hidden;
}
.re-entry {
width: calc(100% - 125px);
}
.related-ul .entry-cat {
background-color: #e5f4f2;
box-shadow: none;
font-size: 14px;
margin-bottom: 10px;
line-height: 18px;
display: inline-block;
font-weight: 600;
}
.related-ul p {
margin-bottom: 17px;
line-height: 1.5;
}
.related-ul .entry-date {
font-size: 14px;
line-height: 1.5;
display: block;
}
.author-blog.style2 .related-ul .entry-date {
color: #757575;
font-size: 14px;
font-weight: 600;
}
.author-blog.style2 .related-ul h4{
min-height: 53px;
}
.author-blog.style2 .related-small .re-entry{
padding-right: 50px;
}
.author-blog.style2 .row .col6:nth-last-of-type(-n+2) .blg-wr{
border: none;
}
.related-ul.related-big div.blg-wr {
flex-wrap: wrap;
}
.related-ul.related-big figure {
margin-right: 0;
width: 100%;
margin-bottom: 20px;
}
.related-ulfigure img {
display: block;
width: 100%;
}
.related-big .re-entry {
width: 100%;
}
.related-ul.related-small figure {
margin-right: 25px;
width: 140px;
}
.related-small .re-entry {
width: calc(100% - 165px);
}
.related-blogs {
padding: 51px 0px 90px;
}
.related-blogs .related-ul div.blg-wr:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.related-blogs .col6 {
width: 49%;
}
.single-banner {
background-color: #fee6c5;
padding: 50px 0;
position: relative;
}
.single-banner.team-header {
padding: 50px 0 30px;
}
.single-banner .col5 img {
display: block;
width: 100%;
}
.single-banner.team-header .back-button{
font-weight: 700;
}
.entry-thumb {
position: absolute;
right: 0;
height: 100%;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.single-banner .row > .col6.post-entries {
padding-right: 40px;
}
.single-banner span {
font-size: 14px;
font-weight: 600;
vertical-align: middle;
}
.single-banner span.icon-eye,
.single-banner span.icon-share_1 {
font-size: 20px;
margin-right: 5px;
}
.single-banner span.icon-clock {
font-size: 16px;
margin-right: 5px;
}
.entry-title {
font-size: 40px;
line-height: 1.25;
margin-bottom: 32px;
}
.back-button {
color: #ffffff;
font-size: 14px;
border-radius: 4px;
background-color:rgb(18 18 18 / 40%);
padding: 7px 22px;
display: inline-block;
margin-bottom: 50px;
font-weight: 700;
cursor:pointer;
}
.back-button i {
font-size: 10px;
margin-right: 10px;
}
.back-button.printer {
background-color: #eee7da;
color: #121212;
font-weight: 700;
display: flex;
align-items: center;
}
.back-button.printer i {
font-size: 17px;
}
.back-button:hover {
background-color: #ff7900;
color:#fff;
text-decoration: none;
}
.post-cat-date {
padding: 30px 0 20px;
}
.entry-cat {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
border-radius: 4px;
background-color: #ffffff;
color: #35666f;
margin-right: 15px;
padding: 5px 16px;
}
.post-count {
margin-bottom: 60px;
}
.post-count i,.share-entry i {
margin-right: 10px;
}
.post-count .user-count {
margin-right: 20px;
}
.entry-author img {
border-radius: 50%;
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
.post-author-share {
padding-top: 30px;
}
.posts-tag {
list-style: none;
padding: 45px 0 35px;
margin: 0px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.posts-tag a {
margin: 5px;
border: 1px solid #dddddd;
border-radius: 4px;
background-color: #ffffff;
font-size: 14px;
line-height: 26px;
padding: 6px 16px;
display: inline-block;
}
.posts-tag a:hover {
text-decoration: none;
background-color: #35666f;
color: #ffffff;
}
.share-box {
border-radius: 4px;
background-color: #fcf8f5;
padding: 68px 40px;
margin: 50px 0;
}
.share-box .h4 {
margin-bottom: 30px;
}
.a2a_kit.a2a_default_style {
display: flex;
align-items: center;
justify-content: center;
max-width: 600px;
margin: 0 auto;
}
.a2a_kit.a2a_default_style span {
font-size: 18px;
vertical-align: middle;
}
.a2a_kit.a2a_default_style span.icon-instagram {
font-size: 24px;
}
.share-box [class^="icon-"] {
margin-right: 8px;
}
.a2a_kit.a2a_default_style span {
margin: 5px 10px;
color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 4px;
font-size: 16px;
font-weight: 700;
float: none;
line-height: 48px;
width: 140px;
text-align: center;
display: inline-block;
flex: 1;
}
.a2a_kit.a2a_default_style span:hover {
text-decoration: none;
opacity: .75;
}
.author-box {
padding: 20px 0 45px;
border-bottom: 1px solid #ddd;
}
.author-box .post-author {
width: 80px;
margin-right: 25px;
}
.author-box .post-author + div {
width: calc(100% - 105px);
}
.post-author img {
border-radius: 50%;
overflow: hidden;
}
.inner-hero {
padding: 260px 0 88px;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.inner-hero:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,.6);
}
.inner-hero .h2,.inner-hero p {
color: #fff;
position: relative;
z-index: 1;
}
.inner-hero p {
font-size: 20px;
line-height: 30px;
}
.about-desc {
padding: 80px 0;
}
.about-desc .col7 {
width: 52%;
}
.about-desc .col5 {
width: 38%;
}
.about-desc .bx {
border-radius: 4px;
background-color: #fcf8f5;
padding: 38px 30px;
}
ul.check-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.check-list li {
font-size: 18px;
line-height: 1.55;
margin-bottom: 12px;
padding-left: 25px;
position: relative;
}
ul.check-list li:before {
content: "\e914";
color: #53c160;
font-family: "icomoon";
position: absolute;
left: 0;
top: 0;
}
.about-gallery {
overflow: hidden;
}
.about-gallery div.ul {
display: flex;
align-items: center;
margin: 0 -10px;
margin-bottom: 60px;
}
.about-gallery div.ul > div {
padding: 15px 10px;
}
.about-gallery img {
display: block;
}
.about-reviews {
padding: 105px 0;
}
.about-reviews .h3 {
margin-bottom: 50px;
}
.review-slider {
margin-bottom: 84px;
}
.review-slider .slick-prev {
left: 18%;
}
.review-slider .slick-next {
right: 18%;
}
.score {
display: block;
font-size: 16px;
position: relative;
overflow: hidden;
line-height: 1;
}
.score-wrap {
display: inline-block;
position: relative;
height: 19px;
}
.score .stars-active {
color: #ffb933;
position: relative;
z-index: 10;
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
.score .stars-inactive {
color: #c7c7c7;
position: absolute;
top: 0;
left: 0;
-webkit-text-stroke: initial;
/* overflow: hidden; */
}
.review-slider .slick-slide {
padding: 0 20px;
opacity: .4;
}
.review-slider .slick-slide.slick-current {
opacity: 1;
}
.review {
border-radius: 4px;
background-color: #f0f4f4;
padding: 50px 44px 60px;
height: 100%;
max-width: 740px;
}
.name-r {
width: 50px;
height: 50px;
border-radius: 100px;
background-color: #d9e3e3;
border-radius: 50%;
color: #005f5a;
font-size: 20px;
font-weight: 700;
line-height: 50px;
text-align: center;
text-transform: uppercase;
margin-right: 15px;
}
.reviewer {
display: block;
margin-bottom: 5px;
font-size: 18px;
}
.review p {
font-size: 20px;
line-height: 1.5;
}
.review > .d-flex {
margin-bottom: 34px;
}
.review .rating {
margin-right: 10px;
}
.about-teams {
background-color: #f7f2ea;
padding: 100px 0;
}
.about-teams p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 50px;
}
.reviews-list .review {
padding: 0 0 40px;
background: none;
max-width: 100%;
}
.reviews-list .review p {
font-size: 16px;
line-height: 1.64;
}
.review-top {
display: flex;
justify-content: space-between;
margin-bottom: 28px;
}
.reviews-list .button {
width: 100%;
}
.teams {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.teams li {
width: 25%;
padding: 10px 10px;
}
.teams li a {
display: flex;
height: 380px;
position: relative;
text-decoration: none;
border-radius: 4px;
overflow: hidden;
align-items: flex-end;
}
.teams li a:hover:after {
content: "+";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgb(53, 102, 111, 0.8);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 36px;
}
.teams li a .flagimg {
position: absolute;
top: 15px;
right: 15px;
border-radius: 50%;
overflow: hidden;
width: 28px;
height: 28px;
z-index: 1;
}
.teams li a .flagimg img {
width: 28px;
height: 28px;
}
.teams li .author-d {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px 20px 28px;
color: #fff;
}
.teams li .author-d:after {
content: "";
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.8;
position: absolute;
height: 100%;
width: 100%;
display: block;
bottom: 0;
left: 0;
}
.teams li .author-d strong {
font-size: 24px;
line-height: 28px;
position: relative;
z-index: 1;
margin-bottom: 10px;
}
.teams li .author-d span {
font-size: 14px;
line-height: 22px;
position: relative;
z-index: 1;
}
.about-instagram {
padding: 100px 0;
}
.about-instagram p {
font-size: 18px;
}
.insta {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 200px;
margin: 40px auto;
align-items: center;
font-weight: 700;
}
.insta span{
margin-top: 8px;
}
.blog-hero {
position: relative;
padding-bottom: 136px;
}
.blog-categories {
position: absolute;
bottom: -1px;
z-index: 1;
left: 0;
width: 100%;
}
.blog-categories ul {
list-style: none;
margin-bottom: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow-x: auto;
max-width: 100%;
}
.blog-categories ul li {
padding: 0 25px 0 0;
font-size: 18px;
font-weight: 600;
line-height: 1.56;
}
.blog-categories ul a {
padding: 28px 28px;
display: block;
border-radius: 4px 4px 0 0;
}
.blog-categories ul a:hover,
.blog-categories ul .curent a {
background: #fff;
text-decoration: none;
}
.blog-categories ul .curent span,
.blog-categories ul a:hover span {
color: #121212;
}
.blog-categories ul span {
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 28px;
display: flex;
white-space: nowrap;
align-items: center;
}
.blog-categories ul em {
font-style: normal;
color: #ffffff;
font-size: 12px;
font-weight: 600;
line-height: 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 100px;
background-color: #698f96;
display: inline-block;
padding: 5px 10px;
margin-left: 15px;
}
.blog-categories h6 {
display: none;
}
.popular-tags {
margin-top: 30px;
}
.popular-tags a {
border-radius: 4px;
background-color: #f7f2ea;
padding: 6px 12px;
margin: 10px 5px;
white-space: nowrap;
}
.tags-list {
flex-wrap: nowrap;
overflow-x: auto;
margin-left: 5px;
}
.header-blg {
padding: 48px 0 15px;
}
.header-blg .search-box,
.header-blg .menu-lang {
width: 100%;
}
.header-blg .search-box {
margin-left: 0;
}
.related-ul.related-big div.blog-post {
position: relative;
border: none;
}
.related-ul.related-big div.blog-post.hide {
display: none;
}
.blog-post:after {
content: "";
height: 1px;
width: calc(100% - 30px);
display: block;
background-color: #ddd;
margin: 0 auto;
position: absolute;
left: 15px;
bottom: 0;
}
.main-posts {
padding-bottom: 70px;
}
.pagination-nav ul.page-numbers {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 70px 0 40px;
list-style: none;
}
.pagination-nav .page-numbers li {
margin: 0 8px;
}
.pagination-nav .page-numbers a,
.pagination-nav .page-numbers span {
color: #121212;
padding: 0 15px;
font-size: 16px;
display: block;
min-width: 50px;
line-height: 50px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
border-radius: 4px;
border: 1px solid #dddddd;
background-color: #ffffff;
text-align: center;
}
.pagination-nav .page-numbers span,
.pagination-nav .page-numbers a:hover {
background-color: #698f96;
color: #fff;
}
.visvakanties-wrap {
padding: 80px 0 48px;
position: relative;
overflow: hidden;
}
.visvakanties-wrap:before {
content: "";
position: absolute;
height: 100%;
width: 80%;
top: 0;
right: 48%;
background-color: #f7f2ea;
}
.visvakanties-wrap .container-left {
position: relative;
}
.visvakanties-wrap .col3 p {
font-size: 20px;
line-height: 30px;
margin-bottom: 30px;
}
.advice-block {
padding: 120px 0 84px;
position: relative;
}
.advice-block .container {
max-width: 980px;
}
.advice-block .contact-details a b {
font-size: 20px;
line-height: 25px;
}
.advice-block p {
max-width: 80%;
margin: 0 auto 34px;
font-size: 20px;
line-height: 30px;
}
.advice-block ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.advice-block ul li {
flex: 1;
padding: 21px 10px;
text-align: left;
}
.advice-block ul.contact-details a {
padding: 12px 54px 13px 36px;
}
.home .advice-block:after {
content: "";
right: 0;
top: 15%;
position: absolute;
height: 246px;
width: 345px;
max-width: 25%;
background: url(../images/fish-right.png) no-repeat center right / 100% auto;
}
.home-videos-wrap {
padding: 102px 0;
background-color: rgb(254, 230, 197,.75);
position: relative;
}
.home-videos-wrap .dfish {
left: 0;
top: 95%;
position: absolute;
transform: translateY(-50%);
width: 362px;
max-width: 25%;
display: block;
}
.dfish img{
width: 362px;
height:auto;
}
.home-videos-wrap p {
font-size: 20px;
}
.videos-home {
padding: 40px 0 60px;
}
.home-videos {
margin-top: 26px;
margin-bottom: 60px;
}
.big-video-bg {
height: 100%;
width: 100%;
display: block;
}
.big-video-bg img {
display: none;
}
.videos-small > div {
padding: 0 0 15px;
}
.videos-small > div:last-child {
padding-bottom: 0;
}
.videos-small img {
display: block;
}
.home-blogs-wrap {
padding: 90px 0 120px;
}
.home-blogs-wrap .col6 {
width: 49%;
}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
margin-bottom: 28px;
display: flex;
justify-content: center;
}
ul.tabs li{
background: none;
color: #757575;
font-size: 20px;
font-weight: 700;
padding: 8px;
cursor: pointer;
border-bottom: 1px solid transparent;
margin: 0 15px;
}
ul.tabs li.current{
color: #698f96;
border-color: #698f96;
}
ul.tabs.two-column{
display: block;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.tab-content{
display: none;
}
.tab-content.current{
display: inherit;
}
.big-post-bg {
height: calc(100% - 28px);
padding: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-top: 33px;
position: relative;
border-radius: 4px;
}
.big-post-bg > * {
position: relative;
z-index: 1;
}
.big-post-bg:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
opacity: .4;
}
.big-post-bg:hover {
text-decoration: none;
}
.big-post-bg .entry-cat {
background-color: #e5f4f2;
margin-bottom: 15px;
display: inline-block;
font-size: 14px;
line-height: 18px;
}
.big-post-bg .h3 {
font-size: 40px;
}
.big-post-bg .h3,
.big-post-bg .entry-date {
color: #fff;
}
.vacation-menu {
position: relative;
padding: 20px 0;
box-shadow: 0 1px 0 #dddddd;
}
.vacation-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
}
.vacation-menu ul li + li {
margin-left: 22px;
}
.vacation-menu ul a {
text-decoration: underline;
font-size: 15px;
font-weight: 400;
display: block;
white-space: nowrap;
}
.vacation-menu ul a.active {
text-decoration: none;
font-weight: 700;
}
.vacation-data {
background-color: #fcf8f5;
padding: 42px 0 60px;
}
.vacation-data .col8 {
width: 71%;
}
.vacation-data .col4 {
width: 28%;
}
.PriceTable {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
border-radius: 4px;
background-color: #ffffff;
padding: 40px 22px 25px;
}
.PriceTable .text-center {
padding-bottom: 40px;
}
.PriceTableTitle,.perprice {
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
.PriceTablePrice {
font-size: 30px;
font-weight: 700;
line-height: 26px;
margin: 15px 0;
}
.vacation-data .PriceTablePrice .currency-icon {
font-size: 17px;
vertical-align: text-top;
margin-right: 5px;
}
.perprice {
color: #757575;
}
.PriceTable ul,.bk-btm ul {
list-style: none;
margin: 0;
padding: 0;
}
.bk-btm ul {
margin: 20px 0;
}
.PriceTable ul li,.bk-btm ul li {
font-size: 15px;
font-weight: 400;
line-height: 21px;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.PriceTable ul li em,.bk-btm ul em {
width: 36px;
height: 36px;
border-radius: 100px;
background-color: #e5f4f2;
margin-right: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.PriceTable .button {
font-size: 16px;
font-weight: 700;
padding: 20px;
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
.share-vacation {
display: block;
padding: 24px 0;
border-bottom: 1px solid #ddd;
text-align: center;
position: relative;
}
.share-vacation a:hover {
text-decoration: none;
}
.share-vacation .spare-buttons {
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
padding: 15px;
width: 100%;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.06);
display: none;
}
.share-vacation .a2a_kit.a2a_default_style a {
margin: 5px 8px;
line-height: 24px;
width: auto;
padding: 7px 10px;
}
.why-us {
padding: 40px 0;
}
.why-us ul.check-list li {
font-size: 16px;
}
.why-us ul.check-list li a {
text-decoration: underline;
}
.box {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 4px;
background-color: #ffffff;
padding: 40px;
margin-bottom: 15px;
}
.box .h5 {
margin-bottom: 15px;
}
.additional-info ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.additional-info li {
width: 49%;
border-radius: 4px;
border: 1px solid #dddddd;
background-color: #ffffff;
padding: 10px;
margin-bottom:5px;
margin-right:5px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
cursor: pointer;
}
.additional-info li i {
font-size: 20px;
margin-right: 12px;
}
.additional-info li:hover{
background-color: #5e9cae;
border-color: #5e9cae;
color:#fff;
}
.total-rating {
width:60px;
height: 60px;
border-radius: 4px;
background-color: #fee6c5;
font-size: 20px;
font-weight: 700;
line-height: 60px;
text-align: center;
margin-left: auto;
margin-bottom: 16px;
}
.reviews-vacation .total-rating {
width: 80px;
height: 80px;
font-size: 26px;
line-height: 80px;
}
.rating-wr span {
font-size: 18px;
font-weight: 700;
line-height: 26px;
}
.rating-wr a {
color: #757575;
font-size: 14px;
font-weight: 400;
text-decoration: underline;
}
.add-extra{
border-radius: 4px;
background-color: #f0f4f4;
padding: 20px 20px;
margin-top: 30px;
}
#block-1 .add-extra{
padding: 25px 30px;
}
.extra-vacation .h6, .acoomadation-vacation .h6 {
padding-bottom: 14px;
border-bottom: 1px solid #ddd;
margin-bottom: 14px;
}
.show-more,.addmore {
display: inline-block;
color: #35666f;
font-size: 16px;
font-weight: 600;
cursor:pointer;
}
.show-more:hover,.addmore:hover {
text-decoration: none;
}
.acoomadation-vacation .check-list {
margin-bottom: 24px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.acoomadation-vacation .check-list li {
font-size: 16px;
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
width: 48%;
}
.review-header {
padding-bottom: 24px;
border-bottom: 1px solid #ddd;
margin-bottom: 44px;
}
.country-flg {
margin-right: 30px;
display: flex;
align-items: center;
color: #fff;
}
.country-flg img {
margin-right: 10px;
width: 22px;
height: 22px;
border-radius: 50%;
}
.faq-wrap {
border-bottom: 1px solid #ddd;
margin-bottom: 24px;
}
.faq-wrap:last-child {
border: none;
margin: 0;
}
.acc-btn {
width: 100%;
font-size: 16px;
font-weight: 700;
line-height: 26px;
cursor: pointer;
transition: all 0.5s linear;
}
.acc-btn:after {
content: "\e90b";
color: #121212;
font-size: 10px;
font-family: 'icomoon';
float: right;
transition: all 0.3s linear;
}
.acc-btn.is-open:after {
transform: rotate(180deg);
color: #35666f;
}
.acc-btn.is-open {
color: #35666f;
}
.acc-content {
margin-top: 24px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-in-out;
}
.squre-list,.prices-vacation ul {
list-style: none;
padding-left: 19px;
}
.squre-list li,.prices-vacation ul li {
position: relative;
}
.squre-list li:before,.prices-vacation ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: #698f96;
display: inline-block;
position: absolute;
left: -19px;
top: 13px;
}
.dyn-field > span {
display: block;
margin-bottom: 15px;
}
.dyn-field br {
display: none;
}
.related-vacation {
padding: 105px 0;
}
.related-vacation h3 {
margin-bottom: 38px;
}
.vacation-post {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
background-color: #ffffff;
height: 100%;
}
.related-vacation figure {
position: relative;
}
.related-vacation figure img {
display: block;
}
.related-vacation .prc {
background-color: rgba(18,18,18,.9);
padding: 12px 12px;
position: absolute;
top: 0;
left: 0;
}
.related-vacation .PriceTableTitle,.related-vacation .perprice {
color: #ffffff;
font-size: 12px;
font-weight: 600;
line-height: 1.15;
display: block;
}
.related-vacation .PriceTablePrice {
color: #ffffff;
font-size: 20px;
line-height: 24px;
font-weight: 700;
margin: 4px 0;
}
.related-vacation .rating {
position: absolute;
width: 48px;
height: 48px;
border-radius: 4px;
background-color: #fee6c5;
bottom: -22px;
right: 22px;
padding: 5px;
font-size: 14px;
font-weight: 700;
line-height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.vacation-post .rel-ent {
padding: 30px;
}
.gmap-flg-wrap {
margin-bottom: 12px;
}
.gmap-link {
color: #35666f;
font-size: 14px;
text-decoration: underline;
}
.vacation-post .button {
width: 100%;
padding: 12px 24px;
}
.social-wrap ul {
list-style: none;
margin: 0;
display: flex;
align-items: center;
padding: 0;
}
.social-wrap ul a {
color: #121212;
font-size: 17px;
width: 40px;
height: 40px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
border-radius: 100px;
background-color: #ffffff;
margin-right: 12px;
line-height: 40px;
text-align: center;
display: block;
}
.team-header .post-entries {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.team-header .post-entries h1 {
margin-bottom: 15px;
margin-top: 55px;
}
.team-header .team-thumb {
position: relative;
margin-top: 140px;
z-index: 3;
width: 47%;
}
.team-header .team-thumb img {
display: block;
position: absolute;
top: 0;
width: 91.5%;
left: 32px;
}
.team-header p {
font-size: 20px;
margin-bottom: 38px;
}
.team-header .social-wrap {
margin-bottom: 25px;
}
.single-team {
padding: 58px 0;
}
.author-blog {
padding: 58px 0;
}
.related-team {
padding: 60px 0 100px;
}
.rel-team {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 4px;
border: 1px solid #dddddd;
background-color: #ffffff;
padding: 24px 25px;
height: 100%;
text-align: center;
display: block;
}
.rel-team:hover {
text-decoration: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
}
.rel-team figure > img{
width: 120px;
height: 120px;
border-radius: 70px;
}
.related-team .col3 {
margin: 24px 0 0;
}
.rel-team figure {
margin: 0 auto 15px;
width: 120px;
position: relative;
}
.rel-team figure > span {
width: 34px;
height: 34px;
display: block;
border-radius: 50%;
border: 3px solid #fff;
position: absolute;
right: -3px;
top: 0;
overflow: hidden;
}
.rel-team figure > span img {
width: 28px;
height: 28px
}
.rel-team h4 {
margin-bottom: 10px;
font-size: 18px;
}
.rel-team p {
color: #757575;
font-size: 14px;
line-height: 1.5;
margin: 0;
font-weight: 600;
}
.related-team .button,.author-blog .button {
margin-top: 90px;
}
.play-video {
position: relative;
display: block;
height: 100%;
border-radius: 4px;
overflow: hidden;
}
.play-video:before {
content: "\ea1c";
font-family: 'icomoon';
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
width: 68px;
height: 68px;
line-height: 68px;
text-align: center;
display: block;
transform: translate(-50%,-50%);
background-color: rgba(105,143,150,.8);
border-radius: 50%;
color: #fff;
font-size: 28px;
}
.inner-hero.contact-hero {
padding: 260px 0 215px;
}
.contact-data {
background-color: #f7f2ea;
}
.contact-sections {
position: relative;
transform: translateY(-166px);
margin-bottom: -106px;
}
.cbox {
box-shadow: 0 4px 8px rgb(0 0 0 / 16%);
border-radius: 4px;
background-color: #ffffff;
padding: 24px 24px 74px;
height: 100%;
position: relative;
}
.cicon {
width: 68px;
height: 68px;
border-radius: 1000px;
background-color: #fee6c5;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 35px;
font-size: 30px;
}
.cbox .button {
width: calc(100% - 48px);
position: absolute;
left: 24px;
bottom: 24px;
}
.ppp p {
max-width: 320px;
font-size: 18px;
line-height: 1.55;
}
.contact-form-wrap {
padding: 60px 0 100px;
}
.contact-form-wrap .col7 {
width: 55%;
}
.contact-form-wrap .form-grp input,
.contact-form-wrap .form-grp select,
.contact-form-wrap .form-grp textarea {
margin-top: 3px;
}
.man-box {
width: 100%;
padding: 31px;
border-radius: 4px;
background-color: #eee7da;
}
.man-box img {
width:350px;
height: auto;
border-radius: 10%;
margin-bottom: 10px;
}
.btn-white {
width: 100%;
background-color: #fff;
color: #121212;
}
.contact-form-wrap .form-grp input[type="submit"] {
max-width: 300px;
}
.contact-faqs {
padding: 120px 0 60px;
}
.contact-faqs h2.h3,.contact-faqs .col4 {
margin-bottom: 52px;
}
.faqbox {
height: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
margin-right: 15px;
}
.faq-bg {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px;
}
.faq-bg .button {
width: 100%;
}
.faq-bg h3 {
color: #fff;
line-height: 1.17;
}
.rule-wrap {
margin-bottom: 12px;
font-size: 16px;
font-weight: 400;
line-height: 1.64;
display: flex;
}
.rule-wrap i {
font-size: 16px;
margin-right: 12px;
color: #53c160;
margin-top: 5px;
}
.rule-wrap i.icon-close {
color: #d80027;
}
.rule-wrap i.icon-exclamation-tringle {
color: #ff7900;
}
.text-rows-wrap,.rules-wrap {
padding-top: 28px;
}
.text-row-wrap,.contact-row-wrap {
display: flex;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 50px;
justify-content: space-between;
}
.contact-row-wrap {
align-items: flex-start;
}
.contact-row-wrap .right-tt p:first-child:hover{
color: #35666f;
text-decoration: underline;
}
.contact-row-wrap .right-tt p:nth-child(2){
font-size: 14px;
line-height: 20px;
}
.text-row-wrap .left-tt {
width: 28%;
}
.text-row-wrap .right-tt {
width: 68%;
}
.text-row-wrap:last-child,.contact-row-wrap:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
.contact-row-wrap .left-tt {
width: 38%;
display: flex;
align-items: center;
}
.contact-row-wrap .left-tt i {
font-size: 30px;
color: #ff7900;
margin-right: 20px;
}
.contact-row-wrap .left-tt h6 {
margin-bottom: 0;
}
.contact-row-wrap .right-tt {
width: 58%;
}
.contact-row-wrap .right-tt p:last-child {
margin-bottom: 0;
}
.top-sec {
margin-bottom: 60px;
}
.info-nav-links {
list-style: none;
margin: 0 0 35px;
padding: 0;
}
.info-nav-links li a {
color: #35666f;
display: block;
margin-bottom: 6px;
text-decoration: underline;
}
.vacation-data .title-h6{
font-size: 14px;
line-height: 28px;
}
#block-1 p:nth-child(3){
font-weight: 600;
}
.share-information .a2a_kit.a2a_default_style {
justify-content: flex-start;
}
.share-information .a2a_kit.a2a_default_style a {
width: 40px;
height: 40px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
border-radius: 100px;
background-color: #ffffff;
text-align: center;
line-height: 40px;
display: block;
font-size: 20px;
color: #121212;
margin-left: 0;
flex: initial;
}
.wpcf7-not-valid-tip {
color: #cc3030;
font-size: 10px;
font-weight: 700;
}
.wpcf7-not-valid-tip:before {
margin-right: 5px;
content: "\e904";
font-family: 'icomoon' !important;
}
.acf-map {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
height: 600px;
}
.map-wrap {
position: relative;
}
.map-wrap .acf-map {
min-height: 600px;
}
.map-wrap .map-info {
width: 500px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
border-radius: 4px;
background-color: #ffffff;
padding: 10px;
position: absolute;
top: 50px;
right: 50px;
}
.map-info a.logo {
display: block;
margin-bottom: 15px;
}
.map-info .btn-unfill {
margin-top: 28px;
display: block;
}
#booking.box .agenda {
height: auto !important;
}
/*
#booking.box .agenda {
min-height: 600px !important;
}
@media (max-width: 767px) {
#booking.box .agenda {
height: 300px !important;
}
}
*/
.advice-block1 {
padding: 81px 40px 56px;
}
.advice-block1 .h3,.advice-block1 p {
color: #fff;
}
.advice-block1 ul {
width: 628px;
max-width: 100%;
margin: 0 auto;
}
.advice-block.advice-block1 p {
margin: 0 auto 28px;
font-size: 16px;
line-height: 24px;
}
.advice-block.advice-block1 .contact-details a {
display: block;
padding: 25px 20px 0;
height: 100%;
text-align: center;
font-size: 14px;
font-weight: 600;
}
.advice-block.advice-block1 img {
display: block;
margin: 0 auto 26px;
}
.advice-block1 .contact-details b {
display: block;
margin-bottom: 0;
}
.map-iframe {
height: 100vh;
width: 100%;
position: sticky;
top: 0;
overflow: hidden;
}
.vacations-list .tp {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.vacations-list .tp span {
font-size: 16px;
font-weight: 600;
}
.vacations-list .tp .lang-toggle span{
font-weight: 700;
}
.vacations-list .vac-card {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 4px;
background-color: #ffffff;
margin-bottom: 15px;
display: flex;
}
.vacations-list .vac-card:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
.vacations-list .vac-card .figure {
width: 28%;
}
.vac-summery {
padding: 30px 26px;
width: 72%;
position: relative;
}
.ltp {
margin-bottom: 18px;
}
.vac-summery .total-rating {
width: 40px;
height: 40px;
border-radius: 4px;
background-color: #fee6c5;
font-size: 17px;
font-weight: 700;
line-height: 40px;
text-align: center;
margin-left: 15px;
margin-bottom: 16px;
}
.vac-summery .rating-wr a {
font-size: 12px;
line-height: 1;
display: block;
text-decoration: initial;
}
.vac-summery .rating-wr span {
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
.vac-summery .details {
list-style: none;
margin: 0 -4px 12px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.vac-summery .details li {
border-radius: 4px;
border: 1px solid #dddddd;
padding: 5px 10px;
margin-bottom: 8px;
margin: 0 4px 8px;
font-size: 14px;
line-height: 16px;
}
.vac-summery p {
font-size: 15px;
line-height: 25px;
}
.vac-summery .PriceTablePrice {
font-size: 24px;
vertical-align: text-bottom;
font-family: 'Muli-extra-bold';
}
.vac-summery .PriceTablePrice .currency-icon {
position: relative;
top: -5px;
}
.currency-icon {
font-size: 14px;
vertical-align: top;
}
.ldth {
width: 70%;
border-right: 1px solid #ddd;
padding-right: 20px;
}
.rdth {
padding-left: 20px;
width: 30%;
}
.rdth .PriceTableTitle, .rdth .perprice {
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.vacations-list.style2 .rdth .PriceTableTitle,
.vacations-list.style2 .rdth .perprice {
font-size: 12px;
line-height: 24px;
}
.vacations-list.style2 .PriceTablePrice {
margin: 7px 0;
}
.vac-summery .button {
max-width: 120px;
margin: 24px auto 0;
display: block;
padding: 11px 20px;
}
.coutry-filter {
display: flex;
list-style: none;
margin: 0 -5px 40px;
padding: 0;
flex-wrap: nowrap;
overflow-y: hidden;
overflow-x: auto;
max-width: 100%;
}
.coutry-filter li {
padding: 5px;
width: 160px;
min-width: 120px;
}
.related-vacation .h3 {
margin-bottom: 38px;
}
.coutry-filter li label {
display: block;
height: 100%;
color: #fff;
padding: 26px 10px;
position: relative;
border-radius: 4px;
text-align: center;
cursor: pointer;
overflow: hidden;
}
.coutry-filter li label >span {
position: relative;
z-index: 1;
}
.coutry-filter li label:after {
content: "";
width: 100%;
position: absolute;
left: 0;
margin: 0;
height: 100%;
top: 0;
background: rgba(0,0,0,.5);
}
.coutry-filter li:hover label:after {
background: rgba(0,0,0,.2);
}
.coutry-filter li label input {
visibility: hidden;
width: 100%;
position: absolute;
left: 0;
margin: 0;
height: 100%;
top: 0;
}
.vactions-col {
padding: 52px 5rem;
background-color: #fcf8f5;
}
.vacations-list-wrapper {
position: relative;
}
.filter-popup {
position: absolute;
height: 80vh;
width: 50%;
z-index: 9;
background-color: #fcf8f5;
display: none;
}
.filter-popup .col12 {
height: 100%;
overflow-y: auto;
padding: 12px 5rem 132px;
}
.vacations-list.style2 .vac-summery .country-flg,
.vacations-list.style2 .vac-summery .country-flg + span a{
font-weight: 600;
}
#vacation-location .row .col12{
margin-bottom: 30px;
}
@media (max-width: 1599px) {
.filter-popup .col12 {
padding: 12px 30px 132px;
}
}
.filter-popup .col12 .h5 {
margin-bottom: 34px;
}
/* The container must be positioned relative: */
.custom-select {
position: relative;
max-width: 360px;
}
.custom-select select {
display: none; /*hide original SELECT element: */
}
.select-selected {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
border-radius: 4px;
border: 1px solid #dddddd;
padding: 13px 38px 13px 20px;
margin-top: 7px;
background-color: #fff;
margin-top: 7px;
}
/* Style the arrow inside the select element: */
.select-selected:after {
position: absolute;
content: "";
top: 20px;
right: 20px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #121212 transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
color: #121212;
font-size: 16px;
font-weight: 600;
padding: 8px 16px;
cursor: pointer;
}
/* Style items (options): */
.select-items {
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
/* Hide the items when the select box is closed: */
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.fl1 {
padding: 40px 0;
border-bottom: 1px solid #ded7cc;
}
.fl1.fl1-last {
border: none;
padding-bottom: 15px;
}
.fl1 .label1 {
width: 25%;
}
.btn-reset {
border-radius: 4px;
background-color: #eee7da;
width: 100%;
color: #121212;
font-size: 14px;
font-weight: 400;
}
.btm-filter {
padding: 16px 5rem;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
background-color: #ffffff;
}
.check-boxes {
display: flex;
flex-wrap: wrap;
width: 75%;
align-items: flex-start;
}
.check-boxes label {
width: 33.3%;
margin-bottom: 32px;
padding-right: 12px;
}
.filter-top {
margin: 0 -6px 25px;
white-space: nowrap;
}
.filter-top .vtype {
width: 45%;
margin: 0 6px;
position: relative;
}
.filter-top .datep {
width: 35%;
margin: 0 6px;
position: relative;
}
.filter-top .search-val,.filter-top #daterange {
font-size: 16px;
font-weight: 600;
}
.filter-top #daterange {
font-weight: 600;
padding: 17px 28px;
}
.bottom-cal-text {
text-align: center;
padding: 10px;
color: #121212;
font-size: 14px;
font-weight: 600;
clear: both;
width: calc(100% - 60px);
margin: 0 auto;
}
.filter-top .search-fld {
padding: 15px 20px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
border-radius: 4px;
border: 1px solid #dddddd;
}
.filter-top .submit-btn-wrap {
width: 18%;
margin: 0 6px;
}
.filter-top .search-fld .icon-dropdown {
right: 11px;
font-size: 12px;
}
.selected-fliter {
margin-bottom: 40px;
line-height: 1;
}
.selected-fliter ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-flex;
margin-right: 10px;
flex-wrap: nowrap;
overflow-x: auto;
max-width: 100%;
}
.selected-fliter ul li {
border-radius: 4px;
background-color: #eee7da;
padding: 5px 10px;
font-size: 14px;
margin-right: 10px;
margin-bottom: 10px;
white-space: nowrap;
line-height: 16px;
}
.selected-fliter ul li em {
margin-left: 12px;
font-style: normal;
cursor: pointer;
font-weight: 700;
font-size: 10px;
}
.selected-fliter a {
color: #121212;
font-size: 14px;
font-weight: 600;
text-decoration: underline;
white-space: nowrap;
}
.uht-slide {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 4px;
background-color: #ffffff;
height: 100%;
}
.uht-slide:hover {
box-shadow: 0 5px 10px rgb(0 0 0 / 16%);
}
.lswd {
width: 68%;
padding:20px 20px;
}
.rswd {
width: 32%;
}
.pric-uht .total-rating {
width: 40px;
height: 40px;
font-size: 17px;
line-height: 40px;
margin-left: 15px;
margin-bottom: 16px;
}
.pric-uht .PriceTablePrice {
font-size: 18px;
margin: 0;
}
.uht-slider .pric-uht .total-rating {
margin-bottom: 0px;
}
.uht-slider .pric-uht {
align-items: flex-end;
}
.vacations-list.style2 .uht-slider .PriceTablePrice {
margin: 0;
}
.lswd .country-flg {
margin-right: 4px;
}
.pric-uht { margin-top: 26px;}
.uht-slider-wrap {
padding: 32px 0 20px;
}
.uht-slider-wrap .slick-slide {
margin: 0 8px;
box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
}
.uht-slider-wrap .slick-list {
margin: 0 -8px;
padding-bottom: 20px;
}
.uht-slider-wrap .slick-dots{
margin-top: 0px;
}
.uht-slider-wrap .h5 {
margin-bottom: 18px;
}
.uht-slider-wrap .country-flg + span a {
color: #121212;
font-size: 14px;
font-weight: 600;
}
.load-btn-wrap {
margin-top: 58px;
margin-bottom: 65px;
}
.load-btn-wrap .button.btn-unfill:hover,
.load-btn-wrap .button.btn-unfill:hover i {
color: #fff;
}
.load-btn-wrap .button {
border-color: #121212;
color: #121212;
font-size: 18px;
padding: 12px 22px;
}
.load-btn-wrap a i {
margin-left: 48px;
font-size: 14px;
}
.country-flg + span a {
font-size: 14px;
color: #35666f;
}
.vacation-post .country-flg + span a,
.vac-summery .country-flg + span a {
padding-left: 15px;
margin-left: 15px;
border-left: 1px solid #121212;
text-decoration: underline;
}
.vacation-post .country-flg,.vac-summery .country-flg {
color: #121212;
margin-right: 0;
}
.vacation-post p {
font-size: 15px;
line-height: 1.67;
margin-bottom: 38px;
}
.vacations-list .tp span .menu-lang {
margin-left: 0;
padding: 0;
width: auto;
height: auto;
box-shadow: none;
border-radius: 0;
background-color: transparent;
border: none;
}
.vacations-list .tp span .lang-toggle:after {
margin-left: 12px;
margin-top: 6px;
}
.vacations-list .tp span {
text-transform: initial;
}
.header-blg .menu-lang {
margin-left: 0;
}
.d-mobile {
display: none;
}
.vacationbanner-imagesd-flex {
display: flex;
flex-wrap: wrap;
}
.vacationbanner-imagesd-flex .col6 {
padding: 0 5px;
}
.vacationbanner-imagesd-flex img {
display: block;
width: 100%;
object-fit: cover;
}
.one-ing-big {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.one-ing-big img,.tw-img img,.tw-img img {
height: 100%;
max-width: fit-content;
object-fit: cover;
}
.one-ing-big img {
width: auto;
}
.vaction-text .country-flg + span a {
color: #fff;
border-left: 1px solid rgba(255,255,255,.5);
padding-left: 15px;
margin-left: 5px;
text-decoration: underline;
}
.one-img-port,.tw-img {
height: 50%;
overflow: hidden;
max-height: 365px;
}
.tw-img {
margin: 0 -2.5px;
}
.tw-img >div {
width: 50%;
padding: 5px 2.5px 0;
overflow: hidden;
}
.show-all-img {
position: relative;
}
.show-all-img span {
display: flex;
height: 100%;
width: 100%;
position: absolute;
top: 5px;
left: 2.5px;
background: rgba(0,0,0,.5);
align-items: center;
justify-content: center;
color: #fff;
text-decoration: underline;
font-size: 16px;
cursor:pointer;
}
.tw-img .play-video {
height: 100%;
}
.vacation-banner {
position: relative;
min-height: 310px;
}
.vaction-text {
display: block;
height: 100%;
width: 50%;
position: absolute;
top: 0;
left: 0;
}
.vaction-text .container-left {
height: 100%;
}
.vaction-text .col12 {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 50px;
padding-bottom: 50px;
height: 100%;
}
.vaction-text .h2 {
color: #fff;
}
.c0lre {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
border-radius: 4px;
border: 1px solid #dddddd;
background-color: #ffffff;
overflow: hidden;
}
.vbt {
padding: 25px;
}
.vbt .country-flg {
color: #121212;
}
.review-form {
padding: 55px 0;
}
.review-form .h3 {
padding-top: 24px;
}
.reviews-list .review-wrap {
display: none;
}
.review-form form {
padding-top: 30px;
}
.reviews-list .review-wrap:first-child {
display: block;
}
.review-form .fa-star {
color: #c7c7c7;
font-size: 26px;
}
.starratingawesome > input:checked + label:hover .fa-star, .starratingawesome > input:checked + label:hover ~ label .fa-star,
.starratingawesome > input:checked ~ label:hover .fa-star, .starratingawesome > input:checked ~ label:hover ~ label .fa-star,
.starratingawesome > label:hover ~ input:checked ~ label .fa-star {
color: #ffb933;
}
.starratingawesome > input:checked ~ label .fa-star {
color: #ffb933;
}
.starratingawesome:not(:checked) > label:hover .fa-star, .starratingawesome:not(:checked) > label:hover ~ label .fa-star {
color: #FFD700;
}
.review-form form .starratingawesome:not(:checked) > label {
width: 2em;
margin-right: 0;
}
.review-form form .wpcf7-starratingawesome.starratingawesome {
margin: 14px 0 14px;
}
.pros-cons {
margin-bottom: 10px;
}
.pros-cons ul {
list-style: none;
margin: 0;
padding: 0;
}
.pros-cons ul li {
padding-bottom: 10px;
position: relative;
padding-left: 30px;
}
.review-form .icon,.pros-cons .icon {
height: 18px;
width: 18px;
line-height: 10px;
font-size: 9px;
border-radius: 20px;
background: #53c160;
color: #fff;
padding: 4px;
position: absolute;
left: 0;
top: 7px;
text-align: center;
}
.review-form .icon.icon-minus,.cons .icon {
background-color: #c7c7c7;
}
.wpcf7-starratingawesome.starratingawesome {
position: relative;
}
.review-form input,.review-form textarea {
border-color: #ddd;
box-shadow: none;
}
.related-blogs .related-ul.related-big div.blg-wr {
border-bottom: none;
}
.single .add-extra {
padding: 40px 40px 10px;
margin-bottom: 30px;
}
.add-extra p:last-child {
margin-bottom: 0;
}
.related-vacation .button.btn-unfill {
width: 100%;
margin-top: 64px;
}
@media (max-width: 1599px) {
.search-fld {
padding: 12px 17px;
}
.search-val {
font-size: 14px;
}
#daterange {
padding: 12px 17px;
font-size: 14px;
}
.search-fld .icon-dropdown {
font-size: 12px;
}
.vacations-list .tp span {
font-size: 14px;
font-weight: 600;
}
.vactions-col {
padding: 52px 30px;
background-color: #fcf8f5;
}
.vac-summery .PriceTablePrice {
font-size: 20px;
line-height: 20px;
margin: 8px 0 0;
}
.vac-summery .button {
margin-top: 20px;
width: 100%;
padding: 10px;
font-size: 14px;
line-height: 20px;
}
.rdth .PriceTableTitle, .rdth .perprice {
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.vac-summery .h5 {
font-size: 17px;
}
.country-flg {
margin-right: 10px;
font-size: 14px;
}
.search-label {
line-height: 1;
}
.newsletter-footer .col4 {
width: 38%;
}
.btm-filter {
padding: 16px 30px;
}
}
@media (max-width: 1400px) {
.ltp {
flex-direction: column;
}
.filter-top .search-fld ,.filter-top #daterange{
padding: 15px 10px;
}
.filter-top .search-val, .filter-top #daterange {
font-size: 13px;
}
/* .daterangepicker.ltr.show-calendar.opensleft {
left: 0 !important;
}*/
}
@media (max-width: 1199px) {
h2, .h2 {
font-size: 36px;
line-height: 1.25;
}
h3, .h3 {
font-size: 26px;
line-height: 1.33;
}
.home-hero h1 {
color: #ffffff;
font-size: 60px;
line-height: 64px;
margin-bottom: 12px;
}
.home-hero {
padding: 250px 0 225px;
}
.menu-lang-wrapper .menu-lang {
margin-left: 0;
}
.country-slide a .country span {
color: #ffffff;
font-size: 18px;
font-weight: 700;
}
.country-slide a .country img{
margin-right: 10px;
}
.newsletter-footer .col4 {
width: 41%;
}
.advice-block,
.home-videos-wrap,
.home-blogs-wrap,
.about-reviews {
padding: 70px 0 72px;
}
.newsletter-footer .col4 {
width: 42%;
}
.review-slider .slick-prev {
left: 2%;
}
.review-slider .slick-next {
right: 2%;
}
.lrdth {
flex-wrap: wrap;
}
.ldth {
width: 100%;
border-right: none;
}
.rdth {
padding-left: 0;
width: 100%;
padding-top: 15px;
}
.ltp {
display: block;
}
.ltp > div:first-child {
margin-bottom: 10px;
}
.header-blg .col10 {
width: 72%;
}
.header-blg .col2 {
width: 28%;
}
}
@media (max-width: 991px) {
.vacations-destinations ul li {
width: 50%;
padding: 5px 10px;
}
.search-fld .icon-dropdown {
font-size: 10px;
right: 12px;
}
.visvakanties-wrap .col3 {
width: 35%;
}
.visvakanties-wrap .col9 {
width: 65%;
}
.main-footer .social-icons {
display: inline-flex; /* Flexbox in plaats van block of inline */
justify-content: space-between;
flex-wrap: nowrap; /* Voorkom dat de iconen naar de volgende regel verhuizen */
list-style: none; /* Verwijder lijststijl zoals bullets */
padding: 0; /* Verwijder standaard opvulling */
margin: 0; /* Verwijder standaard marge */
/* Ruimte tussen iconen */
gap: 10px;
overflow-x: auto;
}
.main-footer .social-icons a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.main-footer {
padding: 0 0 68px 0;
position: relative;
}
.main-footer:before {
margin-bottom: 62px;
}
.copy-right .container {
flex-direction: column;
text-align: center;
}
.main-footer a {
font-size: 16px;
}
.vacations-destinations {
padding: 62px 0 28px;
position: relative;
}
.inner-hero .col7 {
width: 78%;
}
.inner-hero p {
font-size: 18px;
line-height: 26px;
}
.about-desc .col5 {
width: 42%;
}
.about-desc .col7 {
width: 56%;
}
.team-header .team-thumb img {
display: block;
position: static;
width: 100%;
}
.single-team .col6 {
width: 100%;
}
.related-ul div.blg-wr,.filter-top,
.vacations-list .vac-card {
flex-wrap: wrap;
}
.filter-top .vtype,.filter-top .datep,.filter-top .submit-btn-wrap {
width: 100%;
margin: 0 0 8px;
}
.vacations-list .vac-card .figure {
width: 100%;
height: 200px;
}
.vac-summery {
padding: 30px 26px;
width: 100%;
}
.advice-block ul {
flex-wrap: wrap;
}
.info-nav-links li a {
font-size: 14px;
}
.contact-row-wrap .left-tt h6,.left-tt h6 {
font-size: 16px;
}
.contact-sections .col3 {
width: 50%;
margin-bottom: 20px;
}
.contact-form-wrap .col4,.contact-form-wrap .col7 {
width: 100%;
}
.contact-form-wrap .col4 {
margin-bottom: 30px;
}
.ppp p {
max-width: 100%;
font-size: 18px;
}
.teams li {
width: 33.3%;
padding: 10px 10px;
}
.team-header .team-thumb {
position: relative;
margin-top: 0px;
z-index: 3;
width: 100%;
}
.team-header .post-entries h1 {
margin-bottom: 15px;
margin-top: 0;
}
.contact-faqs .col4 {
width: 50%;
}
.vacations-list-wrapper .cols-2 > .col6 {
width: 100%;
}
.additional-info li,.acoomadation-vacation .check-list li {
width: 100%;
}
.filter-popup {
width: 100%;
}
.ltp .rating-wr {
position: absolute;
top: -20px;
right: 20px;
}
.ltp .rating-wr > div:first-child {
display: none;
}
.d-tablet {
display: block;
}
.d-none-tablet {
display: none;
}
.vacation-data .col4,.vacation-data .col8 {
width: 100%;
}
.vacation-data .col4 {
margin-bottom: 40px;
}
.single-post-page .col8, .single-post-page .col4 {
width: 100%;
}
.related-posts {
margin: 30px 0 0;
}
.related-blogs {
padding: 20px 0px 30px;
}
.single-post-page {
padding: 40px 0;
}
.check-boxes label {
width: 50%;
}
.visvakanties-wrap .col3 {
padding-right: 15px;
}
.visvakanties-wrap .col3 .button {
margin-top: 0;
}
}
@media (max-width: 767px) {
.booking-wrap form .vtype,
.booking-wrap form .country-wrap,
.booking-wrap form .datep{
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
border-radius: 4px;
border: 1px solid #dddddd;
background-color: #ffffff;
}
h3, .h3 {
font-size: 22px;
line-height: 1.33;
}
h2, .h2 {
font-size: 24px;
line-height: 1.25;
}
h5, .h5 {
font-size: 18px;
}
.container-fluid {
width: 100%;
padding: 0 15px;
}
.site-header.active {
background-color: #fff;
}
.site-header.active .toggle-mnu span:after, .site-header.active .toggle-mnu span:before {
background-color: #121212;
}
.sub-menu li {
padding: 0;
}
.big-post-bg .h3 {
font-size: 22px;
margin-top: 11px
}
.blog-categories ul a {
padding: 13px 15px;
}
blockquote {
padding: 20px 0 26px 34px;
border-left: 7px solid #d9e3e3;
margin: 36px 0 38px 0;
}
blockquote p {
font-size: 18px;
}
.teams li a {
display: flex;
height: 240px;
}
#about-teammember blockquote {
padding: 20px 30px 26px 34px;
margin: 46px 0 38px 30px;
}
#about-teammember blockquote p {
line-height: 28px;
}
.advice-block.advice-block1 .contact-details a {
height: auto;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
text-align: left;
padding: 12px 20px 12px;
margin-bottom: 7px;
}
.advice-block.advice-block1 img {
margin: 0;
}
.home-hero h1 {
color: #ffffff;
font-size: 28px;
line-height: 30px;
margin-bottom: 20px;
}
.home-hero p {
font-size: 16px;
}
.top-header {
display: none;
}
.home-hero {
padding: 134px 0 0;
min-height: 0;
}
.home-hero .col9 {
width: 100%;
}
.search-fld {
padding: 12px 20px 10px;
}
.booking-wrap {
padding: 15px 20px;
margin: 12px 0;
height: auto;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
border-radius: 4px;
background-color: #ffffff;
margin-bottom: -220px;
}
.booking-wrap form {
display: flex;
flex-direction: column;
}
.booking-wrap form > div {
width: 100% !important;
margin: 0 0 15px;
}
.booking-wrap form #daterange {
padding: 0;
position: static;
}
.countries-wrap {
margin-bottom: 54px;
margin-top: 255px;
position: relative;
z-index: 1;
}
.countries-wrap .h3 {
color: #121212;
margin-bottom: 20px;
}
.country-slide a {
min-height: 98px;
height: auto;
margin-bottom: 11px;
border-radius: 4px;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
max-width: 100%;
}
.visvakanties-wrap .col3,.visvakanties-wrap .col9,
.home-videos-wrap .col6,.home-videos-wrap .col4,.home-videos-wrap .col8 {
width: 100%;
}
.visvakanties-wrap {
padding: 40px 0;
}
.visvakanties-wrap .button {
width: 100%;
}
.visvakanties-wrap .col3 {
margin-bottom: 10px;
margin-top: 0;
}
.visvakanties-slide a >div {
padding: 20px 16px 16px;
}
.visvakanties-slide a >div p {
display: none;
}
.country-slide a > div > span{
display: none;
}
.country-slide .no-post-label {
position: static;
font-size: 12px;
margin-right: 6px;
}
.country-slide a .country span {
font-size: 16px;
}
.visvakanties-slide a >div .h5 {
margin-bottom: 24px;
}
.visvakanties-wrap .col9 {
padding-right: 0;
}
.visvakanties-slider .slick-list {
padding: 0 18% 0 0 !important;
}
.visvakanties-wrap:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
background-color: #f7f2ea;
}
.visvakanties-wrap .col3 p {
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
}
.advice-block, .home-videos-wrap, .home-blogs-wrap, .about-reviews {
padding: 48px 0;
}
.advice-block ul li {
flex: auto;
padding: 0;
text-align: left;
width: 100%;
}
.home-videos {
margin-top: 15px;
margin-bottom: 40px;
}
.home-videos-wrap .button-white {
width: 100%;
font-size: 16px;
line-height: 23px;
}
.row>div.videos-small {
margin-top: 15px;
display: flex;
}
.videos-small img {
height: 120px;
object-fit: cover;
border-radius: 4px;
}
.videos-small > div {
padding: 0 8px;
width: 50%;
}
.videos-small > div:first-child {
padding-left: 0;
}
.videos-small > div:last-child {
padding-right: 0;
}
.play-video:before {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.big-post-bg {
height: 320px;
padding: 27px 35px;
border-radius: 4px;
margin-top: 10px;
overflow: hidden;
}
.home-blogs-wrap .col6 {
width: 100%;
}
ul.tabs li {
font-size: 16px;
line-height: 24px;
}
.bg-newsletter {
position: static;
width: 100%;
height: 200px;
}
.newsletter-footer .col4 {
width: 100%;
margin: 40px 0 0;
}
.newsletter-footer {
background-color: #f7f2ea;
padding: 0;
position: relative;
}
.newsletter-footer h3 {
font-size: 20px;
margin-bottom: 11px;
}
.newsletter-footer p {
margin-bottom: 18px;
}
.newsletter-form-wrap {
padding: 0px 0 0;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="tel"], input[type="search"], textarea, select {
display: block;
padding: 16px 20px;
font-size: 16px;
}
.form-grp {
margin-bottom: 15px;
}
.newsletter-footer .form-grp input[type="submit"] {
margin-top: 15px;
min-width: 240px;
font-size: 16px;
line-height: 1.3;
}
.vacations-destinations .col3,
.vacations-destinations .col9 {
width: 100%;
}
.vacations-destinations ul li {
width: 100%;
padding: 0px 0 16px;
}
.vacations-destinations {
padding: 30px 0 177px;
}
.vacations-destinations:after {
bottom: 0px;
height: 260px;
width: 506px;
max-width: 82%;
z-index: -1;
}
.vacations-destinations h5{
font-size: 16px;
}
.vacations-destinations ul {
list-style: none;
padding: 0;
margin: 0;
}
.vacations-destinations .col3 {
margin: 15px 0;
}
.vacations-destinations .col3 h5 {
position: relative;
padding-right: 30px;
cursor: pointer;
margin: 0;
}
.vacations-destinations .col3 h5.active {
color: #35666f;
}
.vacations-destinations .col3 h5:after {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
font-size: 12px;
font-family: 'icomoon' !important;
content: "\e90b";
}
.vacations-destinations .col3 h5.active:after {
transform: rotate(180deg);
}
.vacations-destinations .col9 {
display: none;
margin-bottom: 20px;
}
.main-footer .col4 {
width: 100%;
margin-bottom: 30px;
}
.main-footer {
padding: 0 0 0 0;
position: relative;
}
.main-footer:before {
margin-bottom: 40px;
}
.copy-right ul.footer-menu a, .copy-right span {
font-size: 14px;
}
.main-footer .social-icons {
margin-top: 28px;
margin-bottom: 19px;
}
.related-ul p {
margin-bottom: 17px;
line-height: 1.62;
font-size: 16px;
}
.related-ul .h5 {
font-size: 16px;
}
.related-ul .re-entry p {
margin-bottom: 25px;
}
.big-video-bg img {
display: block;
height: 240px;
object-fit: cover;
}
.container-left {
padding-right: 15px;
}
.country-slide {
padding: 0;
}
.advice-block p {
max-width: 98%;
margin: 0 auto 42px;
font-size: 16px;
line-height: 24px;
}
.advice-block ul.contact-details a {
padding: 10px 22px 10px 22px;
}
.advice-block .contact-details a b {
font-size: 16px;
line-height: 24px;
line-height: 18px;
}
.advice-block ul li {
font-size: 14px;
}
.slider-logo-r .col12 {
width: 25%;
}
.home-videos-wrap p {
font-size: 16px;
line-height: 1.5;
}
.inner-hero .col7 {
width: 100%;
}
.inner-hero {
padding: 110px 0 82px;
}
.contact-details a {
margin-bottom: 12px;
padding: 8px 24px;
}
.blog-categories ul span {
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 25px;
}
.blog-categories h6 {
display: block;
color: #fff;
font-size: 16px;
}
.header-blg .col10 {
width: 44%;
padding-right: 0;
}
.search-form input {
padding: 0 12px 0 43px;
line-height: 46px;
}
.search-form .submit {
width: 50px;
font-size: 17px;
}
.menu-lang-wrapper {
padding: 75px 30px 40px;
}
.header-blg .col2 {
width: 56%;
}
.blog-categories ul li:first-child {
display: none;
}
.header-blg {
padding: 20px 0 10px;
}
.popular-tags {
margin-top: 11px;
}
.related-blogs {
padding: 20px 0px 30px;
}
.related-blogs .col6 {
width: 100%;
}
.related-ul.related-big figure {
margin-bottom: 25px;
}
.related-ul.related-big div.col4.blg-wr {
width: 100%;
}
.pagination-nav ul.page-numbers {
padding: 30px 0 0;
}
.pagination-nav .page-numbers li {
margin: 0 5px;
}
.pagination-nav .page-numbers a, .pagination-nav .page-numbers span {
padding: 0 10px;
min-width: 40px;
line-height: 40px;
}
.copy-right ul.footer-menu a {
margin-left: 0;
}
.copy-right ul {
flex-direction: column;
margin-top: 10px;
}
.single-banner .col6 {
width: 100%;
}
.entry-thumb {
position: static;
}
.single-banner {
background-color: #fee6c5;
padding: 20px 0 0 0px;
position: relative;
}
.back-button {
font-size: 12px;
padding: 5px 15px;
margin-bottom: 33px;
}
.post-cat-date {
padding: 0 0px 15px;
}
.entry-title {
font-size: 24px;
line-height: 1.25;
margin-bottom: 22px;
}
.post-count {
margin-bottom: 0;
}
.entry-thumb {
position: static;
height: 200px;
margin-top: 25px;
}
.single-post-page {
padding: 40px 0;
}
.single-post-page .col8,
.single-post-page .col4 {
width: 100%;
}
.share-box {
border-radius: 4px;
background-color: #fcf8f5;
padding: 30px 30px;
margin: 30px 0;
}
.a2a_kit.a2a_default_style {
flex-direction: column;
}
.a2a_kit.a2a_default_style a {
width: 100%;
}
.author-box {
padding: 20px 0 25px;
flex-direction: column;
align-items: center;
text-align: center;
}
.author-box .post-author {
width: 80px;
margin-right: 0;
}
.related-posts {
margin: 30px 0 0;
}
.related-posts .related-ul div.blg-wr .slick-slide {
display: flex;
padding-right: 18px;
}
.related-posts .related-ul div.blg-wr {
margin-top: 0;
padding-bottom: 0;
border-bottom: none;
}
.related-posts .related-ul {
margin: 0;
}
.related-posts .related-ul .slick-list {
padding: 0 20% 0 0 !important;
}
.related-ul.related-small figure {
margin-right: 30px;
width: 80px;
}
.related-small .re-entry {
width: calc(100% - 125px);
}
.about-desc {
padding: 30px 0 40px;
}
.about-desc .col7,
.about-desc .col5 {
width: 100%;
}
.about-desc .bx {
border-radius: 4px;
background-color: #fcf8f5;
padding: 32px 35px 16px;
}
ul.check-list li {
font-size: 16px;
line-height: 1.55;
margin-bottom: 10px;
padding-left: 26px;
position: relative;
}
ul.check-list li:before {
top: 3px;
font-size: 13px;
}
.about-gallery .ul .slick-list {
padding: 0 48% 0 0 !important;
margin: 0 -5px;
}
.about-gallery div.ul > div {
padding: 0;
}
.about-gallery div.ul {
display: block;
align-items: center;
margin: 0;
margin-bottom: 0;
}
.about-gallery .ul .slick-list .slick-slide {
padding: 0 5px;
}
.about-reviews .h3 {
margin-bottom: 30px;
}
.review {
padding: 30px 24px 40px;
}
.review-slider .slick-list {
padding: 0 20% 0 0 !important;
}
.rating-wrap {
flex-direction: column;
align-items: flex-start;
}
.review p {
font-size: 16px;
line-height: 1.33;
}
.review > .d-flex {
margin-bottom: 25px;
}
.score-wrap .icon-star {
font-size: 14px;
}
.name-r {
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
}
.review-slider .slick-slide {
padding: 0 10px;
}
.about-teams {
background-color: #f7f2ea;
padding: 40px 0 35px;
}
.about-teams p {
font-size: 16px;
line-height: 1.64;
}
.about-teams .col9 {
width: 100%;
}
.teams li {
width: 50%;
padding: 10px 10px 5px;
}
.teams li .author-d strong {
font-size: 18px;
line-height: 24px;
}
.teams li .author-d {
padding: 20px 15px 10px;
}
.teams li figure {
display: flex;
justify-content: center;
overflow: hidden;
}
.teams li figure img {
display: block;
height: 240px;
width: auto;
max-width: fit-content;
}
.about-instagram {
padding: 50px 0;
}
.insta {
margin: 30px auto;
}
.team-header .post-entries h1 {
margin-bottom: 15px;
}
.single-banner .col5 {
width: 100%;
margin-top: 30px;
margin-bottom: -90px;
}
.single-team {
padding: 38px 0;
margin-top: 90px;
}
.team-details-mob {
position: relative;
padding-top: 40px;
}
.vacation-menu {
padding: 8px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
background-color: #ffffff;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.single-team .col6 {
width: 100%;
}
.single-team .col6 {
width: 100%;
}
.related-team {
padding: 40px 0;
}
.related-team .row {
display: block;
margin:24px 0 0;
}
.related-team .row .slick-list {
padding: 0 22% 0 0 !important;
margin: 0 -10px;
}
.related-team .row .col3 {
width: auto;
padding: 0 10px;
}
.related-team .button, .author-blog .button {
margin-top: 35px;
}
.author-blog {
padding: 28px 0;
}
.inner-hero.contact-hero {
padding: 100px 0 172px;
}
.contact-sections .col3 {
width: 100%;
margin-bottom: 20px;
}
.contact-sections {
position: relative;
transform: translateY(-166px);
margin-bottom: -166px;
}
.contact-form-wrap {
padding: 30px 0 0;
}
.man-box {
margin: 0px -15px 0;
padding: 28px;
border-radius: 4px;
background-color: #eee7da;
max-width: none;
width: calc(100% + 30px);
text-align: center;
}
.ppp p {
max-width: 100%;
font-size: 16px;
}
.contact-faqs {
padding: 40px 0 15px;
}
.contact-faqs h2.h3, .contact-faqs .col4 {
margin-bottom: 30px;
}
.contact-faqs .col4 {
width: 100%;
}
.faqbox {
padding-bottom: 20px;
margin-right: 0;
}
.faq-bg h3 {
color: #fff;
margin-bottom: 74px;
}
.cicon {
margin: 0 15px 0 0;
}
.cbdf {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.top-sec {
margin-bottom: 30px;
}
.share-information .a2a_kit.a2a_default_style {
justify-content: flex-start;
flex-direction: row;
}
.vacation-data .col8 .box {
padding: 30px 15px;
margin-bottom: 12px;
margin-left: -15px;
margin-right: -15px;
}
.text-row-wrap .left-tt,.contact-row-wrap .left-tt {
width: 100%;
margin-bottom: 10px;
}
.text-row-wrap .right-tt,.contact-row-wrap .right-tt {
width: 100%;
}
.text-row-wrap {
flex-direction: column;
padding-bottom: 10px;
margin-bottom: 30px;
}
.contact-row-wrap {
flex-direction: column;
padding-bottom: 30px;
margin-bottom: 30px;
}
.vactions-col {
padding: 0 15px 30px;
}
.d-desktop {
display: none;
}
.filter-top .submit-btn-wrap {
width: 50%;
margin: 0 0 0px;
padding: 0 4px;
}
.vacations-list .tp span {
width: 100%;
}
.vacations-list .tp span.sortby {
display: none;
}
.vacations-list .tp {
margin-bottom: 10px;
}
.vacations-list .vac-card .figure {
height: 180px;
}
.selected-fliter {
margin-bottom: 20px;
}
.d-mobile {
display: block;
}
.filter-top {
margin: 0 0px 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
background-color: #ffffff;
left: -15px;
position: relative;
width: calc(100% + 30px);
}
.filter-top .search-fld .icon-dropdown {
right: 44px;
}
.coutry-filter {
margin: 0 0px 23px;
}
.vacation-post .rating-wr,.ltp .rating-wr {
position: absolute;
top: -20px;
right: 20px;
}
.ltp .rating-wr > div:first-child {
display: none;
}
.search-label {
font-size: 12px;
}
.author-blog .related-ul div.blg-wr {
flex-direction: column;
height: 100%;
border: none;
margin-top: 5px;
padding-bottom: 19px;
}
.author-blog .related-ul.related-small figure {
margin-right: 0;
width: 100%;
}
.author-blog .related-small .re-entry {
width: 100%;
padding: 18px 0;
}
.author-blog .related-ul p {
display: none;
}
.author-blog .related-ul .entry-cat {
margin-bottom: 16px;
}
.mobile-toggle .button {
padding: 4px 7px;
line-height: 22px;
font-size: 15px;
}
.about-us-hero.inner-hero {
padding: 101px 0 24px;
}
.about-gallery img {
display: block;
max-height: 240px;
width: auto;
border-radius: 4px;
}
.contact-data {
background-color: transparent;
}
.contact-form-wrap .col4 {
margin-bottom: 0;
}
.contact-form-wrap .col7 {
padding: 35px 15px 0;
background-color: #f7f2ea;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
display: none;
overflow-y: scroll;
height: 100vh;
}
/* .map-iframe{
height: auto;
}*/
.mobile-back .back-button {
padding: 8.5px 15px;
margin-bottom: 30px;
}
.mobile-back .back-button i{
margin-right: 0;
}
.contact-form-wrap .col6 {
width: 100%;
}
.related-blogs .related-ul.related-big div.blg-wr {
flex-wrap: wrap;
margin-top: 7px;
}
.related-blogs .related-ul .h5 {
font-size: 18px;
font-weight: 700;
margin-top: 20px;
}
.related-blogs .related-ul .re-entry .h5 {
margin-top: 0px;
}
.related-posts .related-ul figure {
margin-right: 15px;
width: 60px;
}
.related-posts .re-entry {
width: calc(100% - 85px);
}
.related-ul.related-small{
padding-top: 25px;
}
.page-template-visvakanties .site-content {
position: relative;
}
.about-vacation {
position: relative;
}
.vacationbanner-imagesd-flex .col6 {
padding: 0 2px;
width: 100%;
}
.vaction-text {
display: block;
height: 340px;
width: 100%;
}
.one-ing-big {
height: 340px;
}
.one-ing-big +.col6 {
display: flex;
}
.one-img-port {
width: 33.3%;
min-height: 90px;
padding: 2px 3px 0 0;
}
.tw-img { width:66.6%;min-height: 90px; }
.one-ing-big +.col6 img {
height: 100%;
max-width: fit-content;
}
.show-all-img span {
text-align: center;
font-size: 12px;
}
.box .col6,.box .col5,.box .col7 {
width: 100%;
}
.box.reviews-vacation .rating-wr {
margin-top: 20px;
text-align: left !important;
}
.box.reviews-vacation .total-rating {
margin-left: 0;
width: 50px;
height: 50px;
float: left;
margin-right: 15px;
line-height: 50px;
margin-bottom: 0;
}
.why-us {
padding: 30px 0;
}
.vacation-data .col4 {
margin-bottom: 0;
}
.related-vacation {
padding: 46px 0;
}
.related-vacation .row {
display: block;
}
.related-vacation .col4 {
width: auto;
padding: 15px 15px;
}
.related-vacation .row .slick-list {
padding: 0 12% 0 0 !important;
}
.related-vacation .row.slick-dotted.slick-slider {
margin-bottom: 0;
}
.vacation-banner {
background: none;
}
.vacation-data {
padding: 0;
}
.advice-block1 {
padding: 40px 15px;
}
.review-form {
padding: 22px 0;
}
.review-form .col9, .review-form .col3, .review-form .col6 {
width: 100%;
}
.c0lre {
margin-bottom: 28px;
}
.filter-popup .col12 .h5 {
margin-bottom: 20px;
}
.filter-popup .vtype {
margin-bottom: 10px;
}
.filter-popup .datep {
margin-bottom: 35px;
}
.fl1 .label1 {
width: 100%;
margin-bottom: 17px;
}
.fl1 {
padding: 32px 0 42px;
border-bottom: 1px solid #ded7cc;
flex-wrap: wrap;
}
.check-boxes {
width: 100%;
margin-top: 10px;
}
.check-boxes label {
margin-bottom: 21px;
line-height: 22px;
}
.btm-filter {
padding: 16px 15px;
}
/*2306*/
.slick-dots {
margin-top: 10px;
}
.slick-dotted.slick-slider {
margin-bottom: 37px;
}
.slick-dots li {
width: 10px;
height: 10px;
margin: 0 10px;
}
.slick-dots li button{
width: 10px;
height: 10px;
}
.p-relative {
margin-left: 15px;
}
.country-slide a .country img {
margin-right: 15px;
}
.advice-block {
padding-bottom: 97px;
}
.home .advice-block:after {
top: initial;
bottom: 0;
transform: translateY(-0%);
height: 164px;
max-width: 46%;
z-index: -1;
}
.home-videos-wrap{
padding: 40px 0 125px;
}
.home-videos-wrap .dfish {
top: 86%;
max-width: 49%;
z-index: -1;
}
.home-blogs-wrap {
padding: 22px 0 45px;
}
.header-blg .search-box .search-form input,
.header-blg .search-box .search-form .submit{
height: 47px;
}
.header-blg .menu-lang {
height: 48px;
}
.header-blg .menu-lang span {
text-transform: capitalize;
}
.related-blogs.style2{
padding: 20px 0px 45px;
}
.related-blogs.style2 .related-ul.related-big .blg-wr figure a img{
height: 280px;
object-fit: cover;
}
.related-blogs.style2 .related-ul.related-big h4.h5 {
font-size: 20px;
}
.related-blogs.style2 .related-ul .entry-cat {
margin-bottom: 22px;
}
.related-blogs.style2 .related-ul.related-small .entry-cat {
margin-bottom: 12px;
}
.related-blogs.style2 .related-ul.related-small P{
margin-bottom: 15px;
}
.related-blogs.style2 .related-ul.related-small .blg-wr {
padding-bottom: 25px;
}
.main-posts.style3 h2.h3{
margin-bottom: 0;
}
.main-posts.style3 .related-ul.related-big figure a img{
height: 200px;
}
.main-posts.style3 .blog-post:after{
display: none;
}
.main-posts.style3 .related-ul.related-big div.col4.blg-wr {
padding-bottom: 20px;
}
.main-post-videos .col7,
.main-post-videos .col4,
.main-post-videos .col6{
width: 100%;
}
.main-posts.main-post-videos.style3 {
margin-top: 21px;
}
.main-posts.style3.main-post-videos h2.h3 {
margin-bottom: 17px;
}
.main-post-videos .col-big .play-video img {
height: 240px;
object-fit: cover;
margin-bottom: 30px;
}
}
@media (min-width: 992px){
html body .daterangepicker {
width: 795px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
}
html body .daterangepicker .drp-calendar {
max-width: 50%;
}
}
html body .daterangepicker:before, html body .daterangepicker:after {
display: none;
}
html body .daterangepicker .calendar-table th,
html body .daterangepicker .calendar-table td {
min-width: 46px;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 16px;
text-transform: lowercase;
}
html body .daterangepicker td.in-range {
background-color: #e5f4f2;
color: #121212;
}
html body .daterangepicker td.active,
html body .daterangepicker td.active:hover,
html body .daterangepicker td.start-date,
html body .daterangepicker td.end-date {
background-color: #698f96;
position: relative;
color: #fff;
}
html body .daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
html body .daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
html body .daterangepicker td.start-date:not(.end-date):not(.off):after {
content: "";
position: absolute;
left: 100%;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
margin-left: -1px;
border-color: transparent transparent transparent #698f96;
}
html body .daterangepicker td.end-date:not(.start-date):not(.off):after {
content: "";
position: absolute;
right: 100%;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 6px 0;margin-right: -1px;
border-color: transparent #698f96 transparent transparent;
}
html body .daterangepicker th.month {
font-weight: 700;
}
html body .daterangepicker .drp-calendar.left,
html body .daterangepicker .drp-calendar.right {
padding: 30px 30px 15px 30px;
}
html body .daterangepicker .drp-calendar.right {
margin-left: 16px;
}
html body .daterangepicker .calendar-table .next span,
html body .daterangepicker .calendar-table .prev span {
transform: none;
border: none;
width: 16px;
height: 16px;
background: url(../images/arrow-left.png) no-repeat center / 16px;
}
html body .daterangepicker .calendar-table .next span {
background: url(../images/arrow-right.png) no-repeat center / 16px;
}
html body .daterangepicker .drp-selected{
font-size: 16px;
display: block;
}
.page-template-page-html .newsletter-footer {
display: none;
}
.show {
display: block;
}
.showing {
display: none;
}
.limited-text .show.active {
display: none;
}
.fotos-review {
display: flex;
margin: 0 -6px 40px;
}
.fotos-review > a {
display: none;
padding: 0 6px;
}
.fotos-review > a:nth-child(-n+4) {
display: block;
}
.all-fotos,.fotos-review > a img {
display: block;
border-radius: 4px;
background-color: #e5f4f2;
height: 177px;
object-fit: cover;
cursor:pointer;
}
.fotos-review > a.all-fotos {
padding: 10px 30px;
display: flex !important;
align-items: center;
justify-content: center;
color: #35666f;
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.rtxt {
padding-left: 65px;
}
.abWrapper td.abCalendarPast,
.abWrapper .abCalendarLinkDateInner,
.abWrapper td.abCalendarMonth {
height: 25px !important;
}
.share-mobile{
display: none;
}
.rating-wr.d-hide{
display: none;
}
.rating-wr.d-hide span,
.rating-wr.d-hide a{
color: #fff;
}
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft{
left: 78px !important;
}
/*@media (max-width: 1919px) {
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft{
left: 0px !important;
}
}*/
@media (min-width: 2700px) {
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 44.5%;
}
.page-template-page-html .daterangepicker .drp-calendar.left,
.page-template-page-html .daterangepicker .drp-calendar.right{
width: 49.1%;
}
}
@media (max-width: 2699px) {
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 43.5%;
}
.page-template-page-html .daterangepicker .drp-calendar.left,
.page-template-page-html .daterangepicker .drp-calendar.right{
width: 48.1%;
}
}
@media (max-width: 2399px) {
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 42.8%;
}
}
/*@media (max-width: 2199px) {
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 42.5%;
}
}*/
@media (max-width: 2000px) {
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 42%;
}
.page-template-page-html .daterangepicker .drp-calendar.left,
.page-template-page-html .daterangepicker .drp-calendar.right{
width: 49%;
}
}
@media (max-width: 1919px) {
.page-template-page-html .daterangepicker .drp-calendar.left,
.page-template-page-html .daterangepicker .drp-calendar.right {
width: inherit;
}
}
@media (max-width: 1699px) {
.page-template-page-html .daterangepicker .calendar-table th,
.page-template-page-html .daterangepicker .calendar-table td {
min-width: 40px;
width: 40px;
height: 40px;
line-height: 40px;
}
}
@media (max-width: 1599px) {
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 662px;
}
.page-template-page-html .daterangepicker .calendar-table th,
.page-template-page-html .daterangepicker .calendar-table td {
min-width: 44px;
width: 44px;
height: 44px;
line-height: 44px;
}
.page-template-page-html .daterangepicker .drp-calendar.left,
.page-template-page-html .daterangepicker .drp-calendar.right {
padding: 15px;
}
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
left: 30px !important;
}
.page-template-page-html .daterangepicker .drp-calendar {
max-width: 48%;
}
}
@media (max-width: 1439px) {
.page-template-page-html .daterangepicker .drp-calendar.right {
margin-left: 0;
}
.page-template-page-html .daterangepicker .calendar-table th, .page-template-page-html .daterangepicker .calendar-table td {
min-width: 35px;
}
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 581px;
}
}
@media (max-width: 1279px) {
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
left: 23px !important;
}
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 95%;
}
.page-template-page-html .daterangepicker .drp-calendar {
max-width: 50%;
}
.page-template-page-html .daterangepicker .drp-calendar.left, .page-template-page-html .daterangepicker .drp-calendar.right {
width: 100%;
}
}
@media (max-width: 991px) {
.filter-top .datep.d-desktop .search-fld{
padding: 30px 20px;
}
}
@media (max-width: 767px) {
html body .daterangepicker .drp-calendar.left, html body .daterangepicker .drp-calendar.right {
padding: 15px 15px 15px 0px;
}
.daterangepicker .drp-calendar {
max-width: 100% !important;
}
.daterangepicker {
width: 100% !important;
right: 0 !important;
left: 0 !important;
}
html body .daterangepicker .calendar-table th, html body .daterangepicker .calendar-table td {
min-width: 40px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
}
html body .daterangepicker .drp-calendar.right {
margin-left: 0;
}
}
.dyn-field label {
position: relative;
padding-left: 30px;
line-height: 32px;
margin-top: 30px;
}
.dyn-field {
margin-bottom: 62px;
}
.form-grp.space-more {
margin-bottom: 70px;
}
.col-big {
margin-bottom: 80px;
}
.col-big .play-video img {
width: 100%;
display: block;
}
.col-big-text {
display: flex;
align-items: center;
}
.main-post-videos {
margin-top: 55px;
}
.main-post-videos .h3 {
margin-bottom: 35px;
}
.area-vacation ul.tabs {
flex-direction: column;
text-align: left;
margin-bottom: 0;
}
.area-vacation ul.tabs li {
color: #121212;
font-size: 16px;
font-weight: 400;
line-height: 28px;
border-radius: 4px;
border: none;
padding: 12px 20px;
margin: 0;
}
.area-vacation ul.tabs li.current {
color: #35666f;
background-color: #e5f4f2;
font-weight: 600;
}
.description .show-more span:hover,
.description2 .show-more span:hover{
text-decoration: underline;
}
.sbi_follow_btn.sbi_custom a{
font-size: 18px !important;
line-height: 32px !important;
appearance: none !important;
cursor: pointer !important;
position: relative !important;
display: inline-block !important;
padding: 12px 20px !important;
text-align: center !important;
font-weight: 700 !important;
box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px !important;
border-radius: 4px !important;
background-color: rgb(255, 121, 0) !important;
border: 1px solid transparent !important;
color: rgb(255, 255, 255) !important;
transition: all 0.2s ease 0s !important;
margin-top: 80px !important;
}
.sbi_follow_btn.sbi_custom a svg{
display: none !important;
}
.cancelBtn.btn.btn-sm.btn-default,
.applyBtn.btn.btn-sm.btn-primary{
display: none !important;
}
.daterangepicker.show-calendar .drp-buttons {
text-align: center;
padding: 15px;
}
.page-template-information .newsletter-footer{
display: none;
}
.mobile-map-button,
#map_panel .back-button.d-hide {
display: none;
}
@media (max-width: 767px) {
.PriceTable.fixed-mobile{
display: flex !important;
align-items: center;
justify-content: space-between;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 15px 15px 15px;
z-index: 99;
}
.PriceTable.fixed-mobile .button {
margin-top: 0px;
margin-bottom: 0px;
}
.PriceTable.fixed-mobile .PriceTableTitle,
.PriceTable.fixed-mobile .perprice {
font-size: 12px;
line-height: 12px;
text-align: left;
display: block;
}
.PriceTable.fixed-mobile .PriceTablePrice {
font-size: 18px;
margin: 0px 0;
}
.PriceTable.fixed-mobile .text-center {
padding-bottom: 0px;
}
.PriceTable.fixed-mobile .button {
font-size: 14px;
padding: 11px 11px;
max-width: 226px;
}
.page-template-visvakanties .site-footer{
padding-bottom: 78px;
}
.button.m-hide{
display: none;
}
.button.button-m-show{
display: flex !important;
width: calc(100% - 30px);
align-items: center;
justify-content: center;
margin-top: 30px;
left: 15px;
}
.box.reviews-vacation .review-header {
border-bottom: none;
margin-bottom: 10px;
}
.box.reviews-vacation .rating-wr {
margin-top: 9px;
}
.related-vacation .h3 {
margin-bottom: 5px;
}
.rating-wr.d-hide{
display: block;
}
.rating-wr.d-hide .d-flex{
align-items: flex-start;
}
.rating-wr.d-hide .total-rating {
width: 38px;
height: 38px;
font-size: 14px;
line-height: 38px;
margin-bottom: 10px;
}
.rating-wr.d-hide span{
font-size: 14px;
line-height: 26px;
}
.rating-wr.d-hide a {
font-size: 12px;
}
.vaction-text .col12 {
padding-left: 0;
padding-right: 0;
}
.page-template-page-html .daterangepicker.ltr.show-calendar.opensleft {
width: 90%;
}
.page-template-page-html .daterangepicker .drp-calendar {
max-width: 100%;
}
.rule-wrap i {
margin-right: 15px;
}
.vacation-data.style2 .top-btn .back-button {
margin-bottom: 40px;
}
.vacation-data.style2 .top-sec {
margin-bottom: 35px;
}
.vacation-data.style2 .container{
padding: 0 20px;
}
.info-nav-links li a {
margin-bottom: 8px;
}
.share.share-information{
margin-bottom: 32px;
}
.vacation-data.style2 .col8 .box {
padding: 30px 30px;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
}
.vacation-data.style2 .col8 .box h3{
margin-bottom: 15px;
}
.vacation-data.style2 .col8 .box p{
line-height: 26px;
margin-bottom: 12px;
}
#block-1 p:nth-child(3) {
margin-bottom: 0px;
}
.vacation-data.style2 .text-row-wrap {
padding-top: 13px;
flex-direction: column;
padding-bottom: 5px;
margin-bottom: 15px;
}
.vacation-data.style2 .text-row-wrap .left-tt{
margin-bottom: 0px;
}
.vacation-data.style2 .left-tt h6 {
margin-bottom: 3px;
}
#block-3 .text-rows-wrap,
#block-4 .text-rows-wrap{
padding-top: 0;
}
.contacts-rows-wrap {
padding-top: 19px;
}
.contact-row-wrap .left-tt i {
font-size: 23px;
margin-right: 16px;
}
.contact-row-wrap .left-tt h6{
font-size: 16px;
}
.contact-row-wrap .right-tt{
padding-left: 39px;
}
.contact-row-wrap {
padding-bottom: 15px;
}
.site-header.abs-header.active .mobile-toggle .button{
display: none;
}
.back-menu{
text-align: center;
position: relative;
}
.back-menu a {
font-size: 18px;
display: inline-flex;
margin: 20px 0 10px;
}
.back-menu a:after {
position: absolute;
left: 0;
}
.sub-menu a {
margin: 20px 0;
}
.fotos-review > a:first-child,.fotos-review > a:nth-child(2) {
display: none;
}
.bk-btm img {
display: block;
margin: 0 auto;
}
.rtxt {
padding-left: 0;
}
.review-form .col8,.review-form .col4 {
width: 100%;
}
.map-wrap .map-info {
right: 50%;
transform: translateX(50%);
top: initial;
bottom: 38px;
width: 335px;
}
.map-wrap .acf-map {
min-height: 562px;
}
.d-mobile #daterange {
padding: 2px 2px;
position: relative;
}
.single .add-extra {
padding: 30px 20px 22px;
margin-bottom: 30px;
}
.col6.related-ul.related-small{
margin-top: 38px;
}
.col6.related-ul.related-small .re-entry .h5 {
font-size: 18px;
}
.col6.related-ul.related-small .entry-cat {
margin-bottom: 15px;
}
.col6.related-ul.related-small p {
font-size: 16px;
}
.main-footer .logo{
width: 195px;
}
.main-footer a, .footer-ad1 {
font-size: 16px;
}
.main-footer h6{
margin-bottom: 6px !important;
}
#menu-footer li{
margin-bottom: 14px;
}
.main-footer ul.contact-details li a{
margin-bottom: 8px;
}
.main-footer ul.contact-details span{
font-size: 14px;
line-height: 22px;
}
.main-footer ul.contact-details{
margin-bottom: 20px;
}
.copy-right {
padding: 25px 50px;
}
.copy-right span {
line-height: 30px;
}
.copy-right ul {
margin-top: 15px;
}
.main-footer:before{
height: 0;
}
.filter-top .search-val,
.filter-top #daterange {
font-size: 14px;
}
.vac-filter > .h5{
font-size: 16px;
margin-bottom: 8px;
}
.coutry-filter li {
min-width: 150px;
}
.vac-summery {
padding: 20px 25px 13px;
}
.vacations-list.style2 .vac-card {
margin-bottom: 18px;
}
.vacations-list.style2 .vac-summery .h5{
font-size: 18px;
margin-bottom: 10px;
}
.vacations-list.style2 .rdth {
display: flex;
align-items: self-end;
padding-top: 0;
}
.vacations-list.style2 .ldth {
padding-right: 0;
}
.filter-top .search-fld {
padding: 10px 40px 8px;
border: none;
box-shadow: initial;
}
.submit-btn-wrap.filter-btn{
position: relative;
}
.submit-btn-wrap.filter-btn:after{
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 20px;
background-color: #dddddd;
content: "";
transform: translate(-0%,-50%);
}
.selected-fliter ul li {
padding: 8px 13px 5px;
}
.selected-fliter .reset{
display: none;
}
.country-flg img {
width: 18px;
height: 18px;
}
.vac-summery .country-flg + span a {
padding-left: 12px;
margin-left: 10px;
border-left: 1px solid #dddddd;
}
.vac-summery .details i{
font-size: 14px;
margin-right: 4px;
}
.vac-summery .details li {
padding: 6px 10px;
}
.vacations-list.style2 .PriceTablePrice {
margin: 8px 0 0;
}
.vacations-list.style2 .vac-summery .button {
margin: 0 0 8px;
max-width: 148px;
padding: 13px;
font-size: 16px;
}
.vacations-list.style2 .rdth {
justify-content: space-between;
}
.uht-slider-wrap .h5 {
margin-bottom: 16px;
}
.uht-slide {
flex-direction: column-reverse;
}
.uht-slide .lswd ,
.uht-slide .rswd{
width: 100%;
}
.uht-slide .rswd {
min-height: 140px;
}
.uht-slider.slick-dotted.slick-slider {
margin-bottom: 10px;
}
.uht-slider .slick-list{
overflow: initial;
width: 65%;
}
.uht-slide .lswd {
padding: 16px 20px;
}
.uht-slide .lswd h6{
font-size: 16px;
margin-bottom: 8px;
}
.uht-slide .pric-uht {
margin-top: 15px;
}
.uht-slider .slick-dots {
margin-top: 15px;
}
.load-btn-wrap.text-center {
margin-top: 37px;
margin-bottom: 10px;
}
.advice-block.advice-block1 {
padding: 50px 15px;
}
.advice-block.advice-block1 .h3{
font-size: 20px;
}
.filter-popup .col12 {
padding: 0px 20px 150px;
}
.search-val {
font-size: 16px;
}
.search-fld .icon-dropdown {
font-size: 12px;
right: 20px;
}
.vacation-menu ul a {
font-size: 14px;
}
.vaction-text .h2 {
font-size: 24px;
}
.box.about-vacation.limited-text h2.h3{
font-size: 20px;
}
.box.area-vacation{
font-size: 16px;
}
.additional-info li {
height: 40px;
padding-top: 7px !important;
width:100%;
}
.box .h5 {
margin-bottom: 20px;
}
.vacation-data .col8 .additional-info li {
padding: 0 15px 0px;
}
.vacation-data .col8 .additional-info li:last-child{
margin-bottom: 0;
}
.tab-content .acf-map {
position: relative;
left: -15px;
width: calc(100% + 30px);
height: 220px;
}
.area-vacation ul.tabs {
margin-bottom: 20px !important;
}
.box.area-vacation{
padding: 30px 15px 0 !important;
}
.box.about-vacation.limited-text{
padding: 30px 15px 20px !important;
}
.box.extra-vacation,
.box.acoomadation-vacation,
.box.prices-vacation{
padding: 20px 15px 20px !important;
}
.box.reviews-vacation .review-top{
align-items: flex-end;
}
.box.reviews-vacation .review-top .entry-date {
display: block !important;
color: #757575;
font-size: 12px;
font-weight: 600;
line-height: 26px;
}
.box.reviews-vacation .review-top .reviewer {
margin-bottom: 0px;
font-size: 16px;
}
.reviews-list .fotos-review > a img,
.reviews-list .fotos-review > a.all-fotos {
width: 86px;
height: 66px;
}
.reviews-list .fotos-review > a.all-fotos {
font-size: 14px;
}
.reviews-list .fotos-review {
margin: 0 -6px 25px;
}
.reviews-list .review-wrap .review .rtxt .entry-date {
display: none;
}
.reviews-list .review-wrap .review .rtxt .pros-cons {
margin-bottom: 0;
}
.related-vacation .button.btn-unfill {
margin-top: 40px;
}
.vacation-menu .container{
display: flex;
align-items: center;
}
.share-mobile{
color: #121212;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
margin-right: 20px;
padding-left: 26px;
position: relative;
display: block;
}
.share-mobile:after{
position: absolute;
left: 0;
top: 4px;
content: "";
width: 16px;
height: 16px;
background: url(../images/share.svg) no-repeat center/16px ;
}
.review-form .h3 {
font-size: 20px;
line-height: 26px;
padding-top: 0px;
}
.c0lre.d-mobile figure img{
height: 160px;
object-fit: cover;
}
.review-form .c0lre{
margin-bottom: 6px;
}
.review-form .c0lre .vbt{
padding: 10px 25px 17px;
}
.review-form .c0lre .vbt h3{
margin-bottom: 8px;
}
.review-form form .wpcf7-starratingawesome.starratingawesome {
margin: 13px 0 0px;
}
.review-form .dyn-field label {
margin-top: 17px;
}
.review-form .dyn-field {
margin-bottom: 0;
}
.review-form .form-grp.space-more {
margin-bottom: 0;
padding-top: 40px;
}
.review-form textarea{
max-height: 200px;
}
.codedropz-upload-container {
padding: 45px 40px 20px;
}
.codedropz-upload-inner:before {
margin: 0 auto 17px;
width: 50px;
height: 50px;
background: #e5f4f2 url(../images/upload.png) no-repeat center / 20px;
}
.codedropz-upload-inner h5 {
font-size: 14px;
margin-bottom: 0;
}
.codedropz-upload-inner span{
display: none;
}
.inner-hero.blog-hero .h2{
font-size: 24px;
}
.inner-hero.blog-hero p {
font-size: 16px;
line-height: 26px;
}
.popular-tags strong,
.popular-tags a{
font-size: 14px;
}
.related-blogs h2.h3{
font-size: 20px;
}
.main-posts h2.h3{
font-size: 20px;
}
.related-ul.related-big h4.h5{
font-size: 18px;
}
.inner-hero.blog-hero {
padding: 110px 0 100px;
}
.main-post-videos.style3 .related-ul.related-big h4.h5 {
font-size: 20px;
padding-top: 10px;
}
.main-post-videos.style3 .related-ul .re-entry p {
margin-bottom: 15px;
}
.main-post-videos.style3 .col-big {
margin-bottom: 25px;
}
.about-us-hero h1.h2{
font-size: 24px;
}
.about-us-hero p,
.about-instagram p {
font-size: 16px;
}
.about-desc h2.h3,
.about-reviews h2.h3,
.about-teams h2.h3,
.about-instagram h2.h3{
font-size: 20px;
line-height: 28px;
margin-bottom: 8px;
}
.about-desc p,
.about-reviews p,
.about-teams p,
.about-instagram p{
line-height: 26px;
}
.about-reviews .reviewer {
margin-bottom: 0px;
font-size: 16px;
}
.slider-logo-r .entry-date{
color: #757575;
font-size: 14px;
font-weight: 600;
line-height: 26px;
}
.about-reviews .button-b,
.about-instagram .button-b {
font-size: 16px;
line-height: 22px;
text-align: center;
width: calc(100% - 10px);
margin: 0 5px;
}
.insta span{
font-size: 14px;
}
.about-reviews h2.h3{
padding: 0 100px;
margin-bottom: 30px;
}
.about-reviews p{
margin-bottom: 33px;
}
.review-slider .review{
padding: 30px 24px 0px;
}
.review-slider .slick-dots{
margin-top: 24px;
}
.about-teams p {
margin-bottom: 30px;
}
.single-banner.team-header {
padding: 17px 0 0px;
}
.single-banner.team-header .back-button{
margin-bottom: 40px;
}
.single-banner.team-header p{
font-size: 16px;
margin-bottom: 28px;
}
.single-banner.team-header .post-entries h1 {
margin-bottom: 12px;
}
.single-banner.team-header .col5.team-thumb{
margin-top: 0;
}
.single-banner.team-header .team-thumb img {
height: 280px;
object-fit: cover;
object-position: top;
border-radius: 4px;
}
#about-teammember.single-team {
padding: 38px 0 22px;
}
#author-blogs .h3 {
font-size: 20px;
margin-bottom: 0;
}
#author-blogs .related-ul.related-small {
padding-top: 15px;
}
#author-blogs .related-ul.related-small .re-entry {
padding-right: 0px;
}
#author-blogs .button.btn-unfill.button-b,
#related-team .button.btn-unfill.button-b {
margin-top: 11px;
font-size: 16px;
line-height: 24px;
width: 100%;
}
#related-team {
padding: 30px 0 48px;
}
#related-team h2.h3 {
font-size: 20px;
margin-bottom: 0;
}
#related-team .slick-dotted.slick-slider {
margin-top: 0px;
margin-bottom: 14px;
}
.contact-hero p{
font-size: 16px;
}
.contact-hero .h2{
font-size: 24px;
}
.contact-faqs.style2 h2.h3{
font-size: 20px;
margin-bottom: 20px;
}
.contact-faqs.style2 .faqbox {
padding-bottom: 16px;
}
.vacation-data.style2{
padding: 20px 0 50px;
}
.back-button i {
margin-right: 8px;
}
.vacation-data.style2 .top-sec .h2{
font-size: 24px;
line-height: 32px;
margin-bottom: 10px;
}
.vacation-data.style2 .top-sec h5{
font-size: 16px;
line-height: 26px;
}
.rule-wrap {
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin-bottom: 17px;
}
.sub-menu .back-menu a{
font-weight: bold;
margin: 17px 0 20px;
}
.toggle-mnu {
width: 24px;
}
.toggle-mnu.on {
top: 3px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit{
min-width: 100%;
}
.filter-popup .d-mobile .datep .search-fld {
font-size: 16px;
padding: 9px 20px 9px;
}
.filter-popup .fl1.d-flex .check-boxes label {
margin-bottom: 25px;
}
.filter-popup .col12 .fl1.acc,
.filter-popup .col12 .fl1.water{
padding: 32px 0 18px;
}
.mobile-map-button {
display: block;
position: fixed;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
}
.mobile-map-button a{
color: #ffffff;
font-size: 14px;
font-weight: 700;
padding: 10px 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 4px;
background-color: #35666f;
}
.mobile-map-button a img{
margin-right: 10px;
}
.mobile-map-button.active .filterbtn {
display: block;
}
#map_panel{
display: none;
position: fixed !important;
left: 0;
top: 0;
z-index: 999;
}
#map_panel .map-iframe{
position: fixed;
}
#map_panel .back-button.d-hide{
display: block;
position: absolute;
top: 20px;
left: 20px;
z-index: 999;
padding: 8px 5px 8px 15px;
}
.filter-popup {
position: fixed;
top: 0;
height: 100vh;
z-index: 99999;
}
.vacations-list-wrapper {
overflow: hidden;
}
.home .daterangepicker{
position: fixed;
top: 0 !important;
margin-top: 0;
height: 100vh;
overflow: scroll;
padding-top: 40px;
}
.home .daterangepicker .drp-buttons .drp-selected{
display: none !important;
}
.home .daterangepicker .applyBtn.btn.btn-sm.btn-primary {
display: block !important;
position: fixed;
bottom: 14px;
left: 20px;
width: calc(100% - 60px);
margin-left: 0;
font-size: 0;
padding: 0;
border: none;
}
.home .daterangepicker .applyBtn.btn.btn-sm.btn-primary:after{
position: absolute;
left: 0px;
bottom: 0;
width: 100%;
content: "Selecteer datum";
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 4px;
background-color: #ff7900;
color: #ffffff;
font-size: 16px;
font-weight: 700;
padding: 8px 8px;
}
.home .daterangepicker .cancelBtn.btn.btn-sm.btn-default{
display: block !important;
position: fixed;
top: 32px;
right: 30px;
font-size: 0;
padding: 0;
margin: 0;
border: 0;
box-shadow: none;
background: transparent;
}
.home .daterangepicker .cancelBtn.btn.btn-sm.btn-default:after{
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
content: "";
background: url(../images/sluiten.svg) no-repeat center/20px;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 34px 20px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
background-color: #ffffff;
}
}
.home-videos-wrap .row .col8{
padding-left: 15px;
padding-right: 10px;
}
.home-videos-wrap .row .col4{
padding-right: 15px;
padding-left: 10px;
}
.klantenservice{
margin 0 20px;
}
/*oude stylesheet vanaf hier */
/* Hunar */
.c-btn-large {
font-size: 18px !important;
font-weight: 800 !important;
padding: 17px 20px !important;
}
@media (max-width: 767px) {
p {
line-height: 26px;
}
}
/* carousel1 */
.carousel1 .slide-c1 {
margin-right: 20px;
}
.carousel1 .slide-c1:hover {
margin-right: 20px;
transform: translateY(-6px);
}
.carousel1 .slide-c1 .slide-wrapper {
position: relative;
height: 100%;
}
.carousel1 .slide-c1 .slide-wrapper .figure1 {
position: relative;
height: 100%;
}
.carousel1 .slide-c1 .slide-wrapper .figure1 img {
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: cover;
}
.carousel1 .slide-c1 .slide-wrapper .figure1::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
border-radius: 4px;
}
.carousel1 .slide-c1 .slide-wrapper .badge {
background-color: rgba(18, 18, 18, 0.5);
border-radius: 4px;
padding: 5px 12px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
position: absolute;
right: 20px;
top: 20px;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries {
position: absolute;
left: 30px;
bottom: 30px;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries p {
font-weight: 600;
color: #ffffff;
margin-bottom: 12px;
line-height: 1;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries .country {
display: flex;
align-items: center;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries .country span {
font-weight: 900;
color: #ffffff;
margin-left: 15px;
font-size: 24px;
line-height: 1;
}
.carousel1 .slick-prev {
display: none !important;
}
.carousel1 .slick-next {
left: -30px;
right: auto;
}
.carousel1 .slick-next::before {
content: '\e90e' !important;
}
.container-left {
padding-left: 20px !important;
}
.slick-list {
padding: 10px 0;
}
@media (min-width: 1400px) {
.carousel1 .slide-c1 {
margin-right: 20px;
width: 320px !important;
}
}
@media (max-width: 1300px) {
.carousel1 .slick-next {
left: -15px;
}
}
@media (max-width: 991px) {
.carousel1 .slide-c1 .slide-wrapper .badge {
padding: 3px 9px;
font-size: 12px;
right: 15px;
top: 10px;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries {
bottom: 15px;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries .country span {
margin-left: 10px;
font-size: 20px;
}
.carousel1 .slick-next {
left: -15px;
right: auto;
}
}
@media (max-width: 767px) {
.carousel1 .slide-c1 .slide-wrapper .badge {
top: 50%;
transform: translateY(-50%);
padding: 6px 8px;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries {
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
.carousel1 .slide-c1 .slide-wrapper .figure1 {
height: 100px;
margin-bottom: 10px;
}
.container-left {
padding-left: 15px !important;
}
.container {
margin: 0 !important;
padding: 5px !important;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries p {
display: none;
}
}
@media (max-width: 360px) {
.carousel1 .slide-c1 .slide-wrapper .badge {
top: 70%;
right: auto;
left: 30px;
}
.carousel1 .slide-c1 .slide-wrapper .holiday-countries {
top: 30%;
}
.carousel1 .slide-c1 .slide-wrapper .figure1 {
height: 130px;
}
}
/* carousel2 */
.carousel2 .slide-c2 {
margin-right: 20px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
display: flex;
flex-direction: column;
}
.carousel2 .slide-c2 .figure1 {
width: 100%;
max-height: 250px;
}
.carousel2 .slide-c2 .figure1 img {
width: 100%;
height: 250px;
object-fit: cover;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.carousel2 .slide-c2 a {
height: 100%;
background: #fff;
}
.carousel2 .slide-c2 .description {
background-color: #ffffff;
flex: 1;
padding: 30px 30px 16px 30px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
display: flex;
flex-direction: column;
}
.carousel2 .slide-c2 .description h4 {
font-size: 20px;
margin-bottom: 15px;
}
.carousel2 .slide-c2 .description p {
line-height: calc(26 / 16);
margin-bottom: 29px;
}
.carousel2 .slide-c2 .description .vcount {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 600;
margin-top: auto;
}
.carousel2 .slide-c2 .description .vcount span {
background-color: #E5F4F2;
padding: 5px 11px;
color: #35666F;
margin-right: 10px;
}
.carousel2 .slide-c2:hover {
transform: translateY(-5px);
box-shadow: 0px 0px 8px rgba(0, 5px, 10px, 0.16);
}
.carousel2 .slick-next {
right: 80px;
}
@media (min-width: 1400px){
.carousel2 .slide-c2 {
width: 420px !important;
}
}
@media (max-width: 1200px){
.carousel2 .slide-c2 .description p{
margin-bottom: 25px;
}
}
@media (max-width: 991px){
.carousel2 {
margin-bottom: 40px !important;
}
.carousel2 .slide-c2 .description {
padding: 18px;
}
}
@media (max-width: 767px){
.carousel2 .slide-c2 {
width: 280px;
}
.carousel2 .slide-c2 .description h4 {
margin-bottom: 23px;
}
.carousel2 .slide-c2 .description p{
display: none;
}
}
/* visvakanties-wrap */
@media (min-width: 768px) {
.visvakanties-wrap .container-left >.button{
display: none;
}
}
@media (max-width : 991px){
.visvakanties-wrap{
background-color: #f7f2ea;
}
.visvakanties-wrap::before{
display: none;
}
.visvakanties-wrap .col3{
width: 100%;
}
.visvakanties-wrap .col3 .button{
display: none;
}
.visvakanties-wrap .col9{
width: 100%;
}
.visvakanties-wrap .col9 .button{
display: block;
}
}
/* search-form */
.search-form input {
padding-top: 3px;
padding-bottom: 3px;
}
.search-form .submit {
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
}
@media (max-width: 767px) {
.header-blg .search-box .search-form input {
height: 46px;
}
.header-blg .col10 {
width: 50%;
}
.header-blg .col2 {
width: 50%;
}
}
/* menu lang */
.menu-lang {
height: auto;
min-height: 60px;
padding: 16px 15px;
}
.site-header .menu-lang .lang-toggle div {
line-height: 0.5;
}
.header-blg .menu-lang {
padding: 16px 20px;
}
.header-blg .menu-lang span {
text-transform: initial;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.header-blg .menu-lang a {
display: block;
width: 100%;
position: relative;
padding-right: 20px;
}
.header-blg .menu-lang a:after {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
margin-top: 2px;
}
@media (max-width: 767px) {
.header-blg .menu-lang {
min-height: 48px;
padding: 12px 15px;
}
}
/*
*side post
*/
.side-post .related-smal figure {
width: 140px;
}
.side-post .related-smal figure img {
height: 140px;
}
.side-post .related-smal figure {
flex: 0 0 auto;
}
.side-post .related-smal .re-entry{
flex: 1 0 0%;
}
.side-post .related-smal p {
margin-bottom: 11px;
}
@media (max-width: 991px) {
.side-post .related-smal figure {
width: 80px;
}
.side-post .related-smal figure img {
height: 80px;
}
.side-post .related-smal h4 {
font-size: 18px;
line-height: 26px;
margin-bottom: 4px;
}
.side-post .related-smal p {
margin-bottom: 11px;
}
}
/* side-post */
.side-post.c-two-col .related-smal .blg-wr {
height: 100%;
margin-top: 0;
padding-top: 33px;
}
.side-post.c-two-col .related-smal .re-entry {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.side-post.c-two-col .related-smal .re-entry .entry-date {
margin-top: auto;
}
@media (max-width: 767px) {
.side-post.c-two-col .related-smal .blg-wr {
padding-top: 5px;
}
.side-post.c-two-col .related-smal figure {
width: 100%;
margin-bottom: 20px;
}
.side-post.c-two-col .related-smal figure img {
width: 100%;
height: 160px;
}
.side-post.c-two-col .related-smal .re-entry {
width: 100%;
}
}
/* popular-tags */
.popular-tags a {
padding: 8px 12px;
}
/* related-blogs */
.related-blogs.style2 .related-big h4 {
font-size: 30px;
line-height: 40px;
font-weight: 800;
}
.related-blogs.style2 .related-ul p {
margin-bottom: 11px;
}
.related-ul figure img {
object-fit: cover;
}
.related-blogs.style2 .related-big figure img {
height: 560px;
}
.post-date, .related-ul .entry-date {
font-size: 14px;
font-weight: 600;
color: #757575;
display: inline-block;
}
@media (max-width: 991px) {
.related-blogs.style2 .related-ul .entry-cat {
margin-bottom: 20px;
}
.related-blogs.style2 .related-big h4 {
font-size: 20px;
line-height: 28px;
margin-bottom: 4px;
}
.related-blogs.style2 .related-big figure img {
height: 208px;
}
}
@media (max-width: 767px) {
.related-blogs.style2 {
padding-bottom: 80px;
}
.related-blogs.style2 .related-big {
margin-bottom: 27px;
}
}
.main-posts.style3 .related-big .blog-post {
flex-direction: column;
}
.main-posts.style3 .related-big .blog-post figure img {
height: 240px;
}
.main-posts.style3 .related-big .blog-post figure {
height: auto !important;
}
@media (max-width: 767px) {
.main-posts.style3 .related-ul.related-big div.col4.blg-wr {
margin-top: 20px;
padding-bottom: 30px;
}
.main-posts.style3 {
padding-bottom: 50px;
}
}
/* pagination */
.pagination-nav.alt {
display: flex;
justify-content: center;
}
.pagination-nav ul.page-numbers {
position: relative;
z-index: 2;
}
.pagination-nav {
position: relative;
}
.pagination-nav .sub-pagination {
position: absolute;
bottom: 53px;
width: 100%;
margin-bottom: 0;
}
.sub-pagination {
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.sub-pagination li a {
font-size: 16px;
font-weight: 700;
color: #757575;
}
.sub-pagination li a:hover {
text-decoration: none;
color: #698F96;
}
.sub-pagination li + li {
margin-left: 60px;
}
.sub-pagination li.next {
margin-left: auto;
}
.page-numbers li .dots {
background: transparent;
border: 0;
color: #121212;
box-shadow: none;
}
@media (max-width: 991px) {
.sub-pagination li + li {
margin-left: 30px;
}
}
@media (max-width: 767px) {
.pagination-nav.alt {
display: block;
}
.pagination-nav .sub-pagination {
margin-top: 25px;
}
.sub-pagination li + li {
margin-left: 22px;
}
.pagination-nav .sub-pagination {
position: static;
}
}
/* form */
.contact-form-wrap textarea {
max-height: 201px;
resize: none;
}
.contact-form-wrap .wpcf7-submit {
font-size: 18px;
}
.contact-form-wrap .wpcf7-submit :hover{
background-color: black;
}
@media (max-width: 767px) {
.contact-form-wrap .col7 {
padding: 20px 15px 35px;
}
.contact-form-wrap .col7 h3 {
font-size: 20px;
}
}
@media (min-width: 992px) {
.contact-form-wrap .wpcf7-submit {
max-width: none !important;
min-width: 390px !important;
padding: 17px 10px;
}
}
@media (min-width: 768px) {
.contact-form-wrap .d-hide.mobile-back {
display: none !important;
}
}
/* map-wrap */
.map-wrap .map-info {
font-size: 18px;
}
.map-info a.logo {
margin-bottom: 27px;
}
.map-info .btn-unfill {
margin-top: 37px;
}
@media (max-width: 767px) {
.map-wrap .map-info {
font-size: 16px;
}
}
@media (min-width: 1660px) {
.map-wrap .map-info {
left: 50%;
margin-left: 288px;
}
}
/* contact-faqs */
.faqbox.faq-bg .h4 {
font-weight: 800;
}
@media (max-width: 767px) {
.contact-faqs.style2 .col4 {
margin-bottom: 39px;
}
.contact-faqs.style2 .faqbox {
padding-bottom: 13px;
}
.contact-faqs.style2 .faqbox.faq-bg {
padding: 30px;
}
.faqbox.faq-bg .h4 {
font-size: 20px;
}
.faq-bg h3 {
margin-bottom: 72px;
}
}
/* about-teams */
.about-teams {
padding-bottom: 109px;
}
@media (max-width: 767px) {
.about-teams {
padding: 40px 0 35px;
}
}
/*rel-team */
.rel-team figure>img {
object-fit: cover;
}
/* review-slider */
@media (max-width: 767px) {
.about-reviews .review-slider .review {
padding: 30px;
}
}
/* vacation-menu */
.vacation-menu {
padding: 15px 0;
}
@media(max-width: 767px) {
.vacation-menu {
padding: 8px 0;
}
}
/* team-header */
@media (min-width: 768px) {
.team-header .team-thumb img {
object-fit: cover;
height: 600px;
}
}
@media (max-width: 767px) {
.single-banner.team-header {
padding-top: 17px;
}
.team-header .social-wrap {
margin-bottom: 30px;
}
#about-teammember.single-team {
padding: 29px 0 22px;
}
.single-team h2 {
margin-bottom: 10px;
}
.single-team p {
line-height: 26px;
}
.related-team .slick-slider {
margin-bottom: 25px;
}
.related-team .slick-slider .slick-dots {
margin-top: 26px;
}
}
/* author-blog style2 */
.author-blog.style2 h2.h3 {
margin-bottom: 4px;
}
@media (max-width: 767px) {
#author-blogs .h3 {
margin-bottom: 15px;
}
}
/* .related-team */
.related-team {
padding: 83px 0 100px;
}
@media (max-width: 767px) {
#related-team.related-team {
padding: 30px 0 50px;
}
}
/* main post videos */
.main-post-videos {
margin-top: 51px;
padding-bottom: 57px;
}
.main-post-videos h2 {
font-weight: 800;
}
.main-post-videos.style3 .col-big {
margin-bottom: 50px;
}
.main-post-videos.style3 .col-big .big-video-bg1 img {
height: 448px;
}
.main-post-videos.style3 .col-big-text {
padding-left: 45px;
}
.main-post-videos.style3 .col-big-text h4 {
font-size: 30px;
line-height: 40px;
font-weight: 800;
margin-bottom: 20px;
}
.main-post-videos.style3 .col-big-text p {
font-size: 20px;
line-height: 30px;
}
.main-post-videos.style3 .related-big .blog-post {
margin-top: 50px;
}
.main-post-videos.style3 .related-big .blog-post figure {
height: 360px !important;
margin-bottom: 30px;
}
.main-post-videos.style3 .related-big .blog-post figure img {
height: 100%;
}
.main-post-videos.style3 .related-big .blog-post .re-entry p {
margin-bottom: 39px;
}
.main-post-videos .pagination-nav ul.page-numbers {
padding-top: 100px;
}
@media (max-width: 991px) {
.main-post-videos.style3 .col-big-text {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.main-post-videos.style3 .col-big .big-video-bg1 {
margin-bottom: 26px;
height: auto;
}
.main-post-videos.style3 .col-big .big-video-bg1 img {
height: 240px;
margin-bottom: 0;
}
.main-post-videos .related-ul .entry-cat {
margin-bottom: 18px;
}
.main-post-videos.style3 .col-big-text {
width: 100%;
}
.main-post-videos.style3 .col-big-text h4 {
font-size: 20px;
line-height: 28px;
padding-top: 0 !important;
margin-bottom: 12px;
}
.main-post-videos.style3 .blog-post.blg-wr .entry-cat {
margin-bottom: 3px;
}
.main-post-videos.style3 .col-big-text p {
font-size: 16px;
line-height: 1.62;
}
.main-post-videos.style3 .related-ul .re-entry p {
margin-bottom: 11px;
}
.main-post-videos.style3 .blog-post.blg-wr .re-entry p {
margin-bottom: 10px;
}
.main-post-videos.style3 .related-big .blog-post figure {
height: 200px !important;
}
.main-post-videos.style3 .col-big {
margin-bottom: 20px;
}
.main-post-videos.style3 .related-big .blog-post {
margin-top: 30px;
padding-bottom: 16px;
}
.main-post-videos.style3 .related-ul.related-big .blog-post.blg-wr h4 {
font-size: 18px;
line-height: 26px;
margin-bottom: 8px;
}
.main-post-videos.style3 .related-big .blog-post .re-entry p {
margin-bottom: 15px;
}
.main-post-videos .pagination-nav ul.page-numbers {
padding-top: 30px;
}
.pagination-nav .page-numbers a, .pagination-nav .page-numbers span {
padding: 0 15px;
min-width: 50px;
line-height: 50px;
}
}
@media (max-width: 374px) {
.pagination-nav .page-numbers a, .pagination-nav .page-numbers span {
padding: 0 10px;
min-width: 40px;
line-height: 40px;
}
}
/* codedropz-upload-handler */
.codedropz-upload-handler {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 302px;
}
.codedropz-upload-handler .codedropz-upload-inner span,
.codedropz-upload-handler .codedropz-upload-inner .codedropz-btn-wrap {
display: none;
}
@media (max-width: 767px) {
.codedropz-upload-handler {
min-height: 200px;
}
}
/* review-form */
.review-form {
padding-bottom: 114px;
}
.review-form form p {
margin-bottom: 6px;
}
.review-form form .dyn-field label {
margin-top: 26px;
}
@media (max-width: 767px) {
.review-form {
padding: 20px 0 2px;
}
.review-form .back-button {
margin-bottom: 41px;
}
.review-form .h3 {
margin-bottom: 10px;
}
.review-form .d-mobile {
margin-top: 40px;
}
.review-form form .dyn-field label {
margin-top: 18px;
}
.review-form form .form-grp {
margin-bottom: 9px;
}
.review-form form .addmore {
margin-top: 13px;
}
.review-form .form-grp.space-more {
padding-top: 37px;
}
}
/* vacation-banner */
.vacation-banner .one-ing-big img {
width: 100%;
max-width: initial;
}
.vacation-banner .play-video {
border-radius: 0;
}
.vacationbanner-imagesd-flex img {
height: 100%;
}
@media (max-width: 767px) {
.vacation-banner .vaction-text .col12 {
padding-top: 43px;
}
.vacation-banner .one-ing-big {
height: 382px;
}
.vacation-banner .one-ing-big+.col6 img {
max-width: initial;
height: 80px;
}
.vacation-banner .one-img-port {
padding: 0;
}
.vacation-banner .tw-img {
padding-top: 0px;
min-height: 80px;
margin: 0;
}
.vacation-banner .tw-img>div {
padding: 0;
}
.vacation-banner .show-all-img span {
top: 0;
}
.vacationbanner-imagesd-flex .col6 {
padding: 0;
}
.vacation-banner .vacationbanner-imagesd-flex .col6:last-child {
padding-top: 5px;
}
.vacation-banner .tw-img .video-orimg {
padding: 0 5px;
}
}
/*
*vacation-data
*/
.vacation-data {
padding-top: 5px;
}
.vacation-data .acf-map {
height: auto;
min-height: 400px;
}
.vacation-data h5 {
margin-bottom: 21px;
}
.vacation-data .about-vacation p {
margin-bottom: 17px;
}
.vacation-data .box.additional-info {
padding-bottom: 16px;
}
.vacation-data .c-box {
border: 1px solid #DDDDDD;
padding: 15px 20px;
}
.vacation-data .squre-list li {
margin-bottom: 11px;
}
.vacation-data .check-list li {
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 24px;
}
.vacation-data ul.check-list li:before {
top: 25px;
}
.vacation-data .acomadation h4 {
margin-bottom: 0;
}
.vacation-data .abCalendarNote {
margin-bottom: 40px;
}
.vacation-data .abWrapper .abMenuNav li {
padding: 0 5px;
}
.vacation-data .reviews-vacation .fotos-review > a img {
height: 98px;
}
.vacation-data .reviews-vacation .fotos-review .all-fotos {
height: 98px;
}
.vacation-data .why-us .check-list li {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 10px;
}
.vacation-data .why-us ul.check-list li:before {
top: 4px;
}
@media (max-width: 767px) {
.vacation-data {
padding: 0;
}.vacation-data h5 {
margin-bottom: 39px;
}
.vacation-data h3.h5 {
margin-bottom: 10px;
}
.vacation-data .info-nav-links {
margin-bottom: 28px;
}
.vacation-data .info-nav-links li a {
margin-bottom: 0px;
line-height: 32px;
}
.vacation-data h6.title-h6 {
margin-bottom: 11px;
}
.vacation-data .container .box {
padding: 16px 25px 20px !important;
}
.vacation-data .box.about-vacation.limited-text h2.h3 {
margin-bottom: 10px;
}
.vacation-data .about-vacation p {
margin-bottom: 13px;
}
.vacation-data .rule-wrap {
margin-bottom: 18px;
}
.vacation-data .box .add-extra {
margin-top: 39px;
padding: 27px 28px;
margin-bottom: 9px;
}
.vacation-data .box .add-extra P:last-child {
margin-bottom: 0 !important;
}
.vacation-data .check-list li {
padding-top: 18px;
padding-bottom: 19px;
}
.vacation-data ul.check-list li:before {
top: 20px;
}
.vacation-data .col8 .box {
margin-bottom: 10px;
}
.vacation-data .why-us {
padding: 17px 0 22px;
}
.vacation-data .why-us h6 {
margin-bottom: 13px;
}
.vacation-data .faqs-wrap .faq-wrap {
margin-bottom: 20px;
}
.vacation-data .faqs-wrap .faq-wrap:last-child {
margin-bottom: 0;
}
.vacation-data .faqs-wrap .acc-content {
margin-top: 19px;
}
.vacation-data .reviews-vacation .h5 {
margin-bottom: 15px;
}
.vacation-data .reviews-vacation .button.button-m-show {
margin-top: 24px;
}
.vacation-data .reviews-vacation .review-header {
padding-bottom: 30px;
}
.vacation-data .reviews-vacation .fotos-review > a img {
height: 66px;
}
.vacation-data .reviews-vacation .fotos-review .all-fotos {
height: 66px;
}
.vacation-data .reviews-vacation .review-top {
margin-bottom: 24px;
}
.vacation-data .reviews-vacation .reviews-list .review {
padding-bottom: 26px;
}
.vacation-data .additional-info {
margin-bottom: 9px;
}
.vacation-data .additional-info li {
margin-bottom: 8px;
}
.vacation-data .box.about-vacation#pop-vacation {
padding-top: 20px !important;
}
.vacation-data ul.tabs.two-column {
columns: auto 1;
}
.vacation-data .acf-map {
margin-left: -25px;
margin-right: -25px;
width: auto;
display: block;
}
.vacation-data .box#vacation-location {
padding-bottom: 0 !important;
}
.vacation-data .box#vacation-location .row .col12:last-child {
margin-bottom: 0;
}
.vacation-data .box#extra-info h5 {
margin-bottom: 10px;
}
.vacation-data .box#extra-info .row .col6:first-child h4 {
border-bottom: 0px;
padding-bottom: 0;
}
.vacation-data .c-box {
padding: 12px 20px;
}
.vacation-data .squre-list li {
margin-bottom: 5px;
}
.vacation-data .box .add-extra {
padding: 21px 28px;
}
.vacation-data .box .add-extra p {
line-height: 28px;
}
.vacation-data .box#accomadations {
padding-top: 21px !important;
}
.vacation-data #booking.box {
padding-bottom: 39px !important;
}
#booking.box .agenda {
margin-bottom: 41px;
}
#booking.box .bk-btm ul {
margin: 20px 0 39px;
}
.vacation-data .box#reviews {
padding-bottom: 19px;
}
.vacation-data .box#reviews p {
margin-bottom: 16px;
}
.vacation-data .reviews-vacation .review-header {
padding-bottom: 26px;
}
.reviews-list .fotos-review {
margin-bottom: 20px;
}
.reviews-list .review-wrap .review .rtxt .pros-cons {
padding-top: 3px;
}
.reviews-list .pros-cons ul li {
padding-bottom: 6px;
}
}
@media (min-width: 768px) {
.vacation-data .faq-vacation p {
margin-bottom: 41px;
}
.vacation-data .reviews-vacation P {
margin-bottom: 33px;
}
.vacation-data .reviews-vacation .review-header {
padding-bottom: 49px;
}
}
/* related-vacation */
.related-vacation {
padding: 100px 0 120px;
}
.related-vacation .h3 {
margin-bottom: 35px;
}
.related-vacation .row .col4 {
margin-bottom: 30px;
}
.related-vacation .vacation-post {
display: flex;
flex-direction: column;
}
.related-vacation .vacation-post .rel-ent {
flex: 1 0 auto;
display: flex;
flex-direction: column;
}
.related-vacation .vacation-post .rel-ent .button {
margin-top: auto;
}
.related-vacation .prc {
border-radius: 4px;
padding: 12px 27px;
}
.related-vacation .PriceTablePrice {
font-weight: 800;
margin: 8px 0;
}
.related-vacation figure img {
width: 100%;
height: 250px;
object-fit: cover;
}
.related-vacation .button.btn-unfill {
margin-top: 30px;
}
@media (max-width: 767px) {
.related-vacation {
padding: 50px 0;
}
.related-vacation .h3 {
margin-bottom: 0px;
}
.related-vacation .row .col4 {
margin-bottom: 0;
}
.related-vacation .PriceTablePrice {
margin: 4px 0;
}
.related-vacation .vacation-post p {
margin-bottom: 30px;
}
.vacation-post .rel-ent {
padding: 24px 20px;
}
.related-vacation figure img {
height: 220px;
}
.related-vacation .vacation-post .h5 {
margin-bottom: 6px;
}
}
/*
*vacation-data style2
*/
.vacation-data.style2 {
background-color: #F7F2EA;
}
.vacation-data.style2 .text-row-wrap .left-tt h6 {
margin-bottom: 2px;
}
@media (max-width: 767px) {
.vacation-data.style2 {
padding: 20px 0 35px;
}
.vacation-data.style2 .rules-wrap {
padding-top: 0px;
}
.vacation-data.style2 .col8 .box h3 {
margin-bottom: 12px;
}
.vacation-data.style2 .col8 .box p {
margin-bottom: 26px;
}
.vacation-data.style2 .box .text-rows-wrap .text-row-wrap:last-child {
margin-bottom: 10px;
}
.vacation-data.style2 .box .text-rows-wrap .text-row-wrap:last-child .right-tt p {
margin-bottom: 10px;
}
.vacation-data.style2 .box .contacts-rows-wrap .contact-row-wrap p {
margin-bottom: 10px;
}
.vacation-data.style2 .box .contacts-rows-wrap .contact-row-wrap:last-child {
margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.vacation-data.style2 {
padding: 53px 0 135px;
}
.vacation-data.style2 .top-btn .back-button {
margin-bottom: 102px;
}
.vacation-data.style2 .info-nav-links {
margin-bottom: 41px;
}
.vacation-data.style2 .rules-wrap {
padding-top: 10px;
}
.vacation-data.style2 .rules-wrap .rule-wrap {
margin-bottom: 16px;
}
.vacation-data.style2 .add-extra {
margin-top: 24px;
}
.vacation-data.style2 .text-row-wrap {
padding-bottom: 20px;
margin-bottom: 48px;
}
.useful-addresses {
padding-bottom: 12px;
}
.useful-addresses .text-row-wrap .left-tt {
width: 20%;
}
.useful-addresses .text-row-wrap .right-tt {
width: 80%;
}
.vacation-data.style2 .box .contacts-rows-wrap {
padding-top: 17px;
}
.vacation-data.style2 .box .contacts-rows-wrap .contact-row-wrap {
padding-bottom: 34px;
margin-bottom: 36px;
}
.vacation-data.style2 .box .contacts-rows-wrap .contact-row-wrap:last-child {
margin-bottom: 10px;
}
}
/*
*single banner
*/
.single-banner {
padding: 50px 0 39px;
}
@media (max-width: 767px) {
.single-banner {
padding: 20px 0 0px;
}
}
/* single-post-page */
.single-post-page {
padding: 60px 0;
}
.single-post-page .row .col8 {
padding-right: 90px;
}
.single-post-page p a {
color: #35666F;
text-decoration: underline;
}
.single-post-page ol {
padding: 0;
list-style-type: none;
counter-reset: item;
margin-bottom: 60px;
}
.single-post-page ol li {
font-size: 16px;
line-height: 1.7;
margin-bottom: 5px;
}
.single-post-page ol li a {
color: #35666F;
text-decoration: underline;
position: relative;
}
.single-post-page ol li a:before {
content: counter(item) ". ";
counter-increment: item;
}
.single-post-page .wp-caption {
margin-bottom: 60px;
}
.single-post-page .wp-caption img {
border-radius: 4px;
}
.single-post-page .wp-caption .wp-caption-text {
padding-top: 22px;
padding-bottom: 22px;
}
.single-post-page .col8 ul {
margin-bottom: 54px;
}
.single-post-page .col8 ul li::marker {
color: #698F96;
}
.single-post-page .col8 ul li {
margin-bottom: 7px;
}
.single-post-page .gallery {
margin-bottom: 43px !important;
}
.single-post-page .gallery .gallery-item {
padding: 0 15px 21px;
}
.single-post-page .gallery .gallery-item .gallery-caption {
padding-top: 10px;
}
.single-post-page .add-extra {
padding: 40px 59px 32px;
margin-bottom: 56px;
}
.single-post-page blockquote {
padding: 26px 0 24px 49px;
border-left: 10px solid #d9e3e3;
margin: 58px 0 60px 18px;
}
.single-post-page .posts-tag {
padding: 25px 0 35px;
margin-bottom: 24px !important;
}
.single-post-page .share-box {
margin: 32px 0 46px;
}
.single-post-page .share-box h4 {
margin-bottom: 36px;
}
.single-post-page .author-box {
padding-bottom: 24px;
}
.single-post-page .side-post .related-smal figure {
width: 100px;
}
.single-post-page .side-post .related-smal figure img {
height: 100px;
}
.single-post-page .spare-buttons a {
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.related-ul div.blg-wr {
margin-top: 30px;
padding-bottom: 24px;
}
@media (max-width: 991px) {
.single-post-page .row .col8 {
padding-right: 15px;
}
}
@media (max-width: 767px) {
.single-post-page {
padding: 29px 0;
}
.single-post-page h3 {
font-size: 20px;
margin-bottom: 8px;
}
.single-post-page p {
line-height: 26px;
margin-bottom: 34px;
}
.single-post-page ol {
margin-bottom: 45px;
}
.single-post-page ol li {
line-height: 28px;
}
.single-post-page .wp-caption .wp-caption-text {
padding-top: 9px;
padding-bottom: 9px;
}
.single-post-page .wp-caption {
margin-bottom: 39px;
}
.single-post-page .col8 ul {
margin-bottom: 36px;
}
.single-post-page .gallery .gallery-item .gallery-caption {
padding-top: 1px;
}
.single-post-page .gallery .gallery-item {
padding: 0 15px 10px;
}
.single-post-page .gallery {
margin-bottom: 15px !important;
}
.single-post-page .add-extra {
padding: 32px 28px 28px;
margin-bottom: 39px;
}
.single-post-page .add-extra h5 {
margin-bottom: 10px;
}
.single-post-page blockquote {
padding: 20px 0 24px 32px;
border-left: 8px solid #d9e3e3;
margin: 37px 0 44px 21px;
}
.single-post-page blockquote p {
line-height: 28px;
margin-bottom: 0;
}
.single-post-page .posts-tag {
padding: 6px 0 ;
margin-bottom: 38px !important;
}
.single-post-page .posts-tag li {
margin-bottom: 0px !important;
}
.single-post-page .share-box {
margin: 32px 0 27px;
padding: 37px 44px;
}
.single-post-page .share-box h2 {
font-size: 20px;
margin-bottom: 18px;
}
.single-post-page .author-box .post-author {
margin-bottom: 13px;
}
.single-post-page .author-box {
padding-bottom: 14px;
}
.single-post-page .related-posts {
margin-top: 50px;
}
.single-post-page .related-posts .h5 {
margin-bottom: 18px;
}
.single-post-page .side-post .related-smal figure {
width: 60px;
margin-right: 20px;
}
.single-post-page .side-post .related-smal figure img {
height: 60px;
}
.single-post-page .side-post .related-ul {
margin-bottom: 0;
}
.single-post-page .side-post .related-ul .slick-dots {
margin-top: 22px;
}
}
/*
*contact page
*/
@media (max-width: 767px) {
.inner-hero.contact-hero {
padding: 106px 0 166px;
}
.contact-sections {
transform: translateY(-157px);
margin-bottom: -157px;
}
.cbox {
padding-bottom: 76px;
}
.cbox h6 {
margin-bottom: 10px;
}
.site-content .logo img {
max-height: 27px;
}
.contact-faqs {
padding-bottom: 10px;
}
.contact-faqs h3.h6 {
line-height: 26px;
margin-bottom: 10px;
}
.contact-faqs p {
line-height: 26px;
}
.contact-faqs.style2 .col4.mb-hide {
margin-bottom: 0;
}
.contact-faqs.style2 .col4.mb-hide .faqbox {
border: 0;
}
}
/*
*footer
*/
footer#colophon .newsletter-footer p {
margin-bottom: 14px;
}
/*
*video overview
*/
@media (max-width: 767px) {
.inner-hero.blog-hero {
padding: 105px 0 94px;
}
}
/*
*dropdown
*/
.property-type-options {
box-shadow: 0 10px 40px rgb(0 0 0 / 25%);
padding: 21px 0;
}
.property-type-options ul li {
padding: 9px 30px;
}
.property-type-options ul li label {
font-size: 16px;
font-weight: 400;
color: #121212;
}
.property-type-options ul li:hover {
background: #eee;
color: #121212;
}
/*
*about-us-hero
*/
@media (max-width: 767px){
.about-us-hero.inner-hero {
padding: 104px 0 24px;
}
.about-gallery .slick-dots {
margin-top: 15px;
}
.about-reviews .review-slider .review {
padding: 24px 30px;
}
.review-slider .slick-dots {
margin-top: 30px;
}
}
.agenda .abWrapper .abBox13{
min-height: 200px;
}
/*
*header menu
*/
@media (max-width: 1199px) {
html.overflow-hidden, html.overflow-hidden body {
height: 100% !important;
}
html.overflow-hidden body {
overflow: hidden;
}
.header-menu > li.menu-item {
position: relative;
}
.header-menu > li.menu-item span.arrow {
top: 13px;
pointer-events: none;
}
.primary-header .header-nav {
position: fixed;
top: 136px;
height: calc(100vh - 136px);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.primary-header .menu-lang {
min-height: 50px;
padding: 11px 15px;
}
.header-nav .menu-lang-wrapper {
align-items: center;
}
.header-nav .search-box {
margin: 11px 20px 17px;
}
.header-nav .search-box .search-form input {
line-height: 40px;
}
.header-nav ul.header-menu {
margin-right: 0;
}
.header-menu > li.menu-item {
padding: 3px 10px;
}
.header-nav .mobile-top-menu a {
padding: 5px 20px;
}
.header-nav .menu-lang-wrapper {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 991px) {
.primary-header .header-nav {
top: 74px;
height: calc(100vh - 74px);
}
}
@media (max-width: 767px) {
.primary-header .nav-brand .logo img {
max-height: 22px;
}
.primary-header .header-nav {
top: 62px;
height: calc(100vh - 62px);
}
.site-header.active .mobile-toggle .button {
opacity: 0;
visibility: hidden;
}
}
/*
*sub-menu
*/
#sub-menu {
position: fixed;
width: 100%;
height: 100%;
background: #fff;
z-index: 2000;
top: 0;
left: 0;
transform: translate3d(100%, 0, 0);
visibility: hidden;
transition: transform 0.3s, visibility 0.3s;
}
#sub-menu.moves-out {
transform: translate3d(0, 0, 0);
visibility: visible;
}
#sub-menu .category-section {
height: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
display: none;
}
#sub-menu .category-section.moves-out {
display: block;
}
#sub-menu .category-section header {
padding: 30px 30px 25px;
position: relative;
text-align: center;
}
#sub-menu .category-section {
padding: 0 20px 30px;
}
#sub-menu .category-section header .back-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
line-height: 0.5;
}
#sub-menu .category-section header .c-close-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
line-height: 0.5;
}
#sub-menu .category-section header h2 {
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#sub-menu .my-sub-menu {
padding: 0;
list-style-type: none;
}
#sub-menu .my-sub-menu li {
font-size: 16px;
color: #121212;
}
#sub-menu .my-sub-menu li a {
color: inherit;
display: block;
padding: 9px 10px 8px 0;
position: relative;
}
#sub-menu .my-sub-menu li a:after {
position: absolute;
font-family: 'icomoon' !important;
content: "\ea1c";
font-size: 17px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
/*
*footer
*/
footer.site-footer {
background: #fff;
position: relative;
z-index: 10;
}
.otgs-development-site-front-end {
position: relative;
z-index: 10;
}
/*
*home page
*/
@media (max-width: 767px) {
.countries-wrap {
margin-top: 270px;
margin-bottom: 49px;
}
.countries-wrap .h3 {
margin-bottom: 16px;
}
.visvakanties-wrap .col3 p {
font-size: 16px;
line-height: 24px;
margin-bottom: 21px;
}
.carousel2 .slide-c2 .description {
padding: 15px 18px;
}
.carousel2 .slide-c2 {
background: #fff;
}
.home-blogs-wrap ul.tabs {
margin-bottom: 24px;
}
.home-blogs-wrap .side-post {
padding-top: 43px;
}
.home-blogs-wrap .side-post .related-smal h4 {
margin-bottom: 9px;
}
}
.single-banner .play-video {
width: 68px;
height: 68px;
}
@media (max-width: 767px) {
.single-banner .play-video {
width: 40px;
height: 40px;
}
}
/* about gallery */
.about-gallery .container {
position: relative;
}
.about-gallery .container:before {
content: '';
position: absolute;
width: 3000px;
height: 100%;
left: -3000px;
top: 0;
background: #fff;
z-index: 300;
}
.about-gallery {
padding-bottom: 20px;
}
div.about-gallery div.ul {
display: block;
margin: 0;
}
div.about-gallery img {
max-width: 100%;
object-fit: cover;
height: 480px;
border-radius: 4px;
}
div.about-gallery div.ul > div {
padding: 0;
}
.about-gallery .ul .slick-list {
overflow: initial;
}
.about-gallery .ul .slick-track {
margin-left: -7.5px;
margin-right: -7.5px;
}
div.about-gallery .ul .slick-slide {
padding-left: 7.5px;
padding-right: 7.5px;
margin: 0;
}
@media (max-width: 767px) {
.about-gallery .ul .slick-track {
margin-left: -5px;
margin-right: -5px;
}
div.about-gallery .ul .slick-list {
margin: 0;
}
}
@media (max-width: 1199px) {
.header-nav .menu-lang ul {
top: auto;
bottom: 100%;
}
}
.home-hero .container {
z-index: 100;
}
/*26-07-23*/
.carousel1 .slide-wrapper .country img {
width: 28px;
height: 28px;
object-fit: cover;
border-radius: 50%;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
display: flex !important;
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: inherit !important;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
color: #212121;
position: absolute;
top: 50%;
display: block;
z-index: 2;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
width: 60px;
height: 60px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16);
border-radius: 100px;
background-color: #ffffff;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: #fff;
outline: none;
background-color: #698f96;
border-color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'icomoon';
font-size: 16px;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev{
left: -30px;
}
[dir='rtl'] .slick-prev{
right: -30px;
left: auto;
}
.slick-prev:before{
content: '\e90e';
}
[dir='rtl'] .slick-prev:before{
content: '\e90a';
}
.slick-next{
right: -30px;
}
[dir='rtl'] .slick-next{
right: auto;
left: -30px;
}
.slick-next:before{
content: '\e90a';
}
[dir='rtl'] .slick-next:before{
content: '\e90e';
}
/* Dots */
.slick-dotted.slick-slider{
margin-bottom: 30px;
}
.slick-dots{
/*position: absolute;
bottom: -25px;*/
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
margin-top: 20px;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
width: 12px;
height: 12px;
border-radius: 6px;
background-color: #cbcbcb;
box-shadow: none;
padding: 0;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
background-color: #35666f;
}
.slick-dots li.slick-active button {
background-color: #35666f;
}
.slick-track
{
display: flex !important;
}
.slick-slide
{
height: inherit !important;
}
/* dit is de Jquery Fancybox css min */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
.logo a img {
width:366px;
height:100%;
}
.vacation-menu.sticky{
position: fixed;
top: 0px;
width: 100%;
background: #ffffff;
z-index: 99;
box-shadow: 0px 2px 9px rgba(0,0,0,0.3);
}
.marker-label{
color: #121212;
font-Size: 16px;
font-Weight: 600;
font-family: 'Muli';
}
.infobox {
display: flex;
align-items: center; /* Verticaal uitlijnen van de afbeelding en tekst */
box-sizing: border-box; /
width: 100%;
height: 200px;
min-width: 500px;
background: rgba(255, 255, 255, 0.8); /* Licht doorzichtig witte achtergrond */
border-radius: 8px; /* Afgeronde hoeken voor een zachtere uitstraling */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.15);
}
.gm-style-iw {
width: auto !important;
}
.img-panel {
Position:relative;
top: 0;
left: 0;
Margin: 0px;
padding: 0px;
width: 49%;
height:100%;
}
.img-panel img{
Position:absolute;
left: 0;
top: 0;
padding: -20px;
width:100%;
object-fit: contain;
}
.img-panel-text {
position: relative; /* Relatief gepositioneerd binnen de .infobox */
width: 49%;
margin-left: 10px;
margin-right:-20px;
height: 100%;
overflow: hidden;
}
/* Media Query voor mobiele weergave */
@media (max-width: 768px) {
.infobox {
max-width: auto !important; /* Zorg ervoor dat de InfoWindow volledig past op mobiele apparaten */
min-width: 300px !important;
padding:5px;
}
.gm-style-iw {
width: auto !important;
max-width: 370px !important;
padding: 0px !important;
margin: 0px !important;
}
.location-dropdown{
margin-bottom: 20px;
background-image: url('/assets/icons/dropdown.png');
background-repeat: no-repeat;
background-position: right 10px center; /* Pijltje dichterbij de rand */
background-size: 4vw 4vw !important; /* Maak het pijltje groter indien nodig */
font-size: clamp(12px, 3vw, 16px) !important;
}
.acf-map{
padding: 0 !important;
margin: 0 !important;
position: relative;
width:100%;
max-width:120% !important;
z-index:11;
height:500px;
}
#marker {
width:50% !important;
height: 10px;
}
}
.pointer {
cursor:pointer;
}
.share-toggle {
cursor:pointer;
}
.location-dropdown {
width: 100%;
padding: 10px;
padding-right: 40px;
font-size: 16px;
font-weight: bold;
border-radius: 4px;
border: 1px solid #000;
background-color: #ffbe86;
background-image: url('../icons/dropdown.png');
background-repeat: no-repeat;
background-position: right 10px center; /* Pijltje dichterbij de rand */
background-size: 18px 18px; /* Maak het pijltje groter indien nodig */
cursor: pointer; /* Verander cursor naar pointer om interactie aan te geven */
appearance: none; /* Verwijder standaard dropdown-pijl */
-webkit-appearance: none; /* Verwijder standaard dropdown-pijl voor Webkit browsers */
}
.location-dropdown::-ms-expand {
display: none; /* Verwijder standaard dropdown-pijl voor Internet Explorer */
}
.dropdown {
position: relative;
display: inline-block;
height:20px;
width: 100%;
margin-right: -20px !important;/* Zorg ervoor dat de dropdown ook 100% breedte heeft als de container dat heeft */
border: 1 px solid:
}
.dropdown-toggle {
background-color: white;
height: 40px;
border-radius: 0px;
border-color: #ff7900;
margin-top:-10px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; /* Breedt de knop uit over de gehele breedte van de container */
}
.dropdown-toggle
.arrow {
margin-left: 12px;
}
.dropdown-menu {
display: none !important; /* Verborgen standaard */
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
width: 100%; /* Laat het menu de gehele breedte van de container innemen */
border: 0px;
z-index: 9999;
list-style-type: none;
padding: 0;
margin: 0;
}
.dropdown-menu li {
border-bottom: 1px solid #eee;
}
.dropdown-menu li a {
display: block;
padding: 10px;
text-decoration: none;
color: #000;
}
.dropdown-menu li a:hover {
background-color: #white;
border: 0px;
border-color: white;
}
/* Zorg ervoor dat de dropdown-menu zichtbaar wordt wanneer de klasse 'show' is toegevoegd */
.dropdown-menu.show {
display: block !important;
}
/* Algemene styling voor de accordion */
.accordion {
top: 0;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
margin-bottom: 20px;
width: 100%; /* Zorgt ervoor dat het de volledige breedte benut */
}
/* Styling voor de accordion headers */
.accordion-header {
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin: 0; /* Verwijdert extra marges */
}
/* Knoppen in de header */
.accordion-header .accordion-button {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
padding: 10px 15px;
background-color: #f7f7f7;
border: none;
cursor: pointer;
outline: none;
color: #333;
font-weight: bold;
width: 100%; /* Laat de knop over de volledige breedte lopen */
text-align: left;
}
/* Focus state voor de knop */
.accordion-header .accordion-button:focus {
outline: none;
box-shadow: none;
}
/* Uitgeklapte staat */
.accordion-button:not(.collapsed) {
background-color: #f7f7f7;
color: #000;
}
/* Hover-effect */
.accordion-header .accordion-button:hover {
background-color: #ffbe86;
}
.accordion-button.active {
background-color: #ffbe86 !important; /* Actieve achtergrondkleur */
color: #000; /* Actieve tekstkleur */
}
/* Styling voor de inhoud */
.accordion-body {
padding: 15px;
background-color: #fff;
border-top: 1px solid #ddd;
font-size: 14px;
line-height: 1.5;
color: #555;
}
/* Responsive design voor mobiele apparaten */
@media (max-width: 768px) {
.accordion-header .accordion-button {
font-size: 14px;
padding: 10px; /* Compactere ruimte */
margin: 0px !important;
}
.accordion-button {
margin: 0 !important; /* Verwijder marges rondom de knop */
padding: 10px 15px !important; /* Pas padding aan voor een compacte weergave */
width: 100%; /* Zorg ervoor dat de knop de volledige breedte gebruikt */
text-align: left; /* Zorg ervoor dat de tekst correct is uitgelijnd */
}
.accordion-header {
position: relative;
/* Standaardpositie */
z-index: 1;
background-color: #fff;
transition: all 0.3s ease;
}
.accordion-header.sticky {
position: sticky; /* Sticky gedrag */
top: 0; /* Zorg dat de header bovenaan staat */
z-index: 2;
background-color: #fff; /* Zorg dat de header zichtbaar blijft */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optionele visuele verbetering */
}
.accordion-body {
top: 0;
margin: 0; /* Standaardwaarde voor margin */
padding: 10px 15px; /* Ruimte voor inhoud */
transition: max-height 0.3s ease; /* Vloeiende overgang bij openen/sluiten */
}
/* Zorg dat de body direct aansluit op de header */
.accordion-item > .accordion-collapse {
margin-top: -1px; /* Verwijder eventuele ruimte tussen header en body */
}
.accordion-collapse {
opacity: 0;
pointer-events: none;
height: 0;
overflow: hidden;
transition: opacity 0.3s ease, height 0.3s ease;
}
.accordion-collapse.show {
opacity: 1;
pointer-events: auto;
height: auto;
}
.parent-container {
overflow: visible; /* Zorg dat sticky werkt */
}
.accordion-button {
display: block; /* Toon altijd de knop */
}
.container-left{
padding-left:15px !important;
}
.box.about-vacation.limited-text.accordion-item{
padding: 0px 0px 0px 0px !important;
border: none !important;
}
.box.about-vacation.accordion-item{
padding: 0px 0px 0px 0px !important;
border: none !important;
}
.box.area-vacation.accordion-item {
padding: 0px 0px 0px 0px !important;
border: none !important;
}
.box.additional-info.accordion-item{
padding: 0px 0px 0px 0px !important;
border: none !important;
}
.box.book-vacation.accordion-item{
padding: 0px 0px 0px 0px !important;
border: none !important;
}
.accordion-item {
margin: 0 !important;
padding: 0 !important;
border: none;
}
}
/* Zorg ervoor dat marges en paddings geen ruimte aan de linkerzijde veroorzaken */
.accordion-item {
margin: 0 !important;
padding: 0 !important;
border: none;
}
/* Verwijder ongewenste ruimte rondom de accordion */
.accordion-header {
margin: 0 !important;
padding: 0 !important;
}
html, body {
overflow: visible; /* Zorg voor een standaard scrollbare omgeving */
}
/* Algemene styling voor accordion-header */
.accordion-header {
position: relative; /* Voor positionering van het pijltje */
padding-right: 35px; /* Ruimte maken voor het pijltje */
cursor: pointer; /* Geeft aan dat het een interactief element is */
}
/* Pijltje standaard (naar beneden wijzend voor geopend item) */
.accordion-button::after {
content: '\25BC'; /* Unicode voor naar beneden wijzende pijl */
position: absolute;
right: 15px; /* Plaatsing rechts in de header */
top: 50%; /* Centreer verticaal */
transform: translateY(-50%);
font-size: 14px;
color: #333;
}
.accordion-button.collapsed::after {
content: '\25B6'; /* Unicode voor naar rechts wijzende pijl */
transform: translateY(-50%) rotate(0deg);
}
.accordion-collapse {
visibility: hidden; /* Verberg visueel */
height: 0; /* Minimaliseer hoogte */
overflow: hidden; /* Verberg inhoud buiten het element */
transition: visibility 0s, height 0.3s ease; /* Voeg animatie toe */
}
.accordion-collapse.show {
visibility: visible; /* Maak zichtbaar wanneer geopend */
height: auto !important; /* Laat het element zijn volledige hoogte aannemen */
overflow: visible !important; /* Zorg dat alle inhoud zichtbaar is */
}
.gallery-images {
display:none;
}
/* Responsieve optimalisatie */
@media (max-width: 768px) {
.container {
padding: 0 10px !important;
}
}
/* Fix date input te breed op iPhone */
.datep #daterange {
position: relative; /* niet absoluut, zodat hij meeloopt met de container */
width: 100%;
max-width: 100%; /* voorkomt overflow */
box-sizing: border-box;
padding: 12px 16px; /* iets minder padding zodat tekst past */
}
/* Specifiek voor iOS Safari */
@supports (-webkit-touch-callout: none) {
.datep #daterange {
font-size: 16px; /* voorkomt zoom bug bij klikken in iOS */
}
}