/*
	Theme Name: Sentec
	Theme URI: https://sentec.mx
	Description: Tema personalizado para Sentec
	Version: 1.0.3
	Author: Adriana Hernandez
*/

/*Typography*/
@font-face { 
font-family: 'Source Sans Pro';
src: url('fonts/sourcesanspro-regular-webfont.woff2'); 
font-weight: normal; 
}

@font-face { 
font-family: 'Source Sans Pro'; 
src: url('fonts/sourcesanspro-semibold-webfont.woff2'); 
font-weight: 600; 
}

@font-face { 
font-family: 'Work Sans';
src: url('fonts/worksans-variablefont_wght-webfont.woff2'); 
}

body{
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	letter-spacing: 0.25px;
}

h1, h2, h3, h4, h5{
	font-family: 'Work Sans', Verdana, sans-serif;
}

h3{
	font-weight: bold;
}

#bannerSentec,
#bannerSentec p
#bannerSentec h1{
	color: white !important;
}

#bannerSentec .page-title{
	font-size: 3.25rem;
}

@media screen and (max-width: 425px){
	#bannerSentec .page-title{
	font-size: 2.5rem;
	}
}

.custom-logo{
	max-width: 180px;
    height: auto;
}

.bg-white{
	background-color: white;
}

.btn{
	border-radius: 3px !important;
    text-decoration: none !important;
}

a.btn-primary-sentec{
	color: white !important;
	font-weight: 600;
}
a.btn-outline-light{
	color: white !important;
}

.navbar-nav .nav-link{
	padding: 0;
}

.navbar-nav .nav-item{
	padding: 10px;
}

/*Grid*/
.section-space{
	padding: 2rem 1.25rem;
}

.section-space-50{
	padding: 1rem 0.75rem;
}

@media screen and (min-width: 426px){
	.mt-neg{
	margin-top: -2.5rem;
	}

	.mb-neg{
		margin-bottom: -2.5rem;
	}
}

.box-shadow-sentec{
	-webkit-box-shadow: 0px 8px 30px 0px rgba(18,43,65,0.25);
	-moz-box-shadow: 0px 8px 30px 0px rgba(18,43,65,0.25);
	box-shadow: 0px 8px 30px 0px rgba(18,43,65,0.25);
}

@media screen and (min-width: 769px){
	.sentec-decor{
		-webkit-box-shadow: 40px 50px 0px 0px rgba(0,93,166,1);
		-moz-box-shadow: 40px 50px 0px 0px rgba(0,93,166,1);
		box-shadow: 40px 50px 0px 0px rgba(0,93,166,1);
	}
}

/*Images*/

.img-wrapper {
  position: relative;
  width: 100%;
 }

 .img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(18,43,65,0.75);
}

.img-overlay:before {
  content: ' ';
  display: block;
  height: 45%;
}

.img-mobile
{
    max-width: 100%;
    min-width: 300px;
    height: auto;
}

@media screen and (max-width: 768px){
	#bannerSentec .img-overlay:before {
	  content: ' ';
	  display: block;
	  height: 30%;
	}
}

@media screen and (max-width: 425px){
	#bannerSentec .img-overlay:before {
	  content: ' ';
	  display: block;
	  height: 5%;
	}
}

/*Widgets*/
.sentec-widget ul{
	list-style-type:none;
	padding-left: 0;
}