/*
 Theme Name:   Copigraf Clientes
 Description:  Theme para el sitio de Clientes de Copigraf
 Author:       CGStudio
 Author URI:   https://cgstudio.cl
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/
:root{
	--color1:#fdc500; /* amarillo */
	/* --color2:#FFFF00;  amarillo claro*/
	--color2:#acacac; /* gris */
	--color3:#000; /* negro */
}

html {
	scroll-behavior: smooth;
}
a{text-decoration: none!important;}
body,h1,h2,h3,h4,h5,h6,p,a{
	font-family: "Montserrat", sans-serif!important;
}

/* 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;
	}

	/* 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);
}