/*
 Theme Name:     Divi Jungbrunnen
 Theme URI:      https://jungbrunnen-portal.de/
 Description:    Jungbrunnen Child Theme
 Author:         Jungbrunnen
 Author URI:     https://jungbrunnen-portal.de/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*Adapt the styles of Contacform to Divi*/

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #4F819A !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #eee; 
border-color:#eee; 
padding: 6px 20px !important; 
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #fff !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #4F819A !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #eee; 
border-color:#eee; 
padding: 6px 20px !important; 
}

/*Codigo de los horarios en el footer*/

.mabel-bhi-businesshours{
	color: #333;
	border: 1px solid #333;
}

.mabel-bhi-businesshours tr{
	border: 1px solid #333;
}

.mabel-bhi-businesshours td{
padding: 5px 5px 5px 5px;
}

/*Bajar el tamaño del texto en la barra de cookies*/
#cookie-law-info-bar{
	font-size: 14px;
}

/*
Formulario CF7 a 2 columnas responsive
*/
#responsive-form{
 max-width:900px /*-- change this to get your desired form width --*/;
 margin:0 auto;
        width:100%;
}
.form-row{
 width: 100%;
}
.column-half, .column-full{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:100%;
 -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
 content: "";
 display: table;
 clear: both;
}

.rp-responsive{
	display: none;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
 .column-half{
 width: 50%;
 }
	.rp-responsive{
	display: block;
}

}

/*Dropdown of the contact form*/
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    padding: 16px;
    color: #4e4e4e;
    background-color: #fff;
    width: 100%;
	  border: 1px solid #eaeaea;
}

/*Secondary Menu*/
#et-info {
    float: right;
}

.et_fullwidth_secondary_nav #top-header .container {
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 30px;
    width: 80%;
    max-width: 1080px;
	margin: auto;
}

/* hide top header on scroll by Geno Quiroz 
    #top-header {
            z-index: 9;}
    #main-header{
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;}
    #main-header.et-fixed-header {
        top: 0 !important;}
*/

/*Footer al 100%*/

#main-footer .container{
	max-width: 90% !important;
	width: 90% !important;
}

#footer-widgets {
    padding: 4% 0px 0;
}

/*Style Button CTA*/

.rp-contacto{
    background-color: #2B9CB3;
    padding: 10px 15px !important;
    margin: 0 5px;
    border-radius: 20px;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

@media only screen and ( max-width: 1240px ) {
    .rp-contacto {
        padding: 5px 5% 10px!important;
        margin: 15px 5%;
        text-align: center;
        border-radius: 25px;
    }

    .rp-contact {
        padding: 5px 5% 10px !important;
        margin: 15px 5% !important;
        text-align: center;
        border-radius: 25px !important;
    }
}

.rp-contacto a{
    color: white !important;
}

.rp-contact{
    border: 1px solid #2B9CB3;
    color: #FFFFFF !important;
    padding: 10px 15px;
    padding-right: 12px !important;
    margin: 0 5px;
    border-radius: 20px;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}


.rp-contact a{
    color: #2B9CB3 !important;
    padding-bottom: 0px !important;
}

.rp-contacto a {
	padding-bottom: 0px !important;
}

.rp-contacto:hover {
	background: #2B9CB3;
	cursor: pointer;
	color: black !important;
}

.rp-contacto:active {
    color: #000000 !important;
}

/*Formulario horizontal*/

.horizontal-optin p { 
	display: inline-block;
}

.rp-formulario .et_pb_newsletter .et_pb_newsletter_fields>* {
    flex-basis: auto !important;
}

/*Estilo tablas

td.column-1 {
	color: #333 !important;
	font-weight: 600 !important;
}

td.column-2 {
	color: #BD9728 !important;
	font-weight: 600 !important;
}*/

/*Mega Menu*/

#top-menu li.mega-menu>ul{
    padding: 15px 20px !important;
}

/* Mega-Menu */
#top-menu li.mega-menu>ul>li>a:first-child{
    border-bottom: 1px solid #5b8097;
    font-weight: 500;
line-height:150%; 
margin-top:20px;}

#top-menu li.mega-menu>ul>li>ul>li {
    font-weight: 300;
    line-height:115%; 
}

/* Mega-Manu */
#top-menu li.mega-manu>ul>li {
    font-weight: 300;
line-height:115%; 
margin-top:20px;}

@media only screen and ( min-width: 981px ) {
  #myprefix-widget-area-wrap { 
    z-index:1000; 
    display:block !important; 
    float:right; position:fixed; 
    margin-top:2px;
  }
  .myprefix_widget { 
    padding:16px; 
  }
}

@media only screen and ( max-width: 980px ) { 
  #myprefix-widget-area-wrap { display:none; }
}

#myprefix-widget-area-wrap { position: fixed; right: 0; bottom: 0; }

/* INFUSIONSOFT FORM */
.infusion-form {
    padding: 0px ;
}

.infusion-form input[type=text] {
    width: 100%;
    padding: 14px 4%!important;
    border-width: 0;
    border-radius: 0px;
    color: #666;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    -webkit-appearance: none;
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}

.infusion-form input {
    margin-bottom: 1em;
}

.infusion-field-input-container select{
    width: 100%;
    padding: 14px 4%!important;
    border-width: 0;
    border-radius: 0px;
    color: #666;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    -webkit-appearance: none;
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
    margin-bottom: 1em;
}

.infusion-option {
color: #ffffff;
    margin-bottom: 1em;
}

.options-container {
    margin-bottom: 1em;
}

.infusion-form .infusion-submit button {
    width: 100%;
    color: #ffffff!important;
    background: #2A9CB2;
    border-width: 0;
    padding: 15px;
    border-color: #2A9CB2;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #2A9CB2;
} 

p{font-weight:300;}


/* SIDEBAR FORMATIERUNGEN */

h6.sidebar-bullets {
    font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
}

/*Navbar*/

#et-top-navigation {
    font-weight: 500 !important;
}

/*Widget de galeria*/

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
    margin-bottom: 0 !important;
}

/*Linea en el footer*/

#footer-bottom {
    border-top: 1px solid #BD9728;
}

#main-footer{
    border-top: 1px solid #BD9728;
}

/*Navbar hover
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #BD9728; 
 height: 3px; 
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}*/

/*Background mega-menu*/
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote{
    background-color: white !important;
}

/*Footer textos legales*/

#footer-info a{
    font-weight: 500 !important;
}

/*
.et-pb-icon {
  color: #BD9728 !important;
}
*/

/*Azul para la paginas de Junbrunnen*/

#menu-item-42415 > ul{
    border-color: #4F819A !important;
}

/*Tabla de Horarios
.entry-content tr td, body.et-pb-preview #main-content .container tr td{
    border-top: 1px solid #333 !important;
}*/

.entry-content table, body.et-pb-preview #main-content .container table{
    margin: 0 !important;
}

/*Espacio en el menu del footer*/

.et_pb_widget ul li {
    margin-bottom: 1.5em !important;
}

.menu-footer{
    margin-top: 15px;
}

/*Horarios*/

.horarios td{
    text-align: center !important;
}

/*Estilos dentro del blog*/
.single-post p{
    font-size: 18px !important;
    line-height: 30px;
}

.single-post ul{
    font-size: 17px !important;
}

/*Breakpoint to mobile*/

@media (max-width: 1240px) {
    #et_mobile_nav_menu {
    display: block;
    }
    
   #top-menu {
    display: none;
    }
}
   
.overlay-container .overlay-close {color:#059ab0;}

.footer-widget li:before {
    border-color: #059ab0 !important;
}

.et_pb_text_inner ul li::before{border-color: #059ab0 !important;}


/*
Formulario CF7 a 2 columnas responsive
*/
#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

/*
Formulario CF7 a 2 columnas responsive
*/
#responsive-form{
 max-width:600px /*-- change this to get your desired form width --*/;
 margin:0 auto;
        width:100%;
}
.form-row{
 width: 100%;
}
.column-half, .column-full{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:100%;
 -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
 content: "";
 display: table;
 clear: both;
}
 
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
 .column-half{
 width: 50%;
 }
}

/*Align subheader to the center*/

#et-info{
	display: flex;
	align-items: center;
	justify-content: center;
	float: inherit;
}

/*Eliminar el phone en el subheader*/

#et-info-phone:before{
	content: none !important;
}

.rp-flex{
	display: flex;
  	justify-content: space-between;
}

/*Footer arriba*/

#footer-bottom {
    margin-bottom: 45px;
    position: relative;
}

@media only screen and (max-width: 540px) { 
	.rp-footer-texto{
		display: none;
	}
}

.overlay-container .overlay-close {color:#059ab0;}

.footer-widget li:before {
    border-color: #059ab0 !important;
}

.et_pb_text_inner ul li::before{border-color: #059ab0 !important;}


/*
Formulario CF7 a 2 columnas responsive
*/
#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

/*
Formulario CF7 a 2 columnas responsive
*/
#responsive-form{
 max-width:600px /*-- change this to get your desired form width --*/;
 margin:0 auto;
        width:100%;
}
.form-row{
 width: 100%;
}
.column-half, .column-full{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:100%;
 -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
 content: "";
 display: table;
 clear: both;
}
 
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
 .column-half{
 width: 50%;
 }
}

/*Align subheader to the center*/

#et-info{
	display: flex;
	align-items: center;
	justify-content: center;
	float: inherit;
}

/*Eliminar el phone en el subheader*/

#et-info-phone:before{
	content: none !important;
}

.rp-flex{
	display: flex;
  	justify-content: space-between;
}

/*Footer arriba*/

@media only screen and (max-width: 400px) { 
	.rp-footer-texto{
		display: none;
	}
}

.rp-footer-texto{
	color: #2B9CB3;
}

/*Change the menu font weight*/

#et-top-navigation {
    font-weight: 400 !important;
}