/*   
Theme Name: Santi Buades Art Divi Child
Theme URI: www.santibuades.art
Description: El Divi de Santi Buades Art
Author: santi Buades
Author URI: www.mistergilda.es
Template: Divi
Version: 1.0
.
G0!
.
*/

@import url("../Divi/style.css");

/* Ocultar Secciones */

#00main-header {display: none !important;}
#main-footer {display: none !important;}

.lim {clear: both;}

.noview {display: none;}

/* Menu */
ul#top-menu {}
ul#top-menu li a {font-weight: 300; text-transform: uppercase;}


ul#top-menu li a::before {
    content: "";
    left: 1px;
    position: absolute;
    top: 20px;
    border-bottom: 2px solid black;
    width: 6px;
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

ul#top-menu li:hover a::before {
	content: "";
    left: 1px;
    position: absolute;
    top: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    width: 80px;
	
}

/* Vertical Align */
.ds-vertical-align {
	display: flex;
	flex-direction: column;
	justify-content: center;
	} 

/*-----Shutter Effect-----*/

.border-hover .et_pb_column {
 overflow: hidden;
 position: relative;
}

.et_pb_promo_description {height: 100%;}
 
.border-hover .et_pb_column img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
 
.border-hover .et_pb_column:hover img {
 transform: scale(1.6);
}

.border-hover .et_pb_column:hover .nofill img {
 transform: scale(1);
}
 
.border-hover .et_pb_column .withfill::after {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 0%;
 height: 0%;
 border-radius: 50%;
 background: rgba(0, 0, 0, 0.5);
 content: '';
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

.border-hover .et_pb_column .nofill::after {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 0%;
 height: 0%;
 border-radius: 50%;
 background: rgba(0, 0, 0, 0.5);
 content: '';
 -webkit-transition: none;
 -moz-transition: none;
 transition: none;
}

.border-hover .et_pb_column:hover .withfill::after {
 position: absolute;
 top: 5%;
 left: 5%;
 width: 90%;
 height: 90%;
 border-radius: 50%;
 background: rgba(0, 0, 0, 0.5);
 content: '';
}

.border-hover .et_pb_column:hover .nofill::after {
 position: absolute;
 top: 5%;
 left: 5%;
 width: 0%;
 height: 0%;
 border-radius: 50%;
 background: rgba(0, 0, 0, 0.5);
 content: '';
}


.border-hover .et_pb_column .et_pb_promo_description h2 {
 opacity: 0;
 color: #fff;
 position: absolute;
 top: 40%;
 width: 100%;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 margin: 0;
 padding: 0;
}

 
.border-hover .et_pb_column .et_pb_promo_description p {
 opacity: 1;
 color: #fff;
 position: absolute;
 top: 100%;
 width: 100%;
 height: auto;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
 
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
 opacity: 1;
 color: #fff;
 position: absolute;
 top: 40%;
 width: 100%;
 text-align: center;
 }
 
.border-hover .et_pb_column:hover .et_pb_promo_description p {
 opacity: 1;
 color: #fff;
 position: absolute;
 top: 50%;
 width: 100%;
 text-align: center;
}
 
.border-hover .et_pb_promo {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
 
.border-hover .et_pb_promo_button {
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* Ficha Obra */

.tit_obra {
	text-transform: uppercase;
	font-size: 40px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	line-height: 1em;
	padding: 0 0 10% 0;
}

.tit_obra::after {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 3px;
	background: black;
	margin: 5% 0 0 0;
	}

/* Móviles en vertical
   ------------------------------------------------------------------------- */

@media (max-width: 320px) {
	
}

/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 767px) {
	
}
 
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1023px) {

}
 
/* Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1199px) {
	
}