/*
Theme Name: Arquidalia.
Theme URI: #
Version: 1.0
Description: Tema hijo de Divi
Author: RAPF
Author URI: http://romanapf.com
Template: Divi
*/

/*--COokie Notice--*/
.cn-button.arq-cookie{
	background-color: #fff;
	color: #000;
}

/*--footer---*/
.arq-footer{
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
	z-index: 1;
	
}


.single .et_pb_post{
	margin-bottom: 0;
}


.arq-footer > a{
	padding-right: 20px;
}

#main-footer .container{
	position: absolute !important;
	right: 0;
	max-width: 100% !important;
	width: 100% !important;

}

#footer-info{
	padding-bottom: 0 !important;
}


/*---header---*/

#main-header{
	position: absolute !important;
	display: flex;
	justify-content: space-around;
	top: 0 !important;
	margin-bottom: 100px !important;
	height: 80px !important;

}

#main-header .container{
	position: absolute !important;
	top: 0;
	width: 100%;

}
.et_header_style_left .logo_container{
	display: flex;
	align-items: center;
	width: initial;
	padding-left: 20px;
}

.et_header_style_left .mobile_menu_bar{
	padding-right: 20px;
}

.et_header_style_left .logo_container #logo{
	max-width: 150px;
}

.mobile_menu_bar::before {
	font-size: 33px;
	color: #fff !important;
}


.page-id-459 #logo,
.page-id-672 #logo{
	content: url("https://arquidalia.com/wp-content/uploads/2020/07/logo-movil.png");
	width: 200px;
}


.project-template-default #logo{
	content: url("https://arquidalia.com/wp-content/uploads/2020/07/logo-movil.png");
	filter: invert(1);
 }


.project-template-default .logo_container{
	display: flex;
	align-items: center;
	justify-content: start;
}

#logo {
		filter: invert(1);
  	}


/*---header cambios de color del desplegable ---*/

/*--- SOBRE NOSOTROS ---*/

.et_mobile_menu{
	background-color: #000 !important;
}


/*--slider principal --*/
.et_pb_container.clearfix{
	height: auto !important;
	position: absolute !important;
	bottom: 100px;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.home .et_pb_slide_description{
	padding: 0;
    position: absolute;
    bottom: 0 !important;
    left: 0 !important;
}
/*---footer---*/
#footer-bottom{
	padding: 0;
}




.arq-fullheight{
	overflow: hidden;
}
.et_pb_slide{
	height: 100vh !important;
}


/*----------------- Cambios a partir de aquí -------------------------------*/

html.et-fb-root-ancestor, .fp-enabled body{
	overflow: initial !important;
}


/*----------------- Cambios color logo -------------------------------*/

/*----------------- Cambios color dots fullpage -------------------------------*/

#fp-nav ul li a span{
	background-color: #fff !important;
}

#section-footer{
	height: auto !important;
}


/*-------- marquee -----------*/
.marquee {
  display: inline-block;
  white-space: nowrap;
  padding-left: 101%;
  font-size: 25px;
	font-weight: lighter;
	
}

.marquee:hover {
   animation-play-state: paused
}


/*----ANTES VS DESPUES ---*/

.twentytwenty-wrapper{
	width: 100% !important;
}

.et_pb_image_wrap.twentytwenty-container{
	width: 100% !important;
}

/*--- textstroke ---*/
.text-stroke{
 font-family: sans-serif;
  font-size: 8rem;
  color: transparent;
   transition: 0.2s;
  -webkit-text-stroke: 1px #263238;
	font-family: 'Roboto';
}

.text-stroke:hover{
	color: #000;
	transition: 0.2s;

}
/* --- footer ---- */


/*----------------- Cambios a partir de aquí -------------------------------*/

/*---PORTFOLIO---*/

.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control{
	background-color: #fff !important;
	opacity: 1;

}

.et_pb_bg_layout_light .et-pb-controllers a{
	background-color: #fff !important;
	opacity: 0.5;
}

.et-pb-slider-arrows a:before{
	color: #fff !important; 
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters{
	margin: 20px 0 5px 0;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters .clearfix{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	padding: 15px 0 0 0;
	margin-top: 20px;

}

.et_pb_filterable_portfolio .et_pb_portfolio_filters .clearfix li{
	width: 33%;
}


.et_pb_filterable_portfolio .et_pb_portfolio_filters .clearfix li a{
	padding: 10px 0;
}

.et_pb_portfolio_filter a{
	border: none !important;
}

@media only screen and ( min-width: 768px ) {

	/*---header---*/
	
	#main-header{
		top: 20px !important;
	}
	
	
	/* -- Proyectos --*/

	.et_pb_filterable_portfolio .et_pb_portfolio_filters .clearfix li{
		width: 10%;
	}
	
	.et_pb_filterable_portfolio .et_pb_portfolio_filters .clearfix{
		padding: 25px 0 20px 0;
	}

.three-column-grid .et_pb_grid_item {
	width: 33% !important;
	margin: 0 !important;
	padding: 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}

.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}

.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
}


.et_pb_portfolio_items .et_pb_module_header{
  	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);	
	color: #fff;
	text-align: center;

}



.text-stroke{
	font-size: 6rem;
}


/*----------------- ORDEN Proyectos -------------------------------*/

#arq-portfolio .et_pb_portfolio_items{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

#arq-portfolio .et_pb_portfolio_item{
	width: 33.33% !important;
}

#arq-portfolio .post-683{order:1;}
#arq-portfolio .post-811{order:2;}
#arq-portfolio .post-765{order:3;}
#arq-portfolio .post-861{order:4;}
#arq-portfolio .post-866{order:5;}
#arq-portfolio .post-872{order:6;}
#arq-portfolio .post-877{order:7;}
#arq-portfolio .post-882{order:8;}
#arq-portfolio .post-887{order:9;}
#arq-portfolio .post-892{order:10;}
#arq-portfolio .post-898{order:11;}
#arq-portfolio .post-904{order:12;}
#arq-portfolio .post-909{order:13;}
#arq-portfolio .post-914{order:14;}
#arq-portfolio .post-919{order:15;}




/* - COLOR MENÚ ALGUNAS PÁGINAS - */
.home #top-menu a{
	color: #fff !important;	
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%)
  }
}



@media (max-width: 800px){
	
	
	#arq-portfolio .et_pb_portfolio_item{
	width: 95% !important;
	margin-bottom: 30px !important;
	}
	
	/* -- Header Mobile --*/
	
	#main-header{
		padding-top: 15px;
	}
	
	#logo {
    	content: url("https://arquidalia.com/wp-content/uploads/2020/07/logo-movil.png");
		max-width: 160px;
		filter: invert(1);
  	}
	
	.home{
		overflow: hidden !important;
	}
	
	.et-pb-controllers{
		bottom: 50px !important;
	}
	

	
	.et_header_style_left .logo_container{
		justify-content: start;
	}

	.et_pb_column.doscolumnas {
		width: 48% !important;
	}
	
	.text-stroke{
		font-size: 3rem;
	}
	

.aq-proyect{
	width: 100%;
	height: 350px;
	position: relative;
	display: block;
	overflow: hidden;
}

.aq-proyect--button{
	display: block;
	width: 100%;
	height: 400px;
	overflow: hidden;
	z-index: 3;
	background: black;
}


.aq-proyect--button:hover .aq-proyect--img{
	transform: scale(1.1);
	transition: 1s;
	opacity: 1;
	    transform: scale(1.05) translate(-50%, -50%);
    -webkit-transform: scale(1.05) translate(-50%, -50%);

}

.aq-proyect--img{
	z-index: 1;
	 position: absolute;
    left: 50%;
    top: 50%;
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
	transition: 1s;	
	opacity: 0.8;
}


}