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

/* Generic */
/* html { */
  /* scroll-behavior: smooth; */
/* } */
:root {
  --main-color: #C1AC83;
  /* --second-color: #; */
}
body{font-size: 1.07rem;font-family: 'Didact Gothic', sans-serif;}
.h1, h1{font-size: 3.2rem;}
.h2, h2{font-size: 30px;}
.h3, h3{font-size: 1.5rem;}
.h4, h4{font-size: 1.2rem;}
.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{font-size: 15px;line-height: 19px;}
main{min-height: 69vh;}

.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;}
.btn-main{background:transparent;border:solid .15rem #ddd;color:black;display: inline-block;padding: 2px 1rem;transition:.5s all;font-size:19px;letter-spacing: 1px;}
.btn-main:hover{background-color:var(--main-color);color:white;border-color:var(--main-color);}
.section{padding-top:50px;padding-bottom:50px;}
.text-justify{text-align: justify;}
.link-main a{color:#909192;}
.linkedin{color:#0a66c2;}

/* Header */
header{padding: 20px 0 28px 0;}
header .navbar-brand img{max-width: 165px;}
header .navbar-expand-lg{padding-top: 0;padding-bottom: 6px;}
header .navbar-expand-lg .navbar-nav .nav-item {padding-right: 1.1rem;}
header .navbar-expand-lg .navbar-nav .nav-item:last-child {padding-right:0;}
header .navbar-expand-lg .navbar-nav .nav-item .nav-link{font-weight: bold; font-size:14px;letter-spacing: 2px;padding-left:0; padding-right:0; color:#000000;}
header .navbar-expand-lg .navbar-nav .nav-item .nav-link.active{color:var(--main-color);}
header ul{padding:0;}
header .list-contact ul {list-style: none;padding: 0;}
header .list-contact ul li{display: inline-block;}
header .list-contact ul li,
header .list-contact ul li a{color: #a8a8a8;font-size: 13px;}
header .list-contact ul li:first-child{padding-right: .5rem;}
header .list-contact ul li:last-child{padding-left: .5rem;}
.sticky-top{background: white;}
.navbar-light .navbar-toggler{border: unset;}
.navbar-light .navbar-toggler:focus{box-shadow: unset;}
.navbar-light .navbar-toggler .navbar-toggler-icon{width: 1.2em;height: 1.2em;}
/* header .list-contact li:last-child{padding-right: 0;border-right: unset;margin-left: 1rem;} */

/* Footer */
footer #footer-top{background-color:var(--main-color);padding: 23px 0 13px;}
footer h3{font-size: 15px;}
footer address{margin-top: 10px; margin-bottom: 0; font-size: 13px; width: 203px; margin-left: auto; margin-right: auto; line-height: 18px;}

/* Menu */

/* Slider o Banner Principal  */
#banner-slider-principal img{min-height: 300px;object-fit: cover;}
#banner-slider-principal h5{font-size:16px;line-height: 21px;}
#banner-slider-principal .carousel-caption{bottom: 11%;}

/* Banners */

/* Fondos */

/* Breadcrumb */
#breadcrumb{background: #f7f7f7;}

/* Paginator */
.wp-pagenavi{margin-top: 40px;}
.wp-pagenavi span,
.wp-pagenavi a{padding: 5px 14px;border: solid 1px #eee;margin-right: 10px;display: inline-block;background: #eee;transition:.5s all;}
.wp-pagenavi span:hover,
.wp-pagenavi a:hover,
.wp-pagenavi span.current{background: var(--main-color);color: white;}

/* Form */
/* Visualmente si funciona pero no se va en el form con jQuery, falta validar con POST directo
.wpcf7-form-control-wrap input[type="text"]{text-transform: capitalize;}
.wpcf7-form-control-wrap input[type="email"]{text-transform:lowercase;}
*/
::-webkit-input-placeholder { /* WebKit browsers */text-transform:none;color:black !important;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */text-transform:none;color:black !important;}
::-moz-placeholder { /* Mozilla Firefox 19+ */text-transform:none;color:black !important;}
:-ms-input-placeholder { /* Internet Explorer 10+ */text-transform:none;color:black !important;}
::placeholder { /* Recent browsers */text-transform:none;color:black !important;}
.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}

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

/* Chat */
.chat{position:fixed;bottom:40px; right:141px; color:#FFF; text-align:center; z-index:999;background: #4ec247;padding: 0.4rem 1.5rem;font-size: 17px;border-radius: 2rem;box-shadow: 6px 6px 13px -14px rgba(0,0,0,0.75);-webkit-box-shadow: 6px 6px 13px -14px rgba(0,0,0,0.75);-moz-box-shadow: 6px 6px 13px -14px rgba(0,0,0,0.75);}
.chat:hover{color:white;}

/* Home */

/* About us */
#about-us .btn-main{margin-top: 35px;}
#about-us p{font-size:20px;line-height: 23px;}

/* Services */
#services .main img{display: block;}
#services .main img.secondary1{max-width: 135px;display: block;}

/* Consult */
#consult .title{font-size:16px;line-height: 23px;}
#consult .content{padding-top:60px;}

/* Team */
#team img{max-width: 200px;border-radius: 50%; margin-bottom:32px;}
#team .link-main{margin-top:90px;}

/* colaborators */
#colaborators img.arquitect{max-width: 200px;border-radius: 50%; margin-bottom:32px;}

/* process */
#process .btn-main{margin-top:100px;}
/* #process img{max-width: 96px;} */
#process .process-services{margin-top: 40px;}
#process .process-services p{line-height: 23px; font-size: 16px;}
#process .process-content{margin-top:60px;}
#process .box-process ul{list-style: none;padding: 0;}
#process .box-process ul li{padding-bottom: 13px;font-size: .9rem;line-height: 1.2;}
#process .header p{max-width: 763px;margin: auto;}

/* Gallery  */
.card-gallery{position: relative;margin-bottom: 1.5rem;}
.card-gallery img{height:300px;object-fit:cover;}
.card-gallery .content{position:absolute;bottom:1rem;right: 1rem;left: 1rem;text-align: center;}
.card-gallery .content p{margin-bottom: 0; color: white; font-size: 18px; font-weight: bold;text-shadow: 1px 1px 5px black;}

/* Single */
.single-content .info-box{float: left; width: 262px;}
.single-content .info-box p{margin-bottom: 10px;}
.single-content .info-box p{font-size: 20px;}
.single-gallery .btn-main{margin-top:90px;}

.single-gallery-option .item-gallery {text-align:center;}
.single-gallery-option .item-gallery img{object-fit: cover;}
.single-gallery-option .item-gallery img.h-custom{height: 700px;}
/* Option 1 */
.single-gallery-option.option1 img{height: 450px;}
/* Option 2 */
.single-gallery-option.option2 img{height: 368px;}
/* Option 3 */
.single-gallery-option.option3 img{height: 270px;}
/* Option 4 */
.single-gallery-option.option4 img{height: 370px;}

/* colaborators */
#colaborators .btn-main{margin-top: 100px;}

/* Contact */
#page-contact form.wpcf7-form{max-width: 733px;}
#page-contact input,
#page-contact textarea{border-radius: 0;border-top: unset;border-right: unset;border-left: unset;border-bottom: solid 1px #ced4da;color: black;padding-bottom: .8rem;}
#page-contact input:focus,
#page-contact textarea:focus{box-shadow:unset;}

/* Portafolio */
#page-portafolio .card-gallery{text-align: center;}
#page-portafolio .card-gallery img{height: 275px;}

/*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 (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1181px; }
	.chat{right: 19%;}
}

@media (max-width: 1599px){
	.chat{right: 9%;}
}

@media screen and (max-width: 1399px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1181px; }
	.chat{right: 4%;}
}
@media screen and (max-width: 1199px){
	.chat{right: 1%;}
	
	/* Single */
	.single-gallery-option.option1 img{height: 389px;max-width: 389px;}
	.single-gallery-option.option2 img{height: 306px;max-width: 306px;}
	.single-gallery-option.option3 img{height: 224px;max-width: 224px;}
	
	/* Portafolio */
	#page-portafolio .card-gallery img{height: 311px;max-width: 311px;}
}
@media screen and (max-width: 991px){
	/* Header */
	header{padding: 15px 0 0 0;}
	header .navbar-expand-lg .navbar-nav .nav-item{padding-right: 0;}
	header .navbar-expand-lg{padding-top: 1rem;}
	
	/* Single */
	.single-gallery-option.option1 img,
	.single-gallery-option.option2 img,
	.single-gallery-option.option3 img{height: 360px;max-width: 360px;}
	
	/* Portafolio */
	#page-portafolio .card-gallery img{height: 264px;max-width: 264px;}

	/* Single */
	.single-gallery-option .item-gallery img.h-custom{height: 320px;}
}
@media screen and (max-width: 767px){
	
	
	/* Single */
	.single-gallery-option.option1 img,
	.single-gallery-option.option2 img,
	.single-gallery-option.option3 img{height: 260px;max-width: 260px;}
	.single-gallery-option.option4 img{height: 570px;max-width: 570px;}
}
@media screen and (max-width: 575px){
	.chat{right: 10px;bottom:98px;}
	.single-content .info-box{width: 130px; padding-bottom:15px;}
	
	/* Single */
	.single-gallery-option.option1 img,
	.single-gallery-option.option2 img,
	.single-gallery-option.option3 img,
	.single-gallery-option.option4 img,
	.single-gallery-option.option5 img{height: 350px;max-width: 350px;}
	
	/* Portafolio */
	#page-portafolio .card-gallery img{height: 350px;max-width: 350px;}
}

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