/*
Theme Name: Diervriendelijke-Campings.nl
Theme URI: https://www.clickme.nl
Author: CM
Author URI: https://www.clickme.nl
Description: Reis thema
Version: 1.1.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

*/
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap);

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,fv,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

html,body {
    scroll-behavior: smooth;	
    font-weight: 400;	
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    font-family: 'Outfit', sans-serif!important;
    font-size: 14px;
    font-weight: 300;
}
body.modal-open {
    overflow-y: hidden;
}
article {
position: relative;
}
.padding {
    padding-bottom: 30px;
	padding-top: 30px;
}
.padding60 {
    padding-bottom: 60px;
	padding-top: 60px;
}
h1, h2, h3, h4, h5 {
    font-weight: 600 !important;
    margin: 0px;
}
a {
    text-decoration: none;
    color: #ef7743;
}
.tabshow {
	display: none!important;
}
.border-round {
border-radius: 40px;
}
del {
    color: #727272;
    font-size: 15px;
    bottom: 10px;
    margin-left: 10px;
}
blockquote {
    border-left: 4px solid #e5262a;
    padding: 15px;
    font-size: 20px;
    padding-left: 45px;
    line-height: 28px;
    background: white;
    border-radius: 4px;
    margin-bottom: 25px;
    padding-bottom: 5px;
    padding-right: 0px;
}
.logo.text-left {
    position: relative;
    top: 5px;
}
.box-shadow {
    box-shadow: 2px 0px 8px 1px rgb(0 0 0 / 8%);
}
.medium {
	font-weight: 400;
}
.bold {
	font-weight: bold;
}
.hero-button a {
    text-decoration: none!important;
}
.hero-button a:hover {
    background: #0579c7;
    border-radius: 40px;
}
.nopaddingright {
padding-right: 0px!important;	
}
.nopaddingleft {
padding-left: 0px!important;	
}
.white {
	color: white;
}
.white a {
	color: white;
}
.desktophide {
display: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.border-top {
border-top: 1px solid #f3f3f3;	
}
.border-bottom {
border-bottom: 1px solid #f3f3f3;	
}
.borderfull {
border: 1px solid #f3f3f3;	
}
.breadcrumbs {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 16px;
    color: black;
    padding: 15px 0px;
    border-top: 1px solid #e8f4f5;
    text-align: center;
}
.breadcrumbs a {
	color: black;
}
.breadcrumbs a::after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    margin: 0px 6px 0px 8px;
    font-size: 11px;
    color: #000000;
}
.camping-breadcrumbs {
    text-align: left;
    border-top: 0px;
}
.head1 {
    font-size: 36px;
    font-weight: bold;
    display: block;
    line-height: 42px;
}
.head20 {
    font-size: 20px;
	font-weight: bold;
	display: block;	
}
.headhotel {
    font-size: 28px;
}
.mt-0 {
    margin-top: 0px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mb-0 {
    margin-bottom: 0px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.pt-20 {
    padding-top: 20px;
}
.pb-20 {
    padding-bottom: 20px;
}
h1.page-title {
    margin-bottom: 20px;
    font-size: 24px;
}
.woocommerce-info {
    font-size: 18px;
}
.head2 {
    font-size: 26px;
	display: block;	
}
.head3 {
    font-size: 20px;
    display: block;
}
.head4 {
    font-size: 16px;
    display: block;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
/* Start container */

.container-fluid {
    padding-right: var(--bs-gutter-x, 3.5rem);
    padding-left: var(--bs-gutter-x, 3.5rem);
}
/* Start Reisorganisatie filter  */
.item {
				display: block;
				opacity: 1;
				transition: .3s;
			}
			.item.none {
				display: none;
			}
			.item.fade {
				opacity: 0;
			}
.top-filter {
    margin-top: -10px !important;
    display: block;
}
.filter button {
    font-family: 'Outfit', sans-serif !important;
    border-radius: 45px;
    border: 1px solid #bfbfbf;
    margin-right: 15px;
    padding: 10px 15px;
    font-size: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}
.filter button.is-checked {
    background: #e5262a;
    color: white;
    border: 1px solid #e5262a;
}
.filter button:hover {
    background: #e5262a;
    color: white;
    border: 1px solid #e5262a;
}
.facetwp-facet.facetwp-type-checkboxes {
    font-size: 15px;
}
/* Start hotel top  */
.hotel-image img {
    border-radius: 6px;
    object-fit: cover;
    height: 230px;
    width: 100%;
}
.hotel-slider .col-md-6.mb-4 img {
    height: 190px;
    object-fit: cover;
    width: 100%;
}
span.top-number {
    width: 25px;
    height: 25px;
    background-color: #58c1ca;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    padding: 4px;
    float: left;
    font-weight: bold;
    margin-right: 20px;
}
.sterren i {
    color: #f8b838;
}
.top_vlag .flag {
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.top_vlag {
    margin-left: 54px;
    margin-top: 10px;
    margin-bottom: 25px;
}
/* Start waarom  */
.waaromnaar ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}
.waaromnaar li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f185";
    margin-right: 6px;
    font-size: 12px;
    position: absolute;
    left: 10px;
    font-size: 16px;
    top: 11px;
    color: #e8b90f;
}
.waaromnaar li {
    flex: 1 1 33.333%;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 40px;
    line-height: 28px;
    position: relative;
}
/* Camping foto's */
.camping-fotos a {
    position: absolute;
    right: 21px;
    bottom: 25px;
    background: #ffffffe0;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #004da5;
    cursor: pointer;
	color: black;
}
.camping-fotos i {
    margin-right: 5px;
}
.camping-fotos {
    position: relative;
}
/* Campings */
.facetwp-post span.camping-streek::after {
    content: '|';
    padding-left: 5px;
}
.facetwp-post {
    position: relative;
}
.facetwp-post .col-md-12 {
    text-align: center;
    border-left: 1px solid #e9e9e9;
    position: relative;
}
.icon-box-camping a:hover {
    text-decoration: underline;
}
.icon-box-camping a {
    color: black;
}
.icon-box-camping i {
    position: absolute;
    left: 0px;
    top: 23px;
    color: #004da5;
}
.icon-box-camping {
    padding: 20px 10px;
    border-bottom: 1px solid #e2f0f5;
    font-size: 18px;
    padding-left: 36px;
    position: relative;
}
.faciliteiten-icon span {
    padding-left: 40px;
    top: 0px;
    position: relative;
    margin-bottom: 20px;
	font-weight: bold;
}
.head4 {
    font-weight: 400;
    font-size: 18px;
    display: block;
}
.faciliteiten-icon {
    position: relative;
}
.faciliteiten-icon i {
    font-size: 22px;
    color: #004da5;
    position: absolute;
}
.fullpadding {
    padding: 40px 30px;
}
.blue {
    background: #eaf9ff;
    border-radius: 15px;
    border: 1px solid #e2f0f5;
}
.camping-fotos img {
    border-radius: 6px;
    height: 420px;
    object-fit: cover;
    width: 100%;
}
.camping-pagina .camping-regio::after, .camping-pagina .camping-streek::after  {
    content: '|';
    padding-left: 5px;
    color: black;
}
.camping-info .col-md-5 {
    padding-right: 15px;
}
.camping-sterren i {
    color: gold;
    font-size: 14px;
}
.camping-sterren {
    display: inline-block;
    position: relative;
    top: -2px;
}
.camping-info:hover {
    box-shadow: rgb(149 157 165 / 9%) 0px 8px 13px;
}
.camping-info img {
    margin-bottom: -4px;
}
.camping-specs ul {
    margin-bottom: 20px;
    line-height: 25px;
}
.camping_usps li::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    color: #2e974e;
    font-weight: 900;
    padding-right: 0;
    background: #fff;
    border-radius: 22px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    font-size: 21px;
    top: 1px;
}

.camping_usps ul {
    margin-top: 25px;
}
.camping_usps li {
    line-height: 30px;
    list-style: none;
    font-size: 16px;
    padding-left: 32px;
    margin-bottom: 15px;
    position: relative;
}
.faciliteiten-icon li::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    color: #2e974e;
    font-weight: 900;
    padding-right: 0;
    border-radius: 22px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    font-size: 21px;
    top: 1px;
}

.faciliteiten-icon ul {
    margin-top: 25px;
    margin-bottom: 30px;
}
.faciliteiten-icon li {
    line-height: 30px;
    list-style: none;
    font-size: 16px;
    padding-left: 32px;
    margin-bottom: 15px;
    position: relative;
}
.facetwp-type-dropdown select {
    padding: 10px;
    display: block;
    width: 100%;
    border: 1px solid #e9e9e9;
}
.camping-filters {
    padding: 20px 15px;
    background: white;
    border: 1px solid #deeff5;
    border-radius: 6px;
}
#lijstweergave,
#kaartweergave {
  display: none;
  border-top: none;
}

.active-weergave {
  display: block!important;
}
.page-filter .head3.bold.mb-30 {
    margin: -15px;
    border-bottom: 1px solid #e1e9ed;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 19px;
    background: #eaf9ff;
    border-radius: 10px 10px 0px 0px;
}
.page-filter {
    background: #eaf9ff;
    border-radius: 15px;
    border: 1px solid #e1e9ed;
    padding: 15px;
}
.filter-box {
    margin-bottom: 20px;
    font-size: 15px;
}
.filter-box .head5 {
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
    font-weight: bold;
}
.camping-specs ul li::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    color: #2e974e;
    font-weight: 900;
    padding-right: 0;
    background: #fff;
    border-radius: 22px;
    margin-right: 10px;
}
.camping-specs ul li {
    list-style: none;
    text-align: left;
}
.camping-info p {
    font-size: 16px;
    line-height: 22px;
}
.camping_thema span {
    display: block;
    margin-bottom: 5px;
}
.camping_thema i {
    margin-right: 8px;
}
.camping-button i {
    font-size: 13px;
    margin-left: 5px;
}
.camping_thema i {
    margin-right: 5px;
}
.camping_thema {
    padding: 7px;
    background: #004da5;
    color: white;
    margin-bottom: 15px;
}
.camping-bestemming {
    color: grey;
    font-size: 15px;
}
.hero-campings {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.camping-info {
    background: white;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #e9e9e9;
}
.camping-info .trip-beste {
    left: 15px;
}
.trip-beste {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #163050;
    width: 40px;
    height: 32px;
    color: white;
    text-align: center;
    padding-top: 6px;
    border-radius: 40px;
    font-weight: bold;
    font-size: 20px;
}
.camping-info a {
color: black;
} 	
.camping-button {
    position: absolute;
    bottom: 25px;
    display: block;
    text-align: center;
}
.camping-button-filter {
    background-color: #004da5!important;
}
span.vrglkn.border-round {
    background: #19ad16;
    color: white !important;
    margin-left: 12px;
    border: 1px solid #1aad17;
    padding: 8px 15px;
    display: block;
	width: 100%;
}
.hero-img-c img {
    object-fit: cover;
    width: 100%;
    height: 260px;
}
span.camping-regio::after {
    content: '|';
    padding-left: 5px;
}
.camping-info .col-md-12 {
    text-align: center;
    border-left: 1px solid #e9e9e9;
    position: relative;
}
.facetwp-template img {
    width: 100%;
    min-height: 260px;
    object-fit: cover;
    border-radius: 6px 0px 0px 6px;
}
.hero-head-c h2 {
    display: inline-block;
    background: rgb(0 77 165 / 60%);
    padding: 10px;
}
.hero-head-c {
    position: absolute;
    z-index: 9;
    text-align: center;
    width: 100%;
    top: 100px;
}
.entry-content.customheadrules h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
.entry-content h1 {
    margin-bottom: 15px;
    line-height: 36px;
    font-size: 24px;
}
span.read-more {
    color: #004da5;
    font-size: 16px;
    font-style: italic;
	cursor: pointer;
}
.campings-overzicht {
    background: #eaf9ff;
    padding-top: 60px;
    padding-bottom: 60px;
}
.camping-overzicht-nav span {
    padding: 10px 12px;
    display: inline-block;
    border: 1px solid #e9e9e9;
    font-size: 15px;
    margin-right: 15px;
    cursor: pointer;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 0px;
    FONT-WEIGHT: 500;
}
.camping-overzicht-nav span i {
    margin-right: 6px;
}
.camping-overzicht-nav span:hover {
    background: #163050;
    color: white;
}
.active-overzicht {
    background: #163050;
    color: white;
}	
	
.camping-overzicht-nav {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 30px;
}
/* Vergelijkermodern */
.vergelijkermodern img {
    padding: 10px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: white;
    margin-bottom: 0px !important;
}
.vergelijkermodern a:hover {
    background: #f7ffff;
}
.vergelijkermodern li {
    list-style: none;
}

.vergelijkermodern a {
    display: block;
    background: white;
    border-radius: 15px;
    padding: 10px;
    position: relative;
    color: black;
    margin-bottom: 15px;
}
span.modern_aanbiedernaam {
    display: inline-block;
    margin-top: -10px;
    position: relative;
    top: -20px;
    left: 17px;
    font-size: 17px;
    font-weight: bold;
    color: black !important;
}
span.modern_button {
    position: absolute;
    top: 8px;
    right: 11px;
    border-radius: 25px;
    padding: 10px 15px;
}
.trip-check {
    background: #19ad16;
    margin: 10px;
    padding: 10px;
    color: white;
    font-size: 16px;
    border-radius: 23px;
    text-align: center;
}
ul.row.vergelijkermodern li::before {
    display: none!important;
}
ul.row.vergelijkermodern li {
    list-style: none !important;
    padding-left: 0px !important;
    line-height: normal;
    padding-right: 15px;
}
/* Start filter  */
button#closeFilter1 {
    background: none;
    border: 0px;
    font-size: 20px;
    display: block;
    position: absolute;
    right: 10px;
    top: 11px;
}
.filter-content {
    padding: 15px;
    padding-top: 40px;
}
.desktop-filter {
    padding: 20px;
    padding-top: 91px;
}
.desktop-filter .filterbox {
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding: 16px;
    border-radius: 4px;
}
.desktop-filter .facetwp-facet {
    margin-bottom: 0px!important;
}
#filter-left {
    position: fixed;
    top: 0;
    left: calc(-400px); /* Begin buiten beeld */
    width: 400px;
    height: 100%;
    background: #ffffff;
    transition: left 0.3s ease;
    z-index: 1000;
    overflow: hidden;
    border-radius: 0px 8px 8px 0px;
}
#overlay.active {
    display: block; /* Zorg ervoor dat de overlay zichtbaar is */
}
.filter-content {
    padding: 15px;
}
.noUi-connect {
    background: #163050 !important;
}
p.woocommerce-result-count {
    font-size: 16px;
    margin-bottom: 0px;
}
form.woocommerce-ordering {
    padding: 5px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 34px;
    text-align: right;
    padding-top: 0px;
}
form.woocommerce-ordering select {
    border: 0px;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px;
    padding: 10px;
}
.filterbox h4 {
    margin-bottom: 17px;
    font-size: 16px;
}
.filter-mobile {
    background: #163050;
    padding: 10px 20px 10px 20px;
    border-radius: 30px;
    color: white;
    position: relative;
    border: 0px;
    transition: 0.6s;
    font-family: 'Outfit', sans-serif !important;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 24px;
}
.mobilemenu-head i.fa-solid.fa-xmark {
    color: black;
}
/* Start paginering */
ul.page-numbers li {
    float: left;
    padding: 5px;
    margin-right: 10px;
    list-style: none !important;
    background: white;
    padding: 5px 12px;
    font-weight: bold;
    font-size: 18px;
}
ul.page-numbers li a:hover {
    color: black;
}
ul.page-numbers {
    list-style: none;
}
/* Start mobile menu */
i.fa-solid.fa-xmark {
    cursor: pointer;
}
a.active {
    color: #ef7743!important;
}
#menuToggle {
    cursor: pointer;
}
.submenu a {
    color: black;
    display: block;
}
span#menuToggle3 {
    display: block;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
span#menuToggle3 i {
    margin-left: 5px;
    font-size: 16px;
}
span#menuToggle3:hover i {
    color: #ef7743;
}
body.no-scroll {
    overflow: hidden;
}
#menu {
    position: fixed;
    top: 0;
    left: calc(-400px);
    width: 400px;
    height: 100%;
    background: #ffffff;
    transition: left 0.3s ease;
    z-index: 1000;
    overflow: hidden;
    border-radius: 0px 8px 8px 0px;
}
#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    transition: left 0.3s ease;
}
#menu ul li a:hover {
    color: #ef7743;
}
.mainMenu a {
    color: black;
    padding: 15px;
    display: block;
}
li.met-sub::after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    margin: 0 6px 0 8px;
    color: #58c1ca;
    position: absolute;
    right: 8px;
    font-size: 16px;
    top: 17px;
}
.met-sub {
    position: relative;
}
#menu ul.active {
    left: 0;
}
#menu ul.inactive {
    left: -100%;
}
#menu ul {
    top: 125px;
}
#menu ul li {
    padding: 0px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    font-size: 16px;
	font-weight: 500;
}
li.chevron-left::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    margin: 0 15px 0 0px;
    color: #58c1ca;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 500;
    pointer-events: none;
}

#overlay.active {
    opacity: 1;
    pointer-events: all;
}
button#closeMenu {
    position: absolute;
    top: 17px;
    right: 8px;
    background: white;
    border: 0px;
    font-size: 20px;
    color: #58c1ca;
}
.mobilemenu-head {
    text-align: center;
    padding: 10px 0px;
    position: relative;
}
.mobilemenu-head img {
    position: relative;
    left: -10px;
}
.zoekmobiel {
    text-align: center;
    padding: 8px;
    background: #fffef5;
    border: 1px solid #e8f4f5;
}

/* Start header */
.header-center {
    padding: 15px 0px;
    box-shadow: -16px 1px 7.9px rgb(0 0 0 / 7%);
	position: relative;
}
.menu {
    margin-top: 19px;
    display: inline-block;
    margin-right: 35px;
}
.zoeken {
    display: inline-block;
    margin-left: 15px;
    background: #f6f6f6;
    border-radius: 40px;
    position: relative;
}
form.search-form {
    background: #f6f6f6;
    border-radius: 40px;
}
button#completed-task-menu, button#completed-task {
    position: absolute;
    left: 10px;
    background: #f6f6f6;
    border: 0px;
    font-size: 19px;
    top: 14px;
    color: #616161;
}
.zoeken input {
    background: #f6f6f6;
    padding: 14px 5px 14px 48px;
    font-family: 'Outfit';
    font-size: 16px;
    border: 1px solid #dddddd;
    border-radius: 40px;
    min-width: 320px;
    font-weight: 400;
}
.zoeken input::before {
    content: ''; 
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: transparent;
}
a.vakanties i {
    margin-left: 10px;
    color: #ef7743;
}
a.vakanties {
    padding: 10px 20px;
    font-size: 18px;
    color: #000000;
    border: 1px solid #162f50;
    border-radius: 25px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    top: 7px;
}
a.vakanties:hover {
    background: #162f50;
    color: white;
}
/* Start form */
.gform_wrapper label {
    font-size: 16px !important;
}
.gform_wrapper legend {
    font-size: 18px !important;
}
.gform_button {
    background: #f57454 !important;
}
.gform_confirmation_message {
    font-size: 18px!important;
}
.gform-body input, .gform-body textarea {
    background: #f6f6f6 !important;
    border: 1px solid #dddddd !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}
/* Start content */
.entry-content {
    font-size: 16px;
    line-height: 24px;
}
.entry-content p {
    margin-bottom: 25px;
}
.entry-content img {
    max-width: 100%;
	height: auto;
}
.entry-content h2 {
    margin-bottom: 15px;
    line-height: 36px;
    font-size: 24px;
}
.entry-content h3 {
    font-size: 20px;
    margin-bottom: 14px;
}
.entry-content ul {
    list-style: square;
    line-height: 28px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.entry-content ol li {
    margin-bottom: 10px;
}
.entry-content ol {
    margin-left: 20px;
}
.single-blog .entry-content {
    font-size: 18px;
    line-height: 28px;
}
.single-blog img {
    border-radius: 4px;
}
.hero.single-hero img {
    margin-bottom: 10px;
}	
.container-hero .hero::after {
    display: none!important;
}	
.blog-intro p {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}
.social i {
    font-size: 20px;
    color: black;
}
.product-intro .entry-content {
    font-size: 18px;
    text-align: center;
    line-height: 25px;
}
.content-color {
    background: #f5feff;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #e8f4f5;
}
/* Start single */
.single-view {
    border-radius: 4px;
	position: relative;
}
.single-view:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.single-view img {
    border-radius: 4px 4px 0px 0px;
    margin-bottom: -5px;
    height: 300px;
    object-fit: cover;
}
.single-view a {
    color: black;
}
.single-view span {
    padding: 8px 20px 8px 20px;
    position: absolute;
    bottom: 15px;
    color: black;
    z-index: 9999;
    font-size: 18px;
    border-radius: 6px;
    background: white;
    display: inline-block;
    left: 10px;
    right: 10px;
    line-height: 28px;
    font-weight: 500;
}
.single-view i {
    color: #ef7743;
    margin-left: 5px;
    font-size: 16px;
    position: relative;
    top: 0px;
}
/* Start links */
.links a {
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 10px;
    font-size: 16px;
    display: block;
    position: relative;
    color: black;
    font-weight: bold;
}
.links .flag {
    position: absolute;
    right: 7px;
    top: 12px;
}
.links a:hover {
    box-shadow: rgb(149 157 165 / 11%) 0px 8px 24px;
}
/* Start hotel */
.hotel-locatie {
    font-size: 16px;
}
.kaart iframe {
    border-radius: 6px;
}
.hotelprijs .vakantie-prijs {
    text-align: center;
}
.hotelprijs .vakantie-prijs span {
    font-size: 28px;
}
.hotelprijs .vakantie-prijs i {
    font-size: 15px;
}
.hotelprijs {
    border: 1px solid #e0e0e0;
    padding: 15px;
    border-radius: 6px;
    padding-top: 25px;
    margin-bottom: 25px;
}
.hotelprijs .check-reizen a {
    display: block;
}
.hotelprijs .check-reizen {
    position: inherit !important;
    padding-left: 0px;
    padding-right: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.hotel-informatie .tabs {
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
}
.hotelprijs {
    position: relative;
    transition: all 0.3s ease;
}
.hotelprijs.sticky {
 	position: -webkit-sticky; 
    position: sticky;
    top: 20px;
    z-index: 1000;
}
div#mobileCarousel img {
    height: 270px;
    object-fit: cover;
}
/* Start hero */
.hero {
    margin-top: 32px;
    position: relative;
    overflow: hidden;
}
.hero-title {
    position: absolute;
    width: 456px;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 9;
    top: 140px;
}
.home-hero .hero-title h2 {
    position: relative;
    top: 108px;
    color: white;
    text-shadow: 0 0 10px rgb(0 0 0);
    font-size: 23px;
    padding: 10px 10px 10px 10px;
    text-align: center;
}
.hero img {
    object-fit: cover;
    width: 100%;
    height: 534px;
    border-radius: 8px;
}
.hero::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    background-image: linear-gradient(180deg, transparent 0 30%, rgb(0 0 0 / 38%) 70% 100%);
    height: 300px;
    width: 100%;
    border-radius: 6px;
}
.hero.single-hero::after {
    display: none;
}
.hero .entry-title {
    position: absolute;
    left: 0px;
    right: 0px;
    color: white;
    font-size: 38px;
    text-shadow: 0 0 10px rgb(0 0 0);
}
.rect1 {
    background: rgb(22 47 80 / 51%);
    width: 120px;
    height: 534px;
    position: absolute;
    right: 7px;
    top: 0px;
    transform: skewX(340deg);
    z-index: 99;
}
.rect2 {
    position: absolute;
    right: -200px;
    top: 0px;
    transform: skewX(340.1deg);
    z-index: 99;
    border-left: 0px solid;
    border-bottom: 534.2px solid;
    border-right: 194px solid;
    border-right-color: transparent;
    border-bottom-color: rgb(22 47 80 / 70%);
    border-left-color: transparent;
    height: 0;
    width: 14px;
    border-radius: 0px 0px 6px 0px;
}
.hero-information {
    position: absolute;
    bottom: 90px;
    background: white;
    z-index: 99;
    width: 100%;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;	
}
.hotel-amount, .product-price {
    padding: 15px;
    display: inline-block;
	position: relative;
}
i.fa-solid.fa-plane {
    padding-right: 7px;
}
.hotel-amount i, .product-price i {
    border: 1px solid #000000;
    padding: 8px;
    border-radius: 23px;
    color: #000000;
    margin-right: 8px;
}
.product-price i {
	padding: 8px 10px!important
}
.product-price span {
    position: relative;
    top: 5px;
    font-size: 18px;
}
.product-price span::before {
    content: 'vanaf p.p.';
    top: -14px;
    position: absolute;
    font-size: 11px;
    color: #545151;
    width: 60px;
	font-weight: bold;
}
.hotel-amount::after {
    width: 1px;
    height: 40px;
    background: #dddddd;
    content: '';
    position: absolute;
    right: -5px;
}
.col-md-8.offset-md-2 {
    position: relative;
}
.vakantie-check {
    background: #ef7743;
    padding: 10px 38px 10px 20px;
    border-radius: 30px;
    color: white;
    position: relative;
    border-bottom: 2px solid #cd1e22;
    transition: 0.6s;
}
.vakantie-check:hover {
    border-bottom: 2px solid #cd1e22;
    background: #d56a3a;
}
.vakantie-check::after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    margin: 0 5px 0 4px;
    color: #fff;
    position: absolute;
    right: 2px;
    font-size: 18px;
    top: 12px;
}
.top-check a.vakantie-check {
    background: #163050;
    border-bottom: 2px solid #165cb2;
}
.top-check a.vakantie-check:hover {
    background: #0b4690;
}
.top-check {
    position: absolute;
    right: 240px;
    top: 22px;
}
.product-check {
    position: absolute;
    right: 15px;
    top: 22px;
}
/* Start algemeen */
.hero.algemeen-hero img {
    height: 275px;
}
.algemeen-hero .hero-title {
    top: 106px;
}
.algemeen-hero .rect1 {
    height: 275px;
    right: 61px;
}
.algemeen-hero .rect2 {
    border-bottom: 275px solid;
    right: -146px;
    border-bottom-color: rgb(22 47 80 / 70%);
}
/* Start reisbureau */
.single-reisbureau-view ul {
    list-style: none;
    text-align: left;
    padding: 5px 10px 15px 10px;
}
.single-reisbureau-view li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    font-size: 16px;
}
.single-reisbureau-view li::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin: 0 6px 0 8px;
    color: #58c1ca;
    position: absolute;
    left: 0px;
    font-size: 16px;
    top: 3px;
}
.single-reisbureau-view p {
    font-size: 16px;
    line-height: 24px;
    padding: 5px 20px 20px 20px;
}
.single-reisbureau img {
    height: 430px;
    border-radius: 8px !important;
}
.single-reisbureau::after {
    display: none;
}
img.single-reisbureau-logo {
    position: absolute;
    bottom: 70px;
    left: 50px;
    width: 170px!important;
    display: inline-block;
    height: 80px!important;
    object-fit: contain;
    padding: 15px;
    background: white;
}
.single-reisbureau-view:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.check-reizen {
    background: white;
    position: absolute;
    bottom: 7px;
    right: 45px;
    padding: 15px;
    border-radius: 6px;
}
.check-reizen a {
    background: #e5262a;
    padding: 10px 48px 10px 20px;
    border-radius: 30px;
    color: white;
    border-bottom: 2px solid #cd1e22;
    transition: 0.6s;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}
.check-reizen a::after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    margin: 0 6px 0 8px;
    color: #fff;
    position: absolute;
    right: 3px;
    font-size: 26px;
    top: 9px;
}
.single-reisbureau-view {
    text-align: center;
    padding: 5px;
    border: 1px solid #dddddd;
    display: block;
    border-radius: 6px;
    margin-bottom: 25px;
}
.single-reisbureau-view a {
    color: black;
    font-size: 18px;
	display: block;
}
.single-reisbureau-view img {
    display: inline-block;
}
.single-reisbureau-view span {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}
.single-reisbureau-view i {
    color: #000000;
    margin-left: 6px;
    font-size: 14px;
}
/* Start slider */
.big-slider img {
    width: 100%!important;
    height: 408px!important;
    object-fit: cover!important;
}
/* Start home zoeken */
.zoeken-homepagina {
    padding: 15px;
}
.leaflet-popup-content {
    margin: 15px!important;
}
.leaflet-popup-content strong {
    font-size: 14px;
    font-weight: bold;
}
select.facetwp-dropdown {
    background: #f6f6f6;
    padding: 10px;
    font-size: 15px;
    width: 100%;
    border: 1px solid #e0e0e0;
    font-family: 'Outfit', sans-serif !important;
    border-radius: 4px;
    color: #616161;
  -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polyline points="4 7 10 13 16 7" fill="none" stroke="%23616161" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}
button.vakantie-check {
    border: 0px;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
    border-bottom: 2px solid #cc6539;
}
.zoeken-homepagina .facetwp-facet {
    margin-bottom: 0px;
}
/* Start hotelpagina */
.hotelstars i {
    color: #ffbf00;
    margin-right: 3px;
}
.modal-body {
    padding: 5px!important;
}
.modal-header {
    border-bottom: 1px solid #ffffff!important;
}
.modal-header i.fa-solid.fa-xmark {
    font-size: 20px;
}
/* Start product winkelpagina */
.product-overzicht {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 30px;
}
.product-overzicht img {
    object-fit: cover;
    max-width: 100%;
    height: 240px;
	width: 100%;
}
.product-overzicht a {
    color: black;
}
.product-overzicht p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.product-afbeelding {
    position: relative;
    width: 100%;
}
.product-overzicht .vakantie-prijs {
    border: 1px solid #fff1bf;
    border-radius: 6px;
    background: #fffff5;
    padding-bottom: 10px;
}
.product-overzicht .prijsinfo {
    margin-top: 15px;
    padding: 0px 0px 10px 0px;
    height: 190px;
	text-align: center;
}
.product-overzicht .vakantie-bekijk {
    bottom: 15px;
    top: inherit;
    right: 0px;
    left: 0px;
}
.product-overzicht .vakantie-check {
	display: block;
}
.product-overzicht .vakantie-prijs i {
    margin: 0 auto;
    width: 10px;
    font-size: 12px;
    background: white;
    display: block;
    margin-top: 6px;
    margin-bottom: 10px;
}
.product-overzicht .vakantie-prijs span {
	position: inherit;
}
.product-overzicht del {
    color: #717171;
    font-size: 14px;
    margin-left: 10px;
    display: block;
    margin-top: 5px;
}
.product-overzicht .vakantie-prijs span::before {
    position: inherit;
    display: block;
    margin-bottom: 5px;
	margin-top: 5px;
	width: 100%;
}
li.product.type-product {
    list-style: none;
}
/* Start aanbieders */
.softblue {
    border: 1px solid #ffe894;
    border-radius: 6px;
    padding: 25px 15px;
    background: #fff9e9;
}
.softblue.greylined {
    border: 1px solid #e8f4f5;
    background: white;
}
.aanbieders li {
    list-style: none;
}
.aanbieders li img {
    padding: 5px;
    border: 1px solid #efefef;
    border-radius: 6px;
    width: 36px;
    margin: 7px 7px;
    display: inline-block;
}
.aanbieders li a {
    background: white;
    display: block;
    border-radius: 6px;
    position: relative;
    color: black;
    margin-bottom: 20px;
    border: 1px solid #e8f4f5;
}
.aanbieders li a:hover {
    box-shadow: rgb(149 157 165 / 13%) 0px 2px 11px;
}
.aanbiedershotel li img {
    margin: 10px;
    width: 90px;
    height: 28px;
    position: relative;
    top: 2px;
}
.reisorganisatie {
    position: absolute;
    top: 20px;
    font-size: 18px;
    left: 72px;
	font-weight: 500;
}
.aanbieder_tip {
    background: #5ba718;
    text-transform: uppercase;
    padding: 4px 10px;
    display: inline-block;
    margin-left: 13px;
    color: white;
    border-radius: 29px;
    font-weight: 500;
    width: 44px;
    font-size: 14px;
    position: absolute;
    right: 174px;
    top: 20px;
}
.aanbieder_tip::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f185";
    margin-right: 6px;
    font-size: 12px;
}
.prijscheck i {
    background: #009636;
    color: white;
    margin-left: 12px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    float: right;
    position: relative;
    top: 5px;
}
.fa-chevron-right:before {
    content: "\f054";
}
.prijscheck {
    position: absolute;
    right: 10px;
    top: 21px;
    font-size: 17px;
    display: block;
}
.prijscheck::before {
    border-left: 1px solid #efefef;
    content: '';
    margin-right: 10px;
    position: absolute;
    left: -15px;
    height: 43px;
    top: -9px;
}
/* Start partners */
.partners {
    text-align: center;
}
.partners span {
    font-size: 16px;
}
.partners .col-lg-2.col-sm-4.col-4 {
    vertical-align: middle;
    display: grid;
    align-items: center;
    flex-wrap: wrap;
}
/* Start tabs */
.tabs {
    border-bottom: 1px solid #e0e0e0;
    margin: 25px 0px 50px 0px;
    text-align: center;
}
.tabs ul li a {
    color: #000000;
    padding: 10px;	
	display: block;
}
.tabs ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 2px solid white;
}
.tabs ul li:hover {
    border-bottom: 2px solid #e5262a;
}
.chevron {
    display: none;
}
/* Start horizontale informatie */
.ih-border .info-horizontal {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
}
.info-horizontal img {
    border-radius: 6px;
    height: 210px;
    object-fit: cover;
	width: 100%;
}
.info-horizontal img {
    border-radius: 6px;
}
.ih-bg .info-horizontal {
    border: 1px solid #e8f4f5;
    border-radius: 6px;
    padding: 10px;
    background: #f5feff;
}
.ih-bg .infoblock {
    border: 1px solid #e8f4f5;
    border-radius: 6px;
    background: #f5feff;
}
.infoblock .vakantie-check::after {
    top: 10px;
}
.infoblock .vakantie-check {
    display: inline-block;
    color: white;
    font-weight: 400;
}
.info-horizontal .vakantie-check:hover::after {
    color: white;
}
.info-horizontal .vakantie-check:hover {
    background: #e5262a;
    color: white !important;
}
.info-horizontal .vakantie-check::after {
    top: 10px;
}
.info-horizontal .vakantie-check {
    display: inline-block;
}
.info-horizontal .vakantie-check {
    display: inline-block;
    background: white;
    color: black;
    margin-bottom: 30px;
    border: 1px solid #e5262a;
}
.info-horizontal .vakantie-check::after {
    top: 10px;
    color: #e5262a;
}
/* Start trip */
.vakantie {
    border-radius: 6px;
    border: 1px solid #dddddd;
    margin-bottom: 25px;
}
.vakantie a {
    color: black;
}
.vakantie-img {
    position: relative;
}
.vakantie-img img {
    width: 100%;
    height: 230px;
    border-radius: 5px 5px 0px 0px;
	object-fit: cover;
}
.vakantie p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.vakantie-content {
    padding: 10px;
}
.vakantie-afbeelding img {
    max-width: 100%;
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px 6px 0px 0px;
}
img.logo {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    width: 80px;
    padding: 2px;
    background: white;
    border-radius: 4px;
    height: 25px;
}
span.vakantie-land::after {
    content: '|';
    padding-left: 5px;
}
.vakantie-bestemming span {
    margin-right: 3px;
}
.vakantie-bestemming {
    color: #5f5c5c;
    margin-top: 10px;
    font-size: 15px;
}
.prijsinfo {
    margin-top: 15px;
    padding: 10px 0px 10px 0px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    position: relative;
    height: 36px;
}
.vakantie-bekijk {
    position: absolute;
    right: 10px;
    top: 19px;
}
.vakantie-prijs i {
    border: 1px solid #e8b90f;
    padding: 8px 10px;
    border-radius: 23px;
    color: #e8b90f;
    margin-right: 8px;
}
.vakantie-prijs span {
    font-size: 22px;
    top: 8px;
    position: relative;
    font-weight: bold;
}
.vakantie-prijs span::before {
    content: 'vanaf p.p.';
    top: -14px;
    position: absolute;
    font-size: 11px;
    color: #545151;
	width: 100%;
}
.vakantie:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.vakantie.infoblock:hover {
    box-shadow: none;
}
a.allevakanties:hover {
    background: #e5262a;
    color: white;
}
a.allevakanties {
    display: inline-block;
    border-radius: 40px;
    font-size: 16px;
    padding: 10px 15px;
    border: 1px solid #e5262a;
    margin-bottom: 15px;
    color: black;
}
/* Start images */
.afbeeldingen img {
    border-radius: 6px;
    object-fit: cover;
    min-height: 280px;
    margin-bottom: 25px;
}
/* Start bestemmingen */

.bestemming {
    position: relative;
}
.bestemming img {
    height: 240px;
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
    margin-bottom: -4px;
}
.bestemming .bestemming-prijs {
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;
    padding: 10px;
    font-weight: bold;
    color: black;
    border-radius: 6px;
}
.bestemming .bestemming-naam {
    position: absolute;
    bottom: 32px;
    color: white;
    text-shadow: 0 0 10px rgb(0 0 0);
    font-weight: bold;
    font-size: 21px;
    left: 50px;
    z-index: 99;
}
.bestemming .vakantie-prijs span {
    font-size: 16px;
}
.bestemming .vakantie-prijs i {
    padding: 6px 8px;
}
.bestemming:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.bestemming .vakantie-prijs span::before {
    content: 'vanaf';
}
.flag.es {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/es.svg);
}
.flag.cz {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/cz.svg);
}
.flag.ch {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/ch.svg);
}
.flag.lu {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/lu.svg);
}
.flag.hu {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/hu.svg);
}
.flag.at {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/at.svg);
}
.flag.si {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/si.svg);
}
.flag.gr {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/gr.svg);
}
.flag.de {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/de.svg);
}
.flag.sk {
    background-image: url(/wp-content/themes/diervriendelijkecampings/img/flags/sk.svg);
}
.flag {
    width: 25px;
    height: 15px;
    background-repeat: no-repeat;
    display: inline-block;
}
.bestemming .flag {
    position: absolute;
    left: 15px;
    bottom: 36px;
}
/* Start Read More */

.hidden {
    display: none;
}
.read-more {
    color: #e5262a;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 20px;
    display: block;
    margin-top: -10px;
}
.arrow-down {
    position: absolute;
    transform: rotate(180deg);
    background: white;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    height: 730px;
    font-size: 17px;
    left: 15px;
}
.arrow-down::after {
    content: '';
    position: absolute;
    left: -12%;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ffffff;
    clear: both;
    transform: rotate(180deg);
}
.arrow-down.arrow-down-right {
    position: absolute;
    right: 13px;
    left: auto;
}
.instruct-box span {
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-tab {
    display: none;
    padding: 15px;
    border: 1px solid #e8f4f5;
    border-top: none;
    background-color: #fff;
    border-radius: 0px 0px 5px 5px;
    font-size: 16px;
    line-height: 24px;
}
.faq-tab p {
    margin-bottom: 15px;
}
.whitefaq .faq-title {
    background: white;
}
.faq-title:hover {
    background-color: #e7faff;
}
.faq-title:after {
    top: 25px;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    margin: 0 6px 0 8px;
    color: #58c1ca;
    position: absolute;
    right: 5px;
    font-size: 16px;
}
.faq-title.active:after {
    content: "\f078";
}
.faq-item {
  border-radius: 5px;
  margin-bottom: 15px;
}
.accordion-header {
  text-align: center;
  background-color: #222222;
  color: white;
  padding: 20px 0;
}
.faq-title {
    cursor: pointer;
    background-color: #f5feff;
    position: relative;
    border: 1px solid #e8f4f5;
    transition: background-color 0.3s ease;
    border-radius: 5px;
}
.faq-title span {
    color: black;
    padding: 15px;
    display: block;
    font-weight: bold;
    font-size: 16px;
	padding-right: 25px;	
}
.socials a {
    display: inline-block;
    padding: 10px;
    border: 1px solid #e5262a;
    border-radius: 40px;
    margin-top: 20px;
    background: #e5262a;
    color: white;
    margin-right: 10px;
}
.socials i {
    margin-right: 5px;
    background: white;
    border-radius: 24px;
    padding: 5px;
    color: black;
    font-size: 15px;
}
footer {
    box-shadow: -16px 1px 7.9px rgb(0 0 0 / 7%);
    font-size: 16px;
}
footer ul {
    list-style: none;
    font-size: 16px;
    margin-top: 10px;
}
footer ul li {
    font-size: 16px;
    line-height: 28px;
}
footer a:hover {
    text-decoration: underline;
}
.allfooter a {
    color: black;
    font-weight: bold;
}
.allfooter i {
    margin-left: 5px;
    font-size: 13px;
    color: #7dc1d3;
}
.siteinfo-menu li {
    display: inline-block;
    margin-right: 25px;
    line-height: normal;
}
.siteinfo-menu li a {
    color: black;
}
@media (max-width: 1599px) {
.rect1 {
    width: 120px;
    right: 57px;
}
.rect2 {
    right: -150px;
}
}
@media (max-width: 1250px) {
	.zoeken input {	
min-width: 290px;
	}
}
@media (max-width: 1210px) {
	.zoeken input {
		min-width: 280px;
	}
}
@media (max-width: 1199px) {
a.vakanties {
    font-size: 16px;
    position: relative;
    top: 4px;
	padding: 10px;
}
.aanbieder_tip {
    top: -9px;
    transform: rotate(3deg);
}
.vakantie del {
    display: none;
}	
}
@media (max-width: 1149px) {
.hero-information {
    height: 64px;
}
.top-check {
    position: static;
    width: 49%;
    margin-left: 10px;
    margin-top: 11px;
    display: inline-block;
}
.top-check a.vakantie-check {
    display: block;
}	
.product-check {
    position: static;
    right: 15px;
    top: 22px;
    width: 45%;
    display: inline-block;
}	
	.vakantie-check {
    display: block;
    margin-left: 20px;
}
.hotel-amount {
	display: none;
}		
}
@media (max-width: 1099px) {
a.vakanties i {
    margin-left: 4px;
}
}
@media (max-width: 991px) {
.camping-info .col-md-12 {
    border-left: 0px;
}	
    .facetwp-template img {
        height: 220px !important;
        min-height: auto;
        border-radius: 6px;
    }
.campinginfo_box {
    padding: 0px 15px 0px 15px;
}	
.camping-specs {
    margin-left: 15px;
    margin-top: -5px;
}	
.camping-button {
    position: static;
    bottom: 25px;
    display: block;
    text-align: center;
}	
span.vrglkn.border-round {
    margin-right: 12px;
    margin-bottom: 20px;
	width: inherit!important;
}	
.beschrijving-camping.mb-20 {
    margin-bottom: 0px;
}		
.top-check {
    position: static;
    text-align: center;
}	
p.woocommerce-result-count {
    margin-bottom: 15px;
}
h1.page-title {
    margin-bottom: 10px;
}	
    .tabshow.filter-mobile {
        margin-top: -25px;
        margin-bottom: 20px;
    }
.filter-mobile {
    border-radius: 6px;
}	
.waaromnaar li {
        flex: 1 1 100%;
    }	
.siteinfo-menu ul li {
    display: block;
    margin-bottom: 20px;
}	
    form.woocommerce-ordering select {
        margin-bottom: 10px;
        right: -5px !important;
        position: relative;
    }
    .zoeken-homepagina button.fwp-submit.vakantie-check {
        margin: 0px;
        margin-top: 3px;
    }
#filter-left {
    overflow-y: auto!important;
}	
.hotelprijs {
    margin-top: 25px;
}	
.hero.single-hero img {
        border-radius: 4px;
        height: 220px;
        margin-bottom: 0px;
    }
.zoekmobiel .zoeken {
	margin-left: 0px!important;
}
.zoekmobiel .zoeken input {
    min-width: 260px;
    font-size: 14px;
}	
.allfooter.mt-30.mb-60 {
    margin-bottom: 30px;
}	
.product-price span {
    font-weight: bold;
}	
.logo {
    text-align: center !important;
}	
.siteinfo-menu {
    margin-bottom: 35px;
}	
.tabs {
    margin: 25px 0px 35px 0px;
}	
.tabhide {
display: none;
}
.tabshow {
display: block!important;
}
    .toonzoeken i {
        font-size: 17px;
        position: relative;
        top: 15px;
        right: 5px;
    }
.vakantie-check::after {
    right: 4px;
    top: 10px;
    font-size: 17px;
}	
    .vakantie-check {
        padding: 8px 38px 8px 20px;
        display: block;
    }
a.vakanties {
display: none!important;
}
	.container-fluid {
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
}
.ih-border .info-horizontal {
    padding-bottom: 0px;
}	
/* Start hero */
    .hero img {
        width: 100%;
        height: 280px;
        border-radius: 0px;
    }
    .hero-title {
        top: 74px;
    }
    .hero .entry-title {
        font-size: 30px;
        padding: 0px 20px;
    }
    .rect2 {
        right: -161px;
        border-bottom: 280px solid rgb(22 47 80 / 51%);
    }
    .rect1 {
        display: none;
    }
.hero::after {
display: none;
}
.hotel-amount::after {
display: none;
}
    .hero-information {
position: static;		
        padding: initial;
        width: auto !important;
border: 0px;
    }
.hero-information .vakantie-check {
    border-radius: 5px;
    margin: 10px;
}	
.hotel-amount {
display: none;
}
.product-price {
    width: auto;
    position: absolute;
    top: -67px;
    right: 21px;
    z-index: 99;
    background: white;
	padding: 10px 13px 10px 6px;
    border-radius: 6px;
}
    .product-check {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 20px;
        position: static;
    }
.hero-title {
    width: auto;
}
.container-fluid.container-hero {
    padding: 0px;
}
    .hero {
        margin-top: 0px;
    }	
.col-md-8.col-xl-6.offset-md-2.offset-xl-3 {
    width: 100%;
    margin-left: 0px;
}
.product-check {
    margin-top: 8px;
    margin-bottom: 10px;
    position: static;
}	
.dropdown-toggle::after {
	display: none;
}	
.zoekfunctie {
	text-align: right;
}
.header-center {
    padding: 5px 0px;
}
.logo img {
    width: 190px;
	height: 44px;
	position: relative;
}		
i.fa-solid.fa-bars {
    margin-top: 13px;
    font-size: 20px;
}	
.row.text-right.footer-sign.mt-60 {
    text-align: left;
}	
	.desktop-only {
		display: none;
	}
	.partners {
		display: none;
	}	
.vakantie del {
    display: inline-block;
}
.product-overzicht .col-md-4 {
    padding-left: 0px;
    padding-right: 0px;
}	
	.desktophide {
		display: block;
	}	
}
@media (max-width: 767.98px) {
.entry-content h1 {
    margin-bottom: 15px;
    line-height: 32px;
    font-size: 19px;
}	
.blue.campingprijzen.fullpadding.mt-60.mb-60 {
    padding: 20px 10px;
    padding-right: 0px;
}	
    .top-check {
        width: -webkit-fill-available!important;
		margin-top: 0px;
		margin-left: 0px;
    }
    .product-check {
        width: -webkit-fill-available!important;
        margin-bottom: 0px!important;
        margin-top: -5px!important;
    }	
.hero-information {
    height: auto!important;
}	
    .camping-fotos img {
        height: 200px;
        margin-bottom: 25px;
    }	
    .camping-fotos a {
        bottom: 40px;
    }	
    .check-reizen {
        right: 20px;
        left: 20px;
        text-align: center;
    }
.hero.algemeen-hero img {
    height: 160px;
}
.algemeen-hero .hero-title {
    top: 64px;
}
    .algemeen-hero .rect2 {
        border-bottom: 160px solid rgb(22 47 80 / 70%);
        right: -168px;
    }
.headhotel {
    font-size: 22px;
}	
.container.mt-5.hotel-slider {
    margin-top: 30px !important;
}	
	.product-overzicht .vakantie-prijs span {
	font-size: 20px;	
	}
    img.single-reisbureau-logo {
        bottom: 56px;
        left: 20px;
        width: 100px !important;
        height: 45px !important;
    }
.blog-intro p {
    font-size: 18px;
    line-height: 26px;
}	
.head1 {
        font-size: 28px;
        line-height: 32px;
    }	
    #filter-left {
        left: calc(-100% + 3rem);
        width: calc(100% - 3rem);
    }		
#menu {
    left: calc(-100% + 3rem);
    width: calc(100% - 3rem);
}	
.rect1 {
	display: none;
}
.info-horizontal img {
    border-radius: 6px;
    height: 230px;
    object-fit: cover;
    width: 100%;
    margin-bottom: 20px;
}
	.head2 {
		font-size: 22px;
	}
    .rect1 {
        right: -56px;
    }
    .rect2 {
        right: -200px;
    }
    .hero .entry-title {
        font-size: 25px;
        padding: 0px 45px;
    }
   .tabs {
        max-width: 100%;
        overflow: hidden; 
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
        position: relative; 
    }
    .tabs ul {
        display: flex;
        align-items: center;
        list-style-type: none;
        padding: 0;
        margin: 0;
        padding-right: 30px; 
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .tabs ul::-webkit-scrollbar {
        display: none;
    }
    .tabs ul li.item {
        margin-right: 10px;
    }
    .tabs ul li.item a {
        text-decoration: none;
        padding: 10px 15px;
        color: #333;
        display: block;
        white-space: nowrap;
    }
    .tabs ul li.item a:hover {
        background-color: #f0f0f0;
    }
    .tabs .chevron {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: none;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.8);
        cursor: pointer;
    }
    .tabs .chevron i {
        font-size: 20px;
        color: #333;
        padding: 10px;
    }
.bestemming .bestemming-naam {
    bottom: 32px;
    left: 40px;
	font-size: 20px;
}	
.bestemming .flag {
    left: 10px;
}	
.container-hero .hero .entry-title {
    font-size: 28px;
}
.product-intro .entry-content h2 {
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 20px;
}	
.vakantie-prijs span {
    font-size: 16px;
}	
.vakantie-prijs i {
    padding: 6px;
}	
.zoeken-homepagina .facetwp-facet {
    margin-bottom: 12px;
}
.zoeken-homepagina button.fwp-submit.vakantie-check {
    margin: 0px;
    margin-top: 5px;
}	
    .home-hero .hero-title h2 {
        top: 75px;
        color: white;
        font-size: 18px;
        font-weight: 400 !important;
        padding: 10px 50px 10px 50px;
    }
.product-overzicht .vakantie-prijs i {
    position: absolute;
    left: 20px;
    top: 9px;
	padding: 8px 10px;
}	
.product-overzicht .prijsinfo {
    height: 120px;
    text-align: center;
}	
.product-overzicht del {
    margin-top: 5px;
    display: inline-block;
}	
}
@media (max-width: 600px) {
.prijscheck span {
    display: none;
}
.prijscheck::before {
    display: none;
}	
    .aanbieder_tip {
        top: -8px;
        transform: rotate(3deg);
        right: 35px;
    }
   .tabs ul {
            padding-right: 0;
        }
        .tabs .chevron {
            display: flex;
        }	
img.single-reisbureau-logo {
        top: 22px !important;
}	
    .bestemming .bestemming-naam {
        bottom: 35px;
        left: 37px;
        font-size: 14px;
    }	
}
@media (max-width: 400px) {
.hero-button span {
    left: 35px;
}	
.row.ctas.mt-20 a {
    font-size: 15px;
}	
}