/*
Theme Name: Wired IT Theme
Author: Wired IT
Author URI: https://www.wiredit.mx/
Description: Template Wired IT 2020
Version: 1.0
*/

/* Fonts */
/*
@font-face{font-family: 'Nombre_Font';src: url('../fonts/Nombre_Font.eot');src: url('../fonts/Nombre_Font.eot?#iefix') format('embedded-opentype'),url('../fonts/Nombre_Font.woff2') format('woff2'),url('../fonts/Nombre_Font.woff') format('woff'),url('../fonts/Nombre_Font.ttf') format('truetype'),url('../fonts/Nombre_Font.svg#Nombre_Font') format('svg');font-weight: normal;font-style: normal;}
*/
@font-face{
	font-family: 'Gothic';
	src: url('../fonts/Gothic/GOTHIC.eot');
	src: url('../fonts/Gothic/GOTHIC.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Gothic/GOTHIC.woff2') format('woff2'),
		 url('../fonts/Gothic/GOTHIC.woff') format('woff'),
		 url('../fonts/Gothic/GOTHIC.TTF') format('truetype'),
		 url('../fonts/Gothic/GOTHIC.svg#Nombre_Font') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Genericas */
html {
  scroll-behavior: smooth;
}
/* NO JALA EN IE ROOT */
:root {
  --main-color: #00a196;
  --second-color: #;
}
body{font-size: 1rem;font-family:'Gothic',sans-serif;}
.h1, h1{font-size: 2rem;}
.h2, h2{font-size: 1.5rem;}
.h3, h3{font-size: 1.25rem;}
.h4, h4{font-size: .75rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem;}
a, a:hover{text-decoration:none;}
address{margin-bottom: .5rem;}
dl, ol, ul {margin-bottom: 0;}
p, li, a, address{font-size:1rem;}

.main-color{color: var(--main-color);}
.second-color{color: var(--second-color);}
.generic-border{border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;}
.generic-shadow{-webkit-box-shadow: 0px 2px 5px -1px rgba(89,88,89,1);-moz-box-shadow: 0px 2px 5px -1px rgba(89,88,89,1);box-shadow: 0px 2px 5px -1px rgba(89,88,89,1);}
.btn-main{background: var(--main-color);color: white;padding: 8px 15px;border-radius: 50px;transition:.5s all;border:solid 1px var(--main-color);font-weight: 700;font-size: 18px;}
.btn-main:hover{background-color:white;border:solid 1px var(--main-color);color:var(--main-color);}
.section{padding:50px 0;}

/* Header */

/* Footer */
footer{background-color:#379595;color:#fff;padding-top: 20px;padding-bottom: 20px;}
footer a, footer a:hover, footer p{color:white;padding-top:5px;padding-bottom:5px;margin:0 !important;}
footer img{max-width: 60px !important;}
/* Menu */

/* Slider o Banner Principal  */
#inicio{position:relative;}
/* #inicio .img-slider{height: 100vh;min-height: 100vh;object-fit: cover;} */
/* #inicio{height: 100vh;min-height: 100vh;object-fit: cover;} */
/* #contacto-header{position: absolute;top: 0%;right: 0;z-index: 9;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;} */
#contacto-header{padding: 50px 0;}
#contacto-header .title{font-size: 2.8rem;font-weight:600;}
#contacto-header .subtitle{font-size: 1.5rem;font-weight: 600;}
#contacto-header form{padding:20px;background-color:rgba(255, 255, 255, 0.52);border-radius:10px;border:solid 2px var(--main-color);}
#contacto-header form .form-title{padding-bottom:1rem;}
#contacto-header form .input-group-prepend .input-group-text{width: 44px;}
#contacto-header form input.form-control, #contacto-header form .input-group-prepend .input-group-text,
#contacto-header form textarea.form-control{background: transparent;border-top: none;border-left: none;border-radius: 0;border-right: none;}
#contacto-header form .icon-message{align-items: flex-start;}
#contacto-header form i{color:var(--main-color);}

/* Banners */

/* Fondos */

/* Breadcrumb */

/* Paginator */

/* Formulario */
/* Visualmente si funciona pero no se va en el form con jQuery, falta validar con POST directo
.sendmail_form input[type="text"]{text-transform:capitalize;}
.sendmail_form input[type="email"]{text-transform:lowercase;}
*/
::-webkit-input-placeholder { /* WebKit browsers */text-transform:none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */text-transform:none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */text-transform:none;}
:-ms-input-placeholder { /* Internet Explorer 10+ */text-transform:none;}
::placeholder { /* Recent browsers */text-transform:none;}
.sendmail_form span{color:red;}
.sendmail_form .sendmail_legend{font-size:.8rem;}
.sendmail_form .sendmail_ajax_loader{display:none;}
.sendmail_form .sendmail_result{display:none;margin-bottom:0px}

/* Newsletter */
#newsletter{background-image:url('../images/section/newsletter/fondo.jpg');background-repeat:no-repeat;margin: 50px 0px;padding: 100px 0px;background-position: center;background-attachment: fixed;background-size: cover;}
#newsletter .is-invalid~.invalid-feedback, 
#newsletter .is-invalid~.invalid-tooltip, 
#newsletter .was-validated :invalid~.invalid-feedback, 
#newsletter .was-validated :invalid~.invalid-tooltip{border: none;display:inline-block !important;margin:0 5px;width: auto;}
#newsletter span.wpcf7-not-valid-tip{display: inline-block;margin:0 5px;}
#newsletter .sendmail_form .sendmail_result{margin-top: 10px;}

/* Redes Sociales */
#redes-sociales ul{list-style:none;padding-left:0px;margin-bottom:0px;}
#redes-sociales li{display:inline;}

/* Chat */
.chat{position:fixed; width:60px; height:60px; bottom:40px; right:40px; color:#FFF; border-radius:50px; text-align:center; z-index:999;}
.my-chat{margin-top:22px;}

/* Inicio */

/* Nosotros */
#nosotros{background-image:url('../images/banners/fondo.png');margin-bottom:50px;}
#nosotros h2{font-size: 2.5rem;}
#nosotros h2, #nosotros p	{color:white;}

/* style */
.custom-title{position:relative;padding-bottom: 10px;font-weight:600;}
.custom-title:after{position:absolute;right:0;left:0;bottom:-10px;margin:auto;content:"";background:#eee;width:30%;height:1px;}
.custom-subtitle{font-size: 1.3rem;padding-top: 1rem;color: #646464;}

/* Servicio o Productos */
#servicios-o-productos h2{font-size: 2.5rem;}
#servicios-o-productos .content{background: #fbfeff;border: solid 1px var(--main-color);border-radius: 10px;}
#servicios-o-productos .content .border-left{padding: 20px 0;}
#servicios-o-productos .content .item{text-align: center;font-weight: 600;padding-bottom: 10px;}
#servicios-o-productos .content .item-list{text-align: center;padding-left: 0;margin: auto;list-style: none;min-height: 202px;}
#servicios-o-productos .content .item-list li{padding: 9px 0;font-size: 14px;}
/* #servicios-o-productos .content .item-list li{border-bottom: solid 1px #f4f4f4;padding: 9px 0;font-size: 14px;} */
/* #servicios-o-productos .content .item-list li:last-child{border-bottom:unset;} */

/* Contacto */
#contacto h2{font-size: 2.5rem;}
#contacto form input.form-control, #contacto form .input-group-prepend .input-group-text,
#contacto form textarea.form-control{background: transparent;border-top: none;border-left: none;border-radius: 0;border-right: none;}
#contacto form .input-group-prepend .input-group-text{width: 44px;}
#contacto form .icon-message{align-items: flex-start;}
#contacto form i{color:var(--main-color);}


/* Reportes */
#reportes{padding-top:20px;}

/*REFERENCIA PARA LAS MEDIDAS https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/*MEDIA QUERY GENERICO QUE PUEDE APLICAR PARA TODOS LOS CELULARES*/
@media (max-width: 991px){
	
	/* Slider o Banner Principal  */
	#contacto-header form{margin: 30px 0;}
	
	/* Contacto */
	#contacto .form-group{margin-bottom: 0;}
	#contacto .form-group .input-group{margin-bottom: 15px;}
}
@media (max-width: 767px){
	/* General */
	h2{font-size:2rem !important;}
	
	/* Slider o Banner Principal  */
	/* #inicio .img-slider{height: auto;min-height: auto;margin-bottom: 20px;} */
	/* #inicio{height: auto;min-height: auto;margin-bottom: 20px;} */
	#contacto-header{padding: 40px 0;}
	#contacto-header .title{font-size: 2rem;}
	#contacto-header .subtitle{font-size: 1.2rem;}

}

/* ---------------------------------IPHONE--------------------------------- */
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2){}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2){}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){}

/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px)and (-webkit-min-device-pixel-ratio: 2){}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){}

/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3){}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape){}

/* ---------------------------------GALAXY--------------------------------- */
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2){}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait){}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape){}

/* ----------- Galaxy S4 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait){}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape){}

/* ----------- Galaxy S5 EN ADELANTE ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait){}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape){}

/* --------------------------------- TABLETS --------------------------------- */
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){}

/* ----------- Galaxy Tab 10.1 ----------- */
/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px){}

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait){}

/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape){}

/* ----------- Asus Nexus 7 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332){}

/* Portrait */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait){}

/* Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape){}

/* ----------- Kindle Fire HD 7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5){}

/* Portrait */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape){}

/* ----------- Kindle Fire HD 8.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5){}

/* Portrait */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape){}