/*
Theme Name: Divi child theme
Template: Divi
Author: Agustin Gabilondo
Description: Child Theme creado para el sitio de Bloopdigital.com - Contiene todos los ajustes correspondientes al sitio que se realizaron en la agencia Bloop Digital.
*/

@import url("../Divi/style.css");
 
/* -------------- Theme customization starts here ---------------- */

/*-- TIPOGRAFIAS --*/


#top-menu a {font-weight:400!important; text-transform:uppercase;}


/*-- VARIOS --*/
.cita-textual p {
	
}
.variante-texto p , #nuestros-valores {
	
}
.variante-titulo h1 {
	
}

p, h1, h2, h3, a {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	word-break: keep-all;
}

/* SLIDER - Dotted overlay y tono azul */
.et_pb_slide_0, .et_pb_slide_1, .et_pb_slide_2, .et_pb_slide_3, #google-partner, #contacto-footer, #nuestra-propuesta, #home-img-horiz, #nuevos-clientes {position:relative;}
.et_pb_slide_0:after, .et_pb_slide_1:after, .et_pb_slide_2:after, .et_pb_slide_3:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: rgba(28,113,165,0.5);*/
    background-image: radial-gradient(black 13%, transparent 26%);
    background-size: 4px 4px;
} 
#google-partner:after, #nuestra-propuesta:after, #home-img-horiz:after, #contacto-footer:after, #nuevos-clientes:after, #slider-desayuno:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    background-image: radial-gradient(black 13%, transparent 26%);
    background-size: 4px 4px;
} 


/* CONTACT FORM 7 */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border-radius: 6px !important;
font-size: 16px;
color: #666 !important;
padding: 8px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 4px 0px !important;
}

.wpcf7-submit {
color: #0081a3 !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: #fff;
border: 1px solid #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position:relative;
}


.wpcf7-submit:hover {
    background-color: rgba(255, 255, 255, 0.13);
    color: #44edff !important;
    border: 1px solid #45c7d5;
}
/* form-estilo-2 - CF7 */

div.form-estilo-2 .wpcf7-text,div.form-estilo-2 .wpcf7-textarea,div.form-estilo-2 .wpcf7-captchar {color:#666!important;}
div.form-estilo-2 input.wpcf7-submit {
    /*background: #0da8e1;*/
    border-width: 0px !important;
    letter-spacing: 0px;
    font-size: 20px;
	/*color: #fff !important;*/
}
div.form-estilo-2 input.wpcf7-submit:hover{
	background: rgba(0,127,163,0.6) !important;
}

/* SLIDER */
#slider h2 a {
	font-size:46px;
	color:#ffffff !important;
	line-height: 1.3em;
} 
/* (SLIDER)Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	#slider h2 a {
	font-size:24px;
} 
}
/* (SLIDER) Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
	#slider h2 a {
	font-size:18px;
} 
	.et_pb_more_button.et_pb_button {
	margin-top:2px;
	font-size:16px !important;
	line-height:1.2em !important;
	}
	.et_pb_slider .et_pb_button:after {
	font-size:28px;
	top:0;
	}
	div.et_pb_slide:nth-child(2) > div > div > a.et_pb_slider.et_pb_button:after{
	top:8px;
	right:10px;
	}
}
/*  (SLIDER) Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	#slider h2 a {
	font-size:36px;
}
}

/*  (SLIDER) Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	#slider h2 a {
	font-size:36px;
}
}

/* METODO BLOOP ITEMS */
#know-how .item p {
	font-size: 16px !important;
    line-height: 1.3em !important;
    font-weight: 400 !important;
}

/* NUESTROS CLIENTES (IMG en gris) */
#nuestros-clientes img {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
#nuestros-clientes img:hover {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

/* BLURB HOME */
.texto-blurb {
    font-weight: bold;
    font-style: italic;
    color: #343534 !important;
    line-height: 1.2em;
	font-size: 20px !important;
}

/* LINKS DE SERVICIOS EN EL HOME */
#servicios-bloop .et_pb_blurb_container h4 a {
line-height:1.2em !important;
font-weight:600 !important;
}


/* LANDING DESAYUNOS */
#slider-desayuno h2 a{
font-weight: bold !important;
font-style: normal !important;
font-size: 40px !important;
text-shadow: 0px 0px 10px #000;
}

#landing .et_pb_main_blurb_image {margin-bottom: 6px !important; text-align: center;}
#landing .et-pb-icon-circle {padding: 0px !important;}


/* WORD BREAK EN LOS TÍTULOS */
#slider h2 a {
word-wrap: normal !important;
-webkit-hyphens: none !important;
-moz-hyphens: none !important;
-ms-hyphens: none !important;
hyphens: none !important;
}