/*
Theme Name: esoc
Theme URI: http: //example.com/
Description: Child theme for the Traveler theme
Author: Marjolein Sileon
Author URI: 
Template: traveler
Version: 2.8.9

*/

/*  aangepaste styling voor ESOC   */

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon-esoc' !important;
  speak: none;
  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-bed:before {
  content: "\e902";
}
.icon-hotel:before {
  content: "\e902";
}
.icon-bus:before {
  content: "\e901";
}
.icon-travel:before {
  content: "\e901";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-location2:before {
  content: "\e948";
}
.icon-glass2:before {
  content: "\e9a1";
}
.icon-beach_access:before {
  content: "\e900";
}


/*Customizer Code Starts here*/
/* Standaard blauw: #0b2286
@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Lobster'); */
/*
.logo img{
    max-height:80px !important;
    
}

.logo-text{
     color: #fff;
    font-family: 'Lobster', cursive;
    font-family: 'Architects Daughter', cursive;
    font-weight: 100;
    font-size: 1.85em;
    position: absolute;
    display: inline-block;
    width: 100%;
    margin-top: 18px;
    margin-left: 15px;

}
.logo-fa{
    font-size:4em !important;
    color:#fff;
}
*/
body  {
    font-size:16px;
    line-height:1.8em;
    color: #505050;
}
p  {
    margin-bottom:20px;
}
p.thumb-desc  {
    color:#505050;
}
.text-hero, h1, h2, h3, h4, h5, .text-darken, a.text-darken {
    color:#303030;
}

body:not(.home) h1, body:not(.home) .page-title  {
    font-size: 30px;
    font-weight: 400;
    margin-bottom:20px;
    color:#0a38a2;
    text-align:center;    
}
body.single-st_cars h1, 
body.single-st_rental h1, 
body.single-st_hotel h1  {
    color:#303030;
    text-align:left;
}
body:not(.home) h2, .home .home-tabs h2 {
    font-size:25px;
    font-weight:400;
    padding-top:15px;
}

body:not(.home) h3, body:not(.home) h4,
.home .home-tabs h3, .home .home-tabs h4 {
    font-size:20px;
    font-weight:400;
}

h5 {
    font-weight:400;
}
#main-footer h4, #main-footer h5  {
    font-weight:300;
}

.post-title {
    display: none;
}
table.esoc-table {
    margin-bottom:20px;
    background-color: #f3f3f3;
}
table.esoc-table, table.esoc-table td, table.esoc-table th  {
    border-color:#737373;
}


.top-user-area{
    margin-top:8px;
    
}
.main-header-search .form-control {
 background-color:#dadada !important;  
 color: #333 !important;
}
.form-group .input-icon {
color:#333 !important;   
}


.search-tabs-abs-bottom {
    left:0px;
    
}
.sort_top{
    background-color:#f6f6f6;
    
}
.booking-filters.booking-filters-whit{
 border-radius:0px;   
}    
.booking-item-coupon {
display:none;
}
.tagline{
    font-size: 58px !important;
}
@media only screen and (max-width: 1201px) {
    .tagline{
        /*font-size: 36px !important;*/
    }
}
@media only screen and (max-width: 1025px) {
    .tagline{
        /*font-size: 22px !important;*/
    }
}
@media only screen and (max-width: 580px) {
    .tagline{
        display:none !important;
    }
}



.change_same_location{
 display:none;   
    
}
.PostGridButton a{
    display: inline-block !important;
    padding: 6px 12px !important;
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important; 
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    
}
.PostGridButton a:hover{
    border-radius: 10px !important;
    
}

.post .post-header{
    border:none !important;
    
}
.header-rentals ul{
    display:none;
}

label[for="field-car-drive-name"], #field-car-drive-name, #field-car-drive-age, label[for="field-car-drive-age"]
{
    display:none;
}
/*  bij hover op plaatje in grid geen tekst laten zien  */
.hover-img .hover-title-center  {display:none;}
/*  andere font-kleur currency switcher  */
.top-user-area .top-user-area-list>li>a {
    color: #565656;
}
/*  verbergen rij met aantal volwassenen en kinderen  */
#form-booking-inpage .onzichtbaar  {display:none;}
/*  verbergen mailadres contactpersoon op auto detailpagina  */
.single-st_cars .booking-item-header ul  { display:none;}
/*  verbergen van velden  */
.onzichtbaar  {display:none;}
/*  hoofdmenu items iets minder padding op tablets  */
@media only screen and (max-width: 1229px) {
    ul.slimmenu li a.fa {padding-left:10px !important; padding-right:10px !important;}
    }
@media only screen and (min-width: 1230px) {
    ul.slimmenu li a.fa {padding-left:25px !important; padding-right:25px !important;}
    }    
/* styling blog  */

.booking-item-content a:not(.btn), .post-template-default article a:not(.btn), body:not(.page-id-5995) .entry-content a:not(.btn), .home p a:not(.btn) {
    text-decoration:none;
	  color:#085dcc;
	  font-weight:600;
	  border-bottom: 2px solid #085dcc;
	  padding-bottom:3px;
}
.booking-item-content a:not(.btn):hover, .post-template-default article a:not(.btn):hover, body:not(.page-id-5995) .entry-content a:not(.btn):hover, .home p a:not(.btn):hover {
	  color:#fab142;
	  border-bottom: 2px solid #fab142;
}
.post-template-default article .post-meta a, body:not(.page-id-5995) .entry-content .link-no-underline a {
    text-decoration:none;
}
body .entry-content .cf7-star-rating a {
    border-bottom:none;
}

@media only screen and (min-width: 1024px)  {
    .post-template-default .post  {
        padding-right:50px;
    }
    .page-template-centreren {
        padding-left:150px;
        padding-right:150px;
}
    .over-dion  {
        padding: 50px;
    }
}

@media only screen and (max-width: 991px) {
    .wpb_text_column :last-child, .wpb_text_column p:last-child {
    /* margin-bottom: 20px; */
    }
}

.thumb-list>li .thumb-list-item-caption .thumb-list-item-title a {
    color: #0a38a2;
    font-size:14px;
}
.thumb-list>li .thumb-list-item-caption .thumb-list-item-title a:hover {
    text-decoration:none;
}
.thumb-list>li .thumb-list-item-caption .thumb-list-item-desciption {
    font-size: 12px;
    color: #565656;
}

.reserveren p {
    font-size:14px;
    line-height:1.6em;
}
@media only screen and (max-width: 1024px) {
    .hide-row-mobile {
        display: none;
    }
}
.content-beneden > .vc_column-inner {
    justify-content: flex-end;  }

@media (min-width: 992px) {
    .col-md-4 {width: 33.3333%;}
}
.testimonial-background  {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), 
    url(https://www.eenstageopcuracao.nl/wp-content/uploads/2018/07/achtergrond-testimonial.jpg) !important;
    background-position: 50% 0;
    background-size: cover;
}
/* Tooltip container */
.css-tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.css-tooltip .tooltiptext {
    visibility: hidden;
    max-width: 200px;
    min-width: 150px;
    background-color: #0a38a2;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.2em;
    padding:5px 10px; 

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.css-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #0a38a2 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.css-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 0.9;
}
/* styling Bootstrap tooltip in andere kleur */
.tooltip {	
    border-bottom:none;
    position:absolute;}
.tooltip .tooltip-inner{
	background-color: #0a38a2;
    max-width:180px; 
    padding:5px 10px; 
}
.tooltip.top > .tooltip-arrow    { border-top-color:    #0a38a2; }
.tooltip.right > .tooltip-arrow  { border-right-color:  #0a38a2; }
.tooltip.bottom > .tooltip-arrow { border-bottom-color: #0a38a2; }
.tooltip.left > .tooltip-arrow   { border-left-color:   #0a38a2; }

.faciliteit .faciliteit-icon,
.list-facility i:before,
.auto-kenmerken i:before{
    display:inline-block;
    height: 35px;
    width: 35px;
    margin-bottom:7px;
    text-align: center;
    line-height: 35px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    font-size: 23px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #686868;
}
.booking-item-features-expand .booking-item-feature-title {
	line-height:35px;
}
.faciliteit .faciliteit-title {
    margin-left:7px;
}
.faciliteit-icon:hover {
	border: 1px solid #0a38a2;
}
/* correctie afwijkende kleur in list balk bij focus */
.nav-pills>li.active>a:focus { 
    background-color: #0a38a2;}

/* op de kaart: verbergen list met huisvesting */
.op_de_kaart .div_data_list_map  {display:none;}

.kaart a.btn {
	background-image: url("https://www.eenstageopcuracao.nl/wp-content/uploads/2018/09/map.jpg"); }

.widget-in-sidebar .item-room  {
	width:100%;
}
/* centreren buttons op CTA home */
.center-buttons a.btn  {	    		
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width:max-content;
}
/* styling filter */
#zoek-auto .booking-filters .booking-filters-list > li,
#zoek-huisvesting .booking-filters .booking-filters-list > li {
	margin-top:0;
	padding-top:0;
	border:0;
}
.esoc-filter-title:empty {
	margin-bottom:0;
}
.esoc-filter-title:not(:empty) {
	margin-top:10px;
}
.booking-item-features li {
	padding-left:0;
	margin-right:2px;
}
.booking-item-rating-number small {display:none;} 

h3 small, *>small, small {
	font-size:65%;
	color:#505050;}

/* kamer detailpagina */
[class^="icon-"] div  {
	font-family: 'Open Sans',Tahoma,Arial,helvetica,sans-serif;
}
.booking-item-details .facility-item { display:none;}
/*styling pakket formulieren */
.wpcf7-checkbox .wpcf7-list-item {
	margin-left:0;
	margin-right:20px;
}
/* tarief pagina */
body:not(.home) .tarief-sidebar h2 {
	padding-top:0;
}
.wpcf7-response-output {
	margin-top:30px !important;
}
.tagline  {height:100%;}

@media (max-width: 991px) {
#text-slider-wrapper .search-tabs {
margin-top:15px;}}
/* sidebar lager zetten */
aside.sidebar-right {
	margin-top:30px;
}
/* review formulier */
@media (min-width: 767px) {
.inline {
	display:inline-block;
	width:40%
	}}
.space {
	height:30px;
}
/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f118";
}
.rating > label { 
  color: #b3b3b3; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #0a38a2;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #0a38a2;  } 
.content-beneden >.vc_column-inner {
    justify-content: flex-end;  }
.dion-op-home img {
	height:400px;
	width: auto;
}
.review-page {
	background: #fff8e8;
	padding-top: 20px;
	padding-bottom:20px;
}
.cf7-star-rating i {
    color: #0a38a2;
}
body:not(.page-id-5995) .entry-content a.wws-shortcode-btn, body:not(.page-id-5995) .entry-content a.wws-shortcode-btn:hover, .post-template-default article .post-meta a, .post-template-default article a.wws-shortcode-btn,.post-template-default article a.wws-shortcode-btn:hover {
	border-bottom:none;
}
.wws-shortcode-btn {
    padding: 6px 12px !important;
}

.wws-shortcode-btn:hover, .detailpagina:hover {
    box-shadow: none !important;
    }
.detailpagina, .detailpagina:hover {
	border:1px solid #22c15e;
	margin-top:0;
}
.car-attributes h3, .auto-kenmerken h3 {
	display:none;
}
.auto-kenmerken ul.booking-item-features {
	margin-bottom:0 !important;
}
/* alle knoppen op auto detailpagina zelfde breedte */
.reserveren a.btn {
	width: 125px;
}
.reserveer-abs {
	position:absolute;
	top: -66px;
	left: 165px;
}
.booking-item-price-calc div {
	margin-bottom:0 !important;
}
.esoc-contact-box {
	margin-bottom:0px;
}
.booking-item-features-sign>li {
    padding-bottom: 0;
}

/*Customizer Code Ends here*/

.terdis-h1 .terdis-h2{
text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #fff;
    border-color:#0a38a2;
    background-color: #0a38a2;
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #fff;
    border-color:#0a38a2;
    background-color: #0a38a2;
    border-radius: 15px;
}


@media only screen and (max-width: 780px) {
  
  header#main-header {
    border-color:   #0a38a2;
    position: fixed !important;
    width: 100%;
}
#text-slider-wrapper .bg-front > .container {
    height: auto !important;
    margin-top: 50px;
}
.page-title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    color: 
    #0a38a2;
    text-align: center;
    margin-top: 60px;
}
.terdis-h1{
font-size: 48px !important;
}
.terdis-h2{
font-size: 38px !important;
}

}