/* Enter Your Custom CSS Here */
li[data-item="hoteliers_departure"] input.hoteliers-form__form-field, li[data-item="hoteliers_arrival"] input.hoteliers-form__form-field {background: #ffffff url(https://meulenhoek.staging.gaaf-internet.nl/wp-content/uploads/2022/02/calendar.png) center right no-repeat!important;}
.hoteliers-form__grid-item {margin:0px 10px!important}
button.hoteliers-form__form-field.hoteliers-form__btn {background:#ffffff;border:none;
    padding: 9px 20px;    background: #ffffff;
    color: #8a9a02;
    font: normal bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;}
.hoteliers-form__grid--4-fields .hoteliers-form__grid-item {display:inline-block}
.hoteliers-arrangement-vc .ult_design_1 .ult_pricing_table .price-heading {color:#ffffff!important}
.hoteliers-arrangement-vc .ult_design_1 .ult_pricing_table {
    background: #333f48!important;
}
.gerechtenkop2 {
	color: #333f48!important}

h3, h6 {
    color: #333f48!important;
}

#pcw #pcw-tab.pcw-top-right {
    left: 0;
    top: 0;
		    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
	    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
	right:auto!important;
}
#pcw #pcw-tab.pcw-top-right span {
    transform: rotate(0deg)!important;
}
.top-bar-bg {
    background: #333f48
}
.ttshowcase_wrap.tt_theme_flat {position:inherit!important}

#tekstblok-vinkjes ul li:before {font-family: FontAwesome;
    content: "\f00c";
    margin-left: -26px;
    padding-right: 10px;
}
#tekstblok-vinkjes ul {list-style:none;}

.home-wit h4, .home-wit h4 a, .home-wit p {color:#ffffff!important}

a.glink img {padding: 2px}
.dt-mobile-menu-icon .lines, .dt-mobile-menu-icon .lines:before, .dt-mobile-menu-icon .lines:after {background-color:#ffffff}
.second-switch-logo-left.second-switch-menu-right .mobile-header-bar .dt-mobile-menu-icon {background: #8a9a02;
    border-radius: 2px;
  padding: 5px;}

section#text-17.widget.widget_text {background: #8a9a02;}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover, .ui-datepicker-today, .ui-datepicker-days-cell-over {background:#8a9a02}

.top-bar.solid-bg:before {height:100%!important}
.header-space {height: 128px!important}
#footer.solid-bg {padding-bottom:20px}
input[type=text], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=date], input[type=range], input[type=password], select, textarea , .hoteliers-form__form-field::placeholder {color:#555555!important}
#hoteliers_arrival, #hoteliers_departure {
    background: #ffffff url(https://meulenhoek.staging.gaaf-internet.nl/images/calendar.png) center right no-repeat!important;
}
.top-bar .mini-widgets.right-widgets {-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.top-bar .mini-widgets:first-child{-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
  margin-right:10px;
}
@media screen and (max-width: 1024px) {
  .top-bar.solid-bg {padding-top: 30px;} 
}
@media screen and (max-width: 768px) {
.hoteliers-form__grid--4-fields .hoteliers-form__grid-item {width: calc(100% - 60px)!important}
}

/* Events */
div.post-thumbnail.layzr-bg-transparent, .ai1ec-field-label, div.ai1ec-posterboard-time {display:none!important}
div.ai1ec-pull-left, div.ai1ec-title-buttons.ai1ec-btn-toolbar, div.ai1ec-views-dropdown.ai1ec-btn-group.ai1ec-pull-right {display:none}
.ai1ec-calendar-toolbar {border:none}
.ai1ec-event-description {color: #000}
.ai1ec-posterboard-view.ai1ec-posterboard-aligned .ai1ec-event:hover .ai1ec-posterboard-image-container .ai1ec-posterboard-image {opacity: 0.15}

.masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom) {
    transform: translateY(0px)!important;
}

input#hoteliersarrival::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #444!important;
}
input#hoteliersarrival:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #444!important;
   opacity:  1;
}
input#hoteliersarrival::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #444!important;
   opacity:  1;
}
input#hoteliersarrival:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #444!important;
}

a.wpcs_contact_label {
    line-height: 35px!important;
}
a#wpcs_handle {top:56px!important}

#hoteliers_submit {
    border: none!important;
    padding: 10px!important;
}
.pullout-button {transform: rotate(90deg)}
.side_left .pullout-button {left:-74px!important;box-shadow:none!important;webkit-box-shadow:none!important;}
.top-bar.solid-bg::before {background: #555555}

#footer.solid-bg {
    background: #333f48
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: -60%;
}
/* #footer.solid-bg {
    background: #333f48 url(https://meulenhoek.staging.gaaf-internet.nl/wp-content/uploads/2016/12/logo-watermerk.jpg);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: -60%;
} */
.hoteliers-form__grid--4-fields .hoteliers-form__grid-item {width:calc(100% / 4)}
.header-bar {max-width:1300px!important}
.wf-td {display:block}
.aio-icon-component, .wpb_column>.wpb_wrapper .aio-icon-component {margin-bottom:15px}
.masthead:not(.side-header).full-width .top-bar, .top-bar .masthead.side-header-menu-icon, .masthead:not(.side-header).full-width .header-bar, .header-bar .masthead.side-header-menu-icon, .masthead:not(.side-header).full-width .mobile-header-bar, .mobile-header-bar .masthead.side-header-menu-icon {padding: 0px 20px;max-width:1300px!important}

/* Mobile */
body.admin-bar.phantom-sticky:not(.floating-navigation-below-slider) .masthead:not(.side-header)
{top: 0px!important;}
.mobile-header-bar .mobile-branding img {max-height:50px;width: auto;}
#branding-bottom img {height: 50px;width: auto;}
#text-4 {padding:0px;margin:0px}
#text-4.text-widget, #text-4.ult-ib-effect-style1{margin: 0px;}
#presscore-custom-menu-1-3 {margin-top:0px}
#iframe-reviews {min-height: 12000px;overflow: hidden;background-color: white;}

/* Content */
.widget-title-review h3 {text-transform:uppercase;color:#fff!important;width:170px;float:left;font-size:18px}
.widget-title-review #htlrs_reviewwidget {width:70px;float:right;margin-bottom:15px}

.entry-meta, .entry-tags, .portfolio-categories, .author-link {display:none}
.mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-fade-in .wf-cell.start-animation {padding:0px}

.gerechtenkop1 {    margin: 0px 0px 0px 0px;
    color: #8a9a02;
    font-size: 13px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-variant: normal;
    float: left;
    width: 70%;
  padding: 0px 0px 0px 0px;}
.gerechtenkop2 {
  margin: 0px 0px 0px 0px;
    color: #796954;
    font-size: 13px;
    letter-spacing: 0.06em;
    font-weight: normal;
    font-style: italic;
    float: left;
    width: 70%;
    padding: 0px 0px 0px 0px;
}
.gerechtenprijs1 {margin: 0px 0px 0px 0px;
    color: #444444;
    font-size: 13px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-style: italic;
    font-variant: normal;
    float: right;
  width: 20%;}
.clear {clear:both}

#main {
  padding: 40px 0 40px 0;}
h3, h6 {color:#796954}

/* Hoteliers Form */
.hoteliers-form__label, .hoteliers-form__form-field-container {display: inline-block;}
#hoteliers_submit {background:#ffffff;color:#8a9a02;font: normal bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;text-transform:uppercase}
.hoteliers-form__list li {list-style:none}
.hoteliers-form__label {color:#ffffff;margin: 0px 40px;}
form > ul > li > br {display:none}
.hoteliers-form__label--hidden {display:none}
.hoteliers-form__form input{
  background: #ffffff url('https://meulenhoek.staging.gaaf-internet.nl/images/calendar.png') center right no-repeat;width: 100%;}
.ui-widget-header {
    border: 1px solid #8a9a02;
  background: #8a9a02 50% 50% repeat-x;}
.ui-datepicker-next:hover {background:#aaaaaa}
.ui-datepicker-prev:hover {background:#aaaaaa}
.hoteliers-form__form-field-container {width:100%;}
.hoteliers-form__grid-item {margin:10px 0px!important}
input, input[type=url], .contact-form-material input[type=email], .contact-form-material input[type=number], .contact-form-material input[type=date], .contact-form-material input[type=range], .contact-form-material input[type=password], .contact-form-material select, .contact-form-material textarea {width:100%!important}
.hoteliers-form__grid--4-fields .hoteliers-form__grid-item {width: calc(100%/ 4 - 20px)}

/* Widgets */
#text-2 {background:#8a9a02;padding:20px}
#text-2 .widget-title {color:#ffffff!important}
#text-2 .hoteliers-form__form-field-container {width:100%;}
#text-2 .hoteliers-form__grid-item {margin:20px 0px}
.sidebar-content .custom-menu a, .stripe .sidebar-content .custom-menu a {background-image:none}
.sidebar .st-accordion li > a:before, .sidebar-content .st-accordion li > a:before, .stripe .sidebar-content .st-accordion li > a:before, .sidebar .custom-menu a:before, .sidebar-content .custom-menu a:before, .stripe .sidebar-content .custom-menu a:before {background:none}
.custom-menu a {padding-left: 0px;font-size: 16px;}
.sidebar-content .widget .custom-menu li {border: none;padding:0px;margin:5px 0px}
.widget-title {
    font: normal bold 18px / 28px "Roboto", Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;}

.hoteliers-arrangement-vc .hoteliers-form {background:#8a9a02;padding:20px}
.hoteliers-arrangement-vc .hoteliers-form__grid-item {margin:20px 0px}
.hoteliers-arrangement-vc #hoteliers_submit {margin-top:20px}
.hoteliers-form h3 {margin-left:20px;color:#ffffff}

.ult_design_1 .ult_pricing_table {background: #80715f!important;}
.ult_design_1 .ult_pricing_table .ult_price_body {border-radius:10px!important}
.ult_pricing_table .ult_price_features ul {margin:0px 20px 20px 46px!important}
.prijs-toeslag {margin:0px 20px 20px 20px;}
.ult_pricing_table .ult_pricing_heading h3 {font-size:20px!important}
.ult_pricing_table .ult_price_features ul li {font-size:14px!important}
.ult_pricing_table .ult_price_features ul li::before {font-family: FontAwesome;content: "\f00c";margin-left: -26px;padding-right: 10px;}
.ult_price_body .ult_price .ult_price_figure {font-size:1.5em}
.ult_design_1 .ult_pricing_table .ult_price_body {width: 8em!important;height: 8em!important;}
.arrangement-0-padding .vc_column-inner {padding:0px!important}
.arrangement-0-padding .wpb_content_element {margin-bottom:0px!important}

/* Menu */
.main-nav > .menu-item > a .fa {font-size:20px!important}
.branding a img, .branding img {
    height: 60px;
  width: auto;}
.ph-wrap.with-logo .logo-box img {height: 50px;
  width: auto;}
.animate-sticky {height:90px!important}
.sub-nav{padding:0px}
.sub-nav li.act, .sub-nav li:hover {background:#8a9a02!important}
.sub-nav li.act .menu-text {color:#ffffff!important}

/* Home Blokken */

/* .pijl-links::after {
z-index: 5000;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    margin-top: -20px;
    margin-bottom: -20px;
    border-right-color: #fff;
    right: 0%;
    margin-left: -20px;
}
.pijl-rechts::after {
z-index: 5000;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    margin-top: -20px;
    margin-bottom: -20px;
    border-left-color: #fff;
    left: 0%;
    margin-left: 0px;} */

/* Arrangementen */

.hover-style-one .rollover-content, .accent-gradient .hover-style-one .rollover-content {background: rgba(0,0,0,0.6);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),rgba(0,0,0,0.1) 50%,color-stop(100%,rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.85) 100%);
    background-color: transparent!important;
    color: #fff;
}
.portfolio-categories a, .portfolio-categories a *, .portfolio-categories span {    color: #fff!important;
    background: #8a9a02!important;
  padding: 5px!important;
-webkit-text-fill-color:#ffffff;}

.rollover-project:hover a img {opacity:0.2}

#content > div:nth-child(1) > div > div > div > div > div.wf-container.dt-portfolio-shortcode.loading-effect-fade-in.iso-grid.description-on-hover.hover-style-one.content-align-left.always-show-info.dt-isotope.cont-id-0.iso-item-ready {background:#8a9a02}

/* Filter */

.filter {
    padding: 10px 0px;
    margin-bottom: 0px;
    background: #8a9a02;
    min-height: 50px;
}
.filter-bg-decoration .filter-categories a.act, .filter a:hover {
    color: #8a9a02;
    background: #fff;
}
.filter-bg-decoration .filter-categories a {
    -webkit-border-radius: 100px;
    border-radius: 5px;
}
.filter a {color:#ffffff}

@media screen and (max-width:1366px){  
.main-nav > li > a {
    margin: 30px 2px 31px 2px;
}
}

/* Footer */

#footer .custom-nav>li>a {padding:0px}

/*
deze stijlen zijn voor het reserveringsverzoek formulier van bij-els
*/

.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.label-form1 {
color:#8a9a02;
font-size:0.9em;
font-style:normal;
letter-spacing: 0.05em;
}

/*
einde stijlen voor het reserveringsverzoek formulier van bij-els
*/