/*
 Theme Name:     Hotel Abba
 Theme URI:      http://www.digea.nl
 Description:    Hotel Abba webiste
 Author:         Quispmaster
 Author URI:     http://www.digea.nl
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
/*---------------------------------------------------*/
/*--------------------STYLE FONTS--------------------*/
/*---------------------------------------------------*/
h2 {
    	font-size:40px!important;
}

.green-titel {
	color: #13cfa6;
}

/*---------------------------------------------------*/
/*--------------------STYLE MENU---------------------*/
/*Add CTA button to menu*/
@media only screen and (min-width: 980px) {
 .menu-book a {
  	border: 1px solid #ff5200;
  	padding: .7em !important;
  	border-radius: 30px;
  	-moz-border-radius: 30px;
  	-webkit-border-radius: 30px;
  	font-weight: 500;
	transition: all 0.2s;
	font-weight: bold!important;
}

.menu-book a:hover, .et-fixed-header #top-menu .menu-offerte a:hover {
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #fff;
        color: #fff!important;
}

#et-secondary-nav .menu-book a:hover {
	opacity: 1.0;
}}

#top-header .container {
	padding-bottom: 13px !important;
}

@media only screen and (max-width: 1150px) and (min-width: 980px) {
 #top-menu-nav { display:none; }
}
@media only screen and (max-width: 1150px) and (min-width: 980px) {
 #et_mobile_nav_menu { display:block }
}

/*-------------------STYLE LOGO-----------------------*/
@media only screen and (min-width: 980px) {
#logo {
    margin-left: -4px;
}}

/* overhanging logo */

#top-header {
    z-index: 99999;
}
 
#logo {
    max-height: 210%!important;
    margin-top: -75px;
    margin-left: -4px;
    z-index: 100000;
    border-left: 1px solid #242E30;
    border-right: 1px solid #242E30;
    border-bottom: 1px solid #242E30;
}
 
@media only screen and (max-width : 980px) {
#logo { 
    margin-top: 0px;
    max-height: 140%!important;
    margin-left: -4px;
    z-index: 100000;
    border-left: 1px solid #242E30;
    border-right: 1px solid #242E30;
    border-bottom: 1px solid #242E30;
}}

/***   Testimonials   ***/
.et_pb_testimonial_author {
    display: block;
    margin-top: 0;
    margin-left: 32px;
    color: #8a8a8a;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 0.2em;
    text-transform: uppercase
}
.et_pb_testimonial_description_inner {
color: #6c6c6c;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.03em;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- BLURB CARD HOVER -----------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/


/*--------------------- General setting  --------------------------*/
div .blurb_content_hover { 
	-webkit-transition: .25s; 
	-moz-transition: .25s; 
	position: absolute;
	background: #fff; /****** ---> Customize here the background-color ******/
	transition: .25s;
	color: #333;  /****** ---> Customize here the font color for the content ******/
	padding: 30px; 
	height: 100px; 
	width: 100%; 
	bottom: 0; 
	font-size: 18px; 
	text-align: center; 
}
@media only screen and (max-width: 980px) { 
	div .blurb_content_hover { 
		padding: 35px; 
	} 
}
.blurb_hover .et_pb_blurb_content { 
	overflow: hidden; 
} 

/*--------------------- First Title  --------------------------*/
div .blurb_content_hover p:first-child { 
	font-size: 18px; 
	font-weight: 600; 
	color: #00bca4; /****** ---> Customize here the font color for the First Title ******/
	padding-bottom: 5px; 
}
/*--------------------- SubTitle  --------------------------*/
div .blurb_content_hover p:last-child { 
	font-size: 15px; 
	color: #9b9fa8; /****** ---> Customize here the font color for the SubTitle ******/
}

/*--------------------- Hover Expand Content Size  --------------------------*/
/*.et_pb_blurb:hover .blurb_content_hover {
height: 280px;
}*/

/*--------------------- Blurb Image  --------------------------*/
.blurb_hover .et_pb_main_blurb_image { 
	border: 0px solid #fff;
	height: 300px; 
}
/*--------------------- Blurb Shadow  --------------------------*/
.blurb_hover.et_pb_blurb {
    -webkit-transition-duration: .3s;
         transition-duration: .3s;
         -webkit-transition-property: -webkit-transform,box-shadow;
         transition-property: transform,box-shadow;
         -webkit-transition-timing-function: ease-in-out;
         transition-timing-function: ease-in-out;
	-webkit-box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
	-moz-box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
	box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
} 
.blurb_hover.et_pb_blurb:hover { 
	-webkit-box-shadow: 0px 5px 24px 8px rgba(55, 55, 55, 0.1);
	-moz-box-shadow: 0px 5px 24px 8px rgba(55, 55, 55, 0.1); 
	box-shadow: 0px 10px 27px 4px rgba(55, 55, 55, 0.16);
	transform: translateY(-5px);
}

/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- BLURB CARD HOVER -----------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/


/*--------------------- General setting  --------------------------*/
div .blurb_content_hover { 
	-webkit-transition: .25s; 
	-moz-transition: .25s; 
	position: absolute;
	background: #fff; /****** ---> Customize here the background-color ******/
	transition: .25s;
	color: #6c6c6c;  /****** ---> Customize here the font color for the content ******/
	padding: 30px; 
	height: 100px; 
	width: 100%; 
	bottom: 0; 
	font-size: 18px; 
	text-align: center; 
}
@media only screen and (max-width: 980px) { 
	div .blurb_content_hover { 
		padding: 35px; 
	} 
}
.blurb_hover .et_pb_blurb_content { 
	overflow: hidden; 
} 

/*--------------------- First Title  --------------------------*/
div .blurb_content_hover p:first-child { 
	font-size: 18px; 
	font-weight: 600; 
	color: #6c6c6c; /****** ---> Customize here the font color for the First Title ******/
	padding-bottom: 5px;
}
/*--------------------- SubTitle  --------------------------*/
div .blurb_content_hover p:last-child { 
	font-size: 15px; 
	color: #8a8a8a; /****** ---> Customize here the font color for the SubTitle ******/
}

/*--------------------- Hover Expand Content Size  --------------------------*/
.et_pb_blurb:hover .blurb_content_hover {
height: 100%;
}

/*--------------------- Blurb Image  --------------------------*/
.blurb_hover .et_pb_main_blurb_image { 
	border: 0px solid #fff; 
	height: 280px; 
}
/*--------------------- Blurb Shadow  --------------------------*/
.blurb_hover.et_pb_blurb {
    -webkit-transition-duration: .3s;
         transition-duration: .3s;
         -webkit-transition-property: -webkit-transform,box-shadow;
         transition-property: transform,box-shadow;
         -webkit-transition-timing-function: ease-in-out;
         transition-timing-function: ease-in-out;
	-webkit-box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
	-moz-box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
	box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
} 
.blurb_hover.et_pb_blurb:hover { 
	-webkit-box-shadow: 0px 5px 24px 8px rgba(55, 55, 55, 0.1);
	-moz-box-shadow: 0px 5px 24px 8px rgba(55, 55, 55, 0.1); 
	box-shadow: 0px 10px 27px 4px rgba(55, 55, 55, 0.16);
	transform: translateY(-5px);
}

/*--------------------- Button Hover Blurb  --------------------------*/

.button_hover_blurb a { 
 color: #fff;  /****** ---> Customize here the Button color text ******/
 font-weight: 700;
} 
.button_hover_blurb { 
 background-color: #663082; /****** ---> Customize here the Background-color button ******/
 display: inline-block;
 position: relative;
 padding: 0.6em 1.3em;
 margin-top: 6%;
 border-radius: 30px;
 cursor: pointer;
 transition: .3s;
 }
.button_hover_blurb:hover {
 opacity: 0.7;
}

/*   Google map style HP   */
.et_pb_map, .gm-style {
	height: 250px !important;
}

/*** Style overlay colors ***/
.overlay-color:before {
    position: absolute;
    content: "";
    background-color: rgba(36,46,48,0.3);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.overlay-color .overlay-tekst {
    position: relative;
    z-index: 2;
}

/* Jumping header */
@media only screen and (min-width: 980px) {
#page-container {
padding-top: 125px !important;
}

.logged-in #main-header {
top: 95px !important;
}
#main-header {
top: 65px !important;
}}

/* booking form styles */
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget {
    width:100%;
}

.hoteliers-form_btn {
    border: 2px solid #fe5100; 
    border-radius: 30px; 
}

.hoteliers-form_form-field {
	margin-top:-10px;
}


/*.hoteliers-form__grid {
    margin-left: 18%!important;
}*/

.et_pb_column .et_pb_widget:nth-child(n) {
    width:100%!important;
}

/*** THIS CHANGES THE LOOK OF THE FORM FIELDS ***/
.caldera-grid .form-control {
 padding: 16px!important;
 height: auto!important;
 box-shadow: none!important;
 background: #eee!important;
 color: #999!important;
 border: none!important;
}
 
/*** THIS CHANGES THE BUTTON STYLE ***/
.caldera-grid input[type=submit] {
 padding: 10px 20px;
 border-radius: 30px;
 background: transparent;
 color: #FF561A;
 font-size: 20px;
 border: 1px solid #FF561A;
 float: right;
 transition: all 0.3s ease-in-out;
}
 
/*** THIS CHANGES THE BUTTON HOVER STYLE ***/
.caldera-grid input[type=submit]:hover {
 background: #F2F2F2;
 border-color: #F2F2F2;
 color: #FF561A;
}