/* 
Theme Name:		 Climat
Description:	 Tema creado para climatservice.es
Author:			 Luis Partida
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 climat
*/


/*
    Add your custom styles here
*/
body{ font-size:1.1rem; }
.img-responsive{ width: 100% !important; display: block !important; }
.center{ text-align: center; }

h2{ color: #3a3a3a; }

.btn-primary{ background-color: #43AEE1; border-color:#43AEE1; }
.full-size{
      width: 100%;
    }
.center {
  text-align: center;
}
/* cabecera */
header#masthead{
	background-color: #fff;
}

header img.auto-rite {
    width: 200px;
   }

.navbar-brand{ display: block; }
.navbar-expand-xl{ float: left; }

.sec-idiomas li{ list-style: none; display: inline-table;}
.sec-idiomas{
  text-align: right;
  padding-bottom: 8px;
  margin-right: 10px;
}


.seccion-header-top{
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
}
.info-header-wrap{ float:right; }
.info-header div{
display: table-cell;
padding-right: 10px;
}
.info-header .info{ text-transform: uppercase; font-weight: 600; font-size:14px; }
.info-header .info span{ display: block; font-weight: 300; font-size:12px;}
.info-header .img-hor{ vertical-align: middle; color:#F05928; font-size:2rem; }
.info-header .img-tel{ color:#2382BD; font-size:1.5rem;}

/* subheader */
#page-sub-header{padding-top: 0;}
.page-sub-header{
	height: auto;
}
.sub-header-content{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}

.titulo-descripcion-wrapper:before{
	content: '';
    display: inline-block;
    width: 0;
   height: 100%;
   vertical-align: middle;
}

.titulo-descripcion-wrapper{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
   height: 100%;
   font-size: 0;
   z-index: 5;
   padding: 30px 0;
}

.titulo-descripcion{
	display: inline-block;
	vertical-align: middle;
}

body:not(.theme-preset-active) #page-sub-header p{ color:#fff; font-size: 18px; }
body:not(.theme-preset-active) #page-sub-header h1{ color: #fff; }
/* Menú principal */
.seccion-header-menu{
  overflow: hidden;
  padding-top: 12px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a{ color:#000 !important; font-weight: 400 !important;}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover{color:#43aee1 !important;}

#content.site-content{ padding-bottom: 0; }
/* home */

/* Marcas */
.seccion-marcas{ margin-top:20px; }
.logo-marca{padding: 30px;}

/* servicios */
.img-aire{
 background:url('https://climatservice.es/wp-content/uploads/2018/05/aire-acondicionado.jpg');
 background-repeat: no-repeat;
  }
.img-calefa{
 background:url('https://climatservice.es/wp-content/uploads/2018/05/calefaccion.jpg'); 
 background-repeat: no-repeat;
}
.servicios .contenido-wrap{ padding-left:80px; padding-right: 80px; padding-top: 50px;}
.servicios  .img-serv, .servicios  .contenido-serv{
  display: table-cell;
  vertical-align: top;
}
.servicios  .contenido-serv p{color: #666666; font-weight: 300;}
.seccion-aire  h2{ color:#43AEE1; }
.seccion-calefa h2{ color:#F69C1D; }
.servicio-wrap{ padding-bottom:14px; }
.servicios .img-serv{ padding-right: 20px; }
.servicios  .img-serv img{max-width: 100px; border-radius: 50%;}
.servicios  h3{ margin:0; font-size: 20px;}

/* Contacto */
.seccion-contacto{ 
  margin-top:35px; 
  background: url('https://climatservice.es/wp-content/uploads/2019/04/logo-contacto.png');
  background-position: center;
  background-attachment: fixed;
  padding-top: 20px; padding-bottom: 40px;
}
.seccion-contacto h3{ color: #fff; }
.seccion-contacto textarea{ margin-top: 20px; font-weight: 300; padding-left: 45px;}
.seccion-contacto input.wpcf7-text{ height: 60px; font-weight: 300; padding-left:45px; }
.seccion-contacto .submit-form{
    width: 100%;
    text-align: center;
    margin-top: 42px;
}
.seccion-contacto .input-wrap{position: relative;}
.seccion-contacto i.fas, .seccion-contacto i.far{
  position: absolute;
  left: 25px;
  top: 44px;
  z-index: 20;
  color:#F69C1D;
}

.seccion-contacto i.far{ 
  position: absolute;
  left: 25px;
  top: 55px;
  z-index: 20;
  color:#F69C1D;
}

.seccion-contacto a, .seccion-contacto a:hover{ color:#fff; }
.seccion-contacto .pl-acept{ color:#fff; float:left; display: inline-flex;}
.wpcf7-checkbox{ padding:0; background: none; border:0; }
.wpcf7-checkbox .wpcf7-list-item{ margin: 0; }

/* Reseñas */

.seccion-reseñas{
  background: url('https://climatservice.es/wp-content/uploads/2019/04/climatservice-bg.png');
  background-position: center;
  background-attachment: fixed;
  padding-top: 20px;
}

.seccion-reseñas h3{ text-align: center; color:#fff; }

.seccion-reseñas p{ color:#fff; }
.owl-item{color:#fff; margin:0 auto; text-align:center;}
/* Footer */
#footer-widget, body:not(.theme-preset-active) footer#colophon{background: #5b5b5b;}
.logo-info-footer{color:#fff; text-align: center;}
.logo-info-footer i{ margin-right: 5px; color:#2382BD; }
.mail-footer a{ color:#fff; }
#footer-widget h3{ color:#fff; margin: 0; font-weight: 300; font-size: 1rem;}
#footer-widget ul{ padding: 0; }
#footer-widget ul li{ line-height: 2; list-style: none;}
#footer-widget ul li a{ color:#989898; padding: 0;}
#footer-widget ul li a:hover{ background:none; text-decoration: underline; color:#fff; }
.enlaces-legales{
  text-align: left;
}

.legal-1capa{
	color: #fff;
	font-size: 12px;
	line-height: 0.4;
	margin-top: 20px;
}

.rrss-footer i, .rrss-header i{
  color: #fff;
  border-radius: 50%;
  margin-right: 10px;
}

.rrss-header i{ padding:6px; font-size: 0.8rem; }
.rrss-footer i{padding: 10px;}
.rrss-header .fa-facebook-f{
   background:#3B5998;
  padding: 6px 10px;
}
.rrss-footer .fa-facebook-f{
  background:#3B5998;
  padding: 10px 15px;
  font-size: 1.1rem; 
}

.rrss-footer .lg-inst{
  padding: 10px;
  vertical-align: top;
}

.rrss-header .lg-inst{
  padding:6px;
  vertical-align: top;
}
.rrss-header .lg-inst img{ width: 27px; }
.rrss-footer .lg-inst img{ width: 36px; }

.rrss-footer .fa-twitter, .rrss-header .fa-twitter{background:#00ACED;}
.rrss-footer .fa-google, .rrss-header .fa-google{background:#DD5144;}

footer .site-info{ text-align: center; }

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 90%;
  }
  p{font-size:18px;}
  .navbar-brand{text-align: center;}
  .info-header-wrap{float: none;}
  .page-sub-header{ height: auto; }
  .sub-header-content{ position: relative; }
  .titulo-descripcion-wrapper{ position: relative; padding: 0; }
  body:not(.theme-preset-active) #page-sub-header h1{ font-size:30px; color:#2382BD; }
  body:not(.theme-preset-active) #page-sub-header p{color: #3a3a3a;}
  .logo-marca{padding:0;} .logo-marca img{ 
    width: 65%;
    text-align: center;
    margin: 0 auto;
    display: block;
   }

   img.auto-rite {
    width: 220px;
   }
   #content.site-content{padding-top: 0;}
  .servicios .contenido-wrap{ padding-left:10px; padding-right: 10px; }
  .servicios .img-aire, .servicios .img-calefa{
    display: none;
  }
  .servicios  .img-serv img{ max-width: 75px; }
  #footer-widget .widget_nav_menu{text-align: center;}
}

.legal-1capa p{ font-size:11px; line-height: 1.1; }
.rrss-footer, .enlaces-legales{ text-align: center; }
.siguenos-txt{
  padding: 15px;
font-style: italic;
font-weight: 700;
}