/*!
Template: piko-construct
Theme Name: Piko Construct Child
Theme URI: http://themepiko.com/construct/
Author: themepiko
Author URI: http://themepiko.com/
Description: Child theme for Piko Construct
Version: 1.0
License:
Text Domain: piko-construct
Domain Path: /languages/
*/


/* Add your own styles here */

@import "./estilos/home.css";
@import "./estilos/contacto.css";
@import "./estilos/nosotros.css";
@import "./estilos/servicios.css";
@import "./estilos/subservicios.css";
@import "./estilos/proyectos.css";
@import "./estilos/404.css";
@import "./estilos/normas-vigentes.css";



:root {
  --color-orange: #ff6600;
}

@font-face {
  font-family: TitilliumWeb;
  src: url("Titillium Web Font/TitilliumWeb-Regular.ttf");
}

@font-face {
  font-family: TitilliumWeb-ExtraLight;
  src: url("Titillium Web Font/TitilliumWeb-ExtraLight.ttf");
}

@font-face {
  font-family: TitilliumWeb-Light;
  src: url("Titillium Web Font/TitilliumWeb-Light.ttf");
}

@font-face {
  font-family: TitilliumWeb-SemiBold;
  src: url("Titillium Web Font/TitilliumWeb-SemiBold.ttf");
}

@font-face {
  font-family: TitilliumWeb-Bold;
  src: url("Titillium Web Font/TitilliumWeb-Bold.ttf");
}

*{
	font-family: TitilliumWeb;
}

.col-md-12.columns {
    display: flex;
    justify-content: space-evenly;
	/*position: fixed;
    z-index: 999;
    background-color: white;
	width: 100%;*/
}

.header-layout-2 .site-header.active-sticky .header-main .header-right #main-menu {
    display: flex;
    justify-content: space-evenly;
}

ul#menu-menu-principal,
.header-layout-2 .site-header .header-main .header-left,
.header-layout-2 .site-header .header-main .header-right{
    width: auto !important;
}

header#header .header-top .row{
	display: flex;
}

header .header-left img,
header .header-right img {
   width: calc(6em + 7vw) !important;
}

header .header-top .site-top-bar-text ul {
    display: flex;
    flex-wrap: wrap;
}

header li.menu-item a {
	font-size: 1em !important;
	font-size: calc(0.7em + 0.3vw) !important;
	text-transform: capitalize !important;
}

header .header-top .site-top-bar-text ul li:hover i {
    color: var(--color-orange);
}

/* seccion normas vigentes */
.row-fabricantes-y-normas .mejores-fabricantes-home {
    margin-bottom: 0px !important;
}

.row-fabricantes-y-normas .mejores-fabricantes-home .p-home{
  margin-top: 0px !important;
}

.row-fabricantes-y-normas #info-normativas .check-texto{
    margin-top: 1.5em;
}

.row-fabricantes-y-normas .mejores-fabricantes-home > div.vc_column-inner {
   padding-right: 4.5vw !important;
   height: 100%;
}

.row-fabricantes-y-normas .img-fabricantes-home {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.row-fabricantes-y-normas .img-fabricantes-home img {
    width: 50%;
    max-height: 100px;
    padding: 1em 0px;
}

.row-fabricantes-y-normas .mejores-fabricantes-home > div > div.wpb_wrapper {
    display: flex;
    flex-direction: column;
}

.row-fabricantes-y-normas .col-fabricantes-home {
  margin-top: calc(0.5em + 2vw);
}


.row-fabricantes-y-normas .normas-vigentes-home {
    padding-right: 75px;
	  padding-right: calc(1em + 3vw);
}

.row-fabricantes-y-normas .normas-vigentes-home > div,
.row-fabricantes-y-normas .mejores-fabricantes-home > div{
	padding-top: calc(0.5em + 1.5vw) !important;
    padding-right: calc(0.5em + 1.6vw) !important;
    /*padding-bottom: calc(0.5em + 1.5vw) !important;*/
    padding-left: calc(0.5em + 1.6vw) !important;
}

.row-fabricantes-y-normas .mejores-fabricantes-home > div{
    padding-left: 0px !important;
}

.row-fabricantes-y-normas .check-normas-home,
.row-fabricantes-y-normas .normas-vigentes-home .p-home {
    align-self: flex-start !important;
	margin: 0px;
}

.row-fabricantes-y-normas .normas-mas-info-home,
.row-fabricantes-y-normas .normas-flecha-mas-info-home{
	align-self: flex-end !important;
    margin-bottom: 1em;
}

.row-fabricantes-y-normas .check-normas-home {
    width: calc(1.5em + 2.3vw);
}

.row-fabricantes-y-normas .normas-flecha-mas-info-home {
    width: calc(0.6em + 20vw);
}

.row-fabricantes-y-normas .normas-vigentes-home h3{
	width: 100%;
}

.row-fabricantes-y-normas .mejores-fabricantes-home h3{
	width: 100%;
	margin-bottom: 0.7em !important;
}

.row-fabricantes-y-normas .normas-vigentes-home .p-home {
    width: 87%;
}

.row-fabricantes-y-normas .normas-vigentes-home .normas-mas-info-home p > a{
	font-family: TitilliumWeb-Light;
}

.row-fabricantes-y-normas .normas-vigentes-home .normas-mas-info-home p > a:hover,
.row-fabricantes-y-normas .normas-vigentes-home .normas-mas-info-home p > a{
	color: white;
	font-size: 1.6em;
	font-size: calc(0.8em + 0.8vw);
}

.row-fabricantes-y-normas .check-texto {
    display: flex;
}

.row-fabricantes-y-normas .check-texto p{
    color: white;
}

.row-fabricantes-y-normas .texto-flecha {
	  margin-top: calc(3em + 5vw);
}

.row-fabricantes-y-normas .texto-flecha a{
    display: flex;
    justify-content: space-between;
}

.row-fabricantes-y-normas p.texto {
    color: white;
    font-size: calc(0.7em + 0.8vw);
  width: calc(10em + 5vw);
  margin-right: 2em;
  min-width: 8.5em;
}

.row-fabricantes-y-normas img.flecha{
	width: 100%;	
}

.row-fabricantes-y-normas div#info-normativas{
	margin-bottom: 0px;	
}

.row-fabricantes-y-normas div#info-normativas > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 768px){

  .row-fabricantes-y-normas #info-normativas img.flecha {
		width: 50%;
	}
	
	.row-fabricantes-y-normas .mejores-fabricantes-home .p-home,
	.row-fabricantes-y-normas #info-normativas .check-texto {
		margin-top: 0.5em;
  }

  .row-fabricantes-y-normas .normas-vigentes-home{
		padding-right: 0px;
  }
  
  .row-fabricantes-y-normas .img-fabricantes-home img {
		max-width: 15vw;
		max-height: 10vw;
	}
	
	.row-fabricantes-y-normas .mejores-fabricantes-home .vc_custom_1588176351221 {
		margin-top: 1em !important;
	}
	
	.row-fabricantes-y-normas .mejores-fabricantes-home h3 {
	    text-align: left !important;
	}
	
	.row-fabricantes-y-normas .normas-flecha-mas-info-home {
		width: calc(15em + 15vw);
	}
	
	.row-fabricantes-y-normas .normas-vigentes-home .normas-mas-info-home p > a {
		font-size: calc(1.2em + 0.8vw);
  }

  .row-fabricantes-y-normas .vc_row.wpb_row.vc_inner.vc_row-fluid{
    flex-direction: column;
  }

  .row-fabricantes-y-normas .img-fabricantes-home img {
		max-width: 50%;
    max-height: 14vw;
    min-height: 20vw;
	}
}


/* fin seccion normas vigentes */

/* Menu sticky */

.header-layout-2 .site-header.active-sticky .header-main .header-right {
    width: 100% !important;
}
.header-layout-2 .site-header.active-sticky .header-main .header-right #main-menu {
    display: flex;
    width: 100%;
}

.header-layout-2 .site-header.active-sticky .header-main .header-right #main-menu div.sticky-logo{
	position: relative; 
}

/* Fin Menu sticky */

#main-menu .mega-menu.show-arrow > li.has-sub > a:after{
	display: none	
}


@media (max-width: 1100px){
	header li.hidden-md {
		display: block !important;
	}
	
	header div#main-menu > ul#menu-menu-principal{
		display:none ;
	}
	
	.site-header .header-actions .tools_button.toggle-menu-mobile-button {
    	font-size: 2.5rem;
	}
	
	.site-header .header-actions > ul{
		margin-right: 1.2rem !important;	
	}
	
	.header-layout-2 .site-header .header-main .header-left {
    	padding-left: 3vw;
	}
	
	.header-layout-2 .site-header .header-main .header-right {
    	width: 100% !important;
	    padding-left: 4vw;
	}
	
	.site-header .header-actions > ul > li:last-child{
		padding-right: 1vw;
	}
	
	.site-header .header-top {
		padding: 0px 0 !important;
	}
	
	header .header-left img,
	header .header-right img{
    	width: calc(13em + 4vw) !important;
	}
}

/*Fin menu hamburguesa */



footer {
    background-color: #f2f2f2;
}

footer .container {
    width: calc(17em + 70vw);
}

footer .sub-footer.cols_3 {
    display: flex;
}

footer section#custom_html-2{
	margin-left: 1em;
	width: 33% !important!
}

footer section#custom_html-5,
footer section#custom_html-6,
footer section#custom_html-7{
    width: calc(10em + 4vw);
	border-left: 2px solid #ff6600;
	height: 380px;
	padding-top: 0px;
}

section#custom_html-5 {
    margin-left: auto;
}

footer section#custom_html-5 .textwidget.custom-html-widget,
footer section#custom_html-6 .textwidget.custom-html-widget,
footer section#custom_html-7 .textwidget.custom-html-widget {
	display: flex;
    flex-direction: column;
    justify-content: space-between !important;
	height: 340px;
}

footer section#custom_html-2 .empresa-footer p,
footer section#custom_html-5 h2,
footer section#custom_html-6 h2,
footer section#custom_html-7 h2 {
    text-transform: capitalize;
    font-family: TitilliumWeb;
	font-size: calc(0.9em + 0.4vw);
    color: #404040;
	margin-bottom: 1.5vw;
}

footer section#custom_html-2 .empresa-footer p{
	margin: 0px;
}

footer .enlaces-footer p,
footer .enlaces-footer p a {
    margin: 0.5em 0px;
    font-size: calc(0.9em + 0.2vw);
    font-family: TitilliumWeb-Light !important;
}

footer img.logo-footer {
    width: 13vw;
    margin-bottom: 3em;
}

footer .enlaces-politicas-footer p a,
footer .derechos-reservados-footer p{
	font-size: calc(0.5em + 0.4vw);
    font-family: TitilliumWeb-Light !important;
}

footer .info-center-wrap {
    display: none;
}

@media (max-width: 995px) {
	footer .sub-footer.cols_3 {
		flex-wrap: wrap;
	}
	
	footer img.logo-footer {
		width: 15em;
		margin-bottom: 1em;		
	}
	
	footer section#custom_html-2 {
		width: 100% !important;
		margin-bottom: 1em;
		padding-bottom: 0px;
	}
	
	footer section#custom_html-5,
	footer section#custom_html-6,
	footer section#custom_html-7 {
		width: calc(7em + 7vw);
		margin-bottom: 2em;
		margin-left: 2em;
		padding-right: 0px;
	}
}

/* Protfolio */
body.home div.proyects-item-row {
	display: grid;
	gap: 10px;
	justify-items: center;
}

body.home div.proyects-item-row div.project-item > img {
	height: 230px;
	width: 250px;
}

@media screen and (min-width: 768px) {
	body.home div.proyects-item-row {
		grid-template-columns: 50% 50%;
	}

	body.home div.proyects-item-row div.project-item > img {
		width: 350px;
	}
}

@media screen and (min-width: 1280px) {
	body.home div.proyects-item-row {
		grid-template-columns: 25% 25% 25% 25%;
	}

	body.home div.proyects-item-row div.project-item > img {
		width: auto;
	}
}
/* End Protfolio */