/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


:root{
	--color1:#fdc500; /* amarillo */
	/* --color2:#FFFF00;  amarillo claro*/
	--color2:#acacac; /* gris */
	--color3:#000; /* negro */
}

#header-outer #logo{
	margin:0!important;
}


.footer-clientes .logo-header{

}
@media(max-width:768px){
    .footer-clientes .logo-header{
            width:100%;
            display: block;
            margin:0 auto;
            text-align: center;
            padding: 20px 10px 0;
    }
}
.social-icons{
	padding:0 0 10px 20px;
}
@media(max-width:768px){
	.social-icons{
		padding: 10px;
		width: 98%;
		text-align: center;
	}
}
.social-icons a{
	color:#333;
	font-size: 24px;
	transition: .3s ease-in-out;
}
.social-icons a:hover{
	color:var(--color1);
}

/* FOOTER ---------- */
.logo-footer{
	width: 155px!important;
}
.footer-contact{
	padding: 5px 0 10px;
}
.camino-footer {
    background-image: url(https://copigraf.cl/sitio2026/wp-content/uploads/2026/01/copigraf-road-tile.jpg);
    background-repeat: repeat-x;
    background-position: left!important;
    background-size: contain!important;
    height: 22px;
}

#footer-outer{
	display: none;
}


/* Custom Classes ------------------------------------------------------------------ */
	.text-center{
	  text-align: center!important;
	}
	.text-left{
	  text-align: left!important;
	}
	.text-light{
	  color:#fff;
	}
	.text-dark{
	  color:#333;
	}
	.text-color1{
	  color: var(--color1);
	}
	.text-color2{
	  color: var(--color2);
	}
	.text-color3{
	  color: var(--color3);
	}
	.text-color-blue-dark{
	  color: #306ABF;
	}
	.text-uppercase{
	  text-transform: uppercase;
	}
	.underline{
	  text-decoration: underline;
	  text-underline-offset: 10px;
	  text-decoration-thickness: 4px;
	}
	.underline-color1{
	  text-decoration: underline;
	  text-decoration-color: var(--color1);
	  text-underline-offset: 10px;
	  text-decoration-thickness: 4px;
	}
	.underline-color2{
	  text-decoration: underline;
	  text-decoration-color: var(--color2);
	  text-underline-offset: 10px;
	  text-decoration-thickness: 4px;
	}
	.d-block-center{
	  display: block!important;
	  margin:0 auto!important;
	}
	.d-block-left{
	  text-align: left!important;
	  display: block!important;
	}

	.d-grid-center{
	  display:grid!important;
	  place-items:center!important;
	}
	.d-grid-start{
	  display:grid!important;
	  place-items:start!important;
	}
	.d-grid-end{
	  display:grid!important;
	  place-items:end!important;
	}
	.d-grid-place-self{
	  place-self: center!important;
	  display:grid!important;
	}

	.align-self-end{
		align-self: flex-end !important;
	}

	/* font weight --------------------------------  */
	.fw-300{
	  font-weight: 300!important;
	}
	.fw-400{
	  font-weight: 400!important;
	}
	.fw-500{
	  font-weight: 500!important;
	}
	.fw-600{
	  font-weight: 600!important;
	}
	.fw-700{
	  font-weight: 700!important;
	}
	.fw-800{
	  font-weight: 800!important;
	}

/* width  ----------------------------------- */
.w-100{
  width:100%;
  margin:0 auto;
  padding: 0!important;
}
@media(max-width:768px){
  .w-100{
    width:95%;
  }
}
.w-80{
  width:80%;
  margin:0 auto;
}
@media(max-width:768px){
  .w-80{
    width:95%!important;
  }
}
.w-75{
  width:75%;
  margin:0 auto;
}
@media(max-width:768px){
  .w-75{
    width:95%!important;
  }
}
.w-75-start{
  width:75%;
}
@media(max-width:768px){
  .w-75-start{
    width:95%!important;
  }
}
.w-50{
  width:50%;
  margin:0 auto;
}
@media(max-width:768px){
  .w-50{
    width:95%!important;
  }
}

/* height  ----------------------------------- */
.vh-75{height:75vh;}

/* BTN´s ----------------------------------------  */
.btn-color1{
	background-color:var(--color1);
	padding: 10px 40px;
	/*color:#fff;*/
	text-decoration: none;
	transition:.3s ease-in-out;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	min-width: 180px;
}
	@media(max-width:768px){
	  .btn-color1{
	  	display: table;
	  	margin: 0 auto;
	  }
	}
.btn-color1:hover{
	opacity: .8;
	color:#fff;
}
.btn-color1-outline{
	background-color:#fff;
	border:1px solid var(--color1);
	padding: 10px 40px;
	color:var(--color1);
	text-decoration: none;
	transition:.3s ease-in-out;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	min-width: 180px;
}
@media(max-width:768px){
	  .btn-color1-outline{
	  	display: table;
	  	margin: 0 auto;
	  }
	}
.btn-color1-outline:hover{
	opacity: .8;
}
.btn-color2{
	background-color:var(--color2);
	padding: 10px 40px;
	color:#fff;
	text-decoration: none;
	transition:.3s ease-in-out;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	min-width: 180px;
}
@media(max-width:768px){
	  .btn-color2{
	  	display: table;
	  	margin: 0 auto;
	  }
	}
.btn-color2:hover{
	opacity: .8;
	color:#fff;
}

.btn-color3{
	background-color:var(--color3);
	padding: 10px 40px;
	color:#fff;
	text-decoration: none;
	transition:.3s ease-in-out;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	min-width: 180px;
}
@media(max-width:768px){
	  .btn-color3{
	  	display: table;
	  	margin: 0 auto;
	  }
	}
.btn-color3:hover{
	opacity: .8;
	color:#fff;
}
.btn-light{
	background-color:#fff;
	padding: 10px 40px;
	/*color:#fff;*/
	text-decoration: none;
	transition:.3s ease-in-out;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	min-width: 180px;
}
@media(max-width:768px){
	  .btn-light{
	  	display: table;
	  	margin: 0 auto;
	  }
	}
.btn-light:hover{
	opacity: .8;
	/*color:#fff;*/
}



/* backgrounds ------------------------------------------ */
.bg-white{
	background-color: #fff;
}
.bg-black{
	background-color: #000;
}
.bg-dark{
	background-color: #333;
}
.bg-light{
	background-color: #222;
}
.bg-color1{
	background-color: var(--color1);
}
.bg-color2{
	background-color: var(--color2);
}
.bg-color3{
	background-color: var(--color3);
}