/*
Theme Name: SENSEM
Author: EBWEB
Author URI: https://ebweb.es/
Description: Personalización del tema the7 para Sensem
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

:root{
--color-turquesa: #00cccb;
}

.strong{
font-weight:600;
}
.blanco{
color: #fff;
}

.mbn{
margin-bottom:0px !important;
}

.fuente-madre{

font-family: 'Overpass', sans-serif;

}

.turquesa{
color: var(--color-turquesa) !important;
}

@media screen and (max-width:1100px){

 .max-width-400{
 max-width: 400px !important;
margin:0 auto !important;
 }
}

@media screen and (min-width:1100px){
 .max-width-600{
 max-width: 600px !important;
 }
}

/************************************************************/
/********************* FOOTER *******************************/
/************************************************************/
#footer .txt-footer{
font-size: 14px;
line-height:1.5; 
}

.boton-esp{
padding:10px 15px 6px 15px;
background: var(--color-turquesa);
border-radius:15px;
transition: all 0.3s ease-out;
}
.boton-esp:hover{
background: #fff;
color: var(--color-turquesa);
}

.grecaptcha-badge{
opacity:0;
}

/**************** DESAJUSTE AL TRADUCIR LAS COLUMNAS DEL FOOTER ****************/

.wf-container-footer .wf-container section#text-3.wf-1-5{
width:40% !important;
}


@media screen and (max-width:778px){
 .wf-container-footer .wf-container section#text-3.wf-1-5{
 width:100%  !important;
 }
}
/**************/

/**************************************************************************/
/********************* FORMULARIOS CONTACTO *******************************/
/**************************************************************************/

.formuContac span.form-title, .formuDossier span.form-title{
font-family: 'Overpass', sans-serif;
font-weight: 500;
color:#fff;

}
.formuContac > p, .formuDossier > p{
margin-bottom: 0px;
}

.legal > p{
color:#c0c0c0;
font-size: 10px;
line-height:12px;
margin-top:10px;
margin-bottom:20px;
}

.containerFlex-2cajas{
display: -ms-flex;
display: -webkit-flex;
display: flex; 
flex-wrap: wrap;
}

.containerFlex-2cajas > *{
flex: 100%;
}


@media screen and (min-width:900px){
 .containerFlex-2cajas > *{
 flex: 48%;
 }

 .containerFlex-2cajas p:first-child{
 padding-right:2%;
 }
}

div.formuContac > p:nth-child(6) > span > span > span > label > span, div.formuDossier > p:nth-child(9) > span > span > span > label > span{
color:#c0c0c0 !important;
font-size:12px;
}

div.formuContac > p > span > select, div.formuContac > p > span > input, div.formuContac > div.containerFlex-2cajas > p  > span > input, div.formuContac > p > span  > textarea,
div.formuDossier > p > span > select, div.formuDossier > p > span > input, div.formuDossier > p > span  > textarea,
div.formuDossier > div > span > input,
div.formuDossier > div.containerFlex-2cajas > p > span.wpcf7-form-control-wrap > input{
background: rgba(250,250,250,0.2);
color: #fff;
}

div.formuDossier > p > span > span > span > label > span{
font-size:14px;
margin-top:10px;
}

div.formuDossier > p > span > span > span > label > span{
color: #fff;
}

div.formuContac > p > span > select > option, #wpcf7-f6-p803-o1 > form > div.formuContac > p:nth-child(1) > span.wpcf7-form-control-wrap.menu-475 > select > option:nth-child(1) {
background: black !important;
color:white !important;
}


/*****************************************************************/
/**************** TIPOS DE PUERTA ************/
/*****************************************************************/

.max-width-slider{
 max-width: 500px !important;
margin:0 auto !important;
}
.elementor-slideshow__title{
display:none !important;
}
/*****************************************************************/
/**************** COMENTARIOS BLOG *****************/
/*****************************************************************/
.comment-form-cookies-consent{
margin-bottom:10px !important;
}

.comment-form-policy{

font-size: 13px; line-height:16px;
margin-bottom:20px !important;

}

/*****************************************************************/
/************************ barra lateral menu *********************/
/*****************************************************************/
#mCSB_1_container .header-bar .branding{
display:none;
}

/*
.header-bar .menu-toggle{
background: #000;
}
*/

#mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-440.has-children > i{
color:#fff;
}

/*****************************************************************/
/************************* TITULOS DE PÁGINA *********************/
/*****************************************************************/


 .page-title.solid-bg.page-title-responsive-enabled .wf-wrap{
 padding-top:150px !important;

 }


@media screen and (max-width:1150px){
 .page-title.solid-bg.page-title-responsive-enabled .wf-wrap{
  padding-top:25px!important;
text-align:left; 

 }
}

/*****************************************************************/
/********************* BARRA LATERAL BLOG ************************/
/*****************************************************************/

#sidebar .widget-title{
font-size:20px;
}

/*****************************************************************/
/************* CAMBIO COLOR BURGUER SEGÚN ID *********************/
/*****************************************************************/

.page-template.page-template-template-microsite.page-template-template-microsite-php #main > div.wf-wrap{
width:100%;
padding:0px !important;
}


.page-id-430 .menu-toggle .menu-line:before, .page-id-430 .menu-toggle .menu-line:after,
.page-id-1696 .menu-toggle .menu-line:before, .page-id-1696 .menu-toggle .menu-line:after,

.page-id-437 .menu-toggle .menu-line:before, .page-id-437 .menu-toggle .menu-line:after,
.page-id-1767 .menu-toggle .menu-line:before, .page-id-1767 .menu-toggle .menu-line:after,

.page-id-803 .menu-toggle .menu-line:before, .page-id-803 .menu-toggle .menu-line:after,
.page-id-1679 .menu-toggle .menu-line:before, .page-id-1679 .menu-toggle .menu-line:after,

.page-id-1347 .menu-toggle .menu-line:before, .page-id-1347 .menu-toggle .menu-line:after,
.page-id-1734 .menu-toggle .menu-line:before, .page-id-1734 .menu-toggle .menu-line:after,

.page-id-405 .menu-toggle .menu-line:before, .page-id-405 .menu-toggle .menu-line:after,
.page-id-1712 .menu-toggle .menu-line:before, .page-id-1712 .menu-toggle .menu-line:after
 
{
background:#fff !important;
}


/*****************************************************************/
/****************** PÁGINAS LEGALES ******************************/
/*****************************************************************/
.page-id-14 .wf-wrap .wf-container-main h2, .page-id-1740 .wf-wrap .wf-container-main h2,
.page-id-17 .wf-wrap .wf-container-main h2, .page-id-1742 .wf-wrap .wf-container-main h2,
.page-id-19 .wf-wrap .wf-container-main h2, .page-id-1741 .wf-wrap .wf-container-main h2
{
font-size:30px;
line-height:1.3em;
}

.page-id-14 .wf-wrap .wf-container-main h3, .page-id-1740 .wf-wrap .wf-container-main h3,
.page-id-17 .wf-wrap .wf-container-main h3, .page-id-1742 .wf-wrap .wf-container-main h3,
.page-id-19 .wf-wrap .wf-container-main h3, .page-id-1741 .wf-wrap .wf-container-main h3
{
font-size:25px;
line-height:1.3em;
}

.page-id-14 .wf-wrap .wf-container-main p, .page-id-1740 .wf-wrap .wf-container-main p,
.page-id-17 .wf-wrap .wf-container-main p, .page-id-1742 .wf-wrap .wf-container-main p,
.page-id-19 .wf-wrap .wf-container-main p, .page-id-1741 .wf-wrap .wf-container-main p
{
margin-bottom:25px;
font-size:15px;
line-height:1.3em;
}

.page-id-14 .wf-wrap .wf-container-main ul, .page-id-14 .wf-wrap .wf-container-main ol, .page-id-1740 .wf-wrap .wf-container-main ul, .page-id-1740 .wf-wrap .wf-container-main ol,
.page-id-17 .wf-wrap .wf-container-main ul, .page-id-17 .wf-wrap .wf-container-main ol, .page-id-1742 .wf-wrap .wf-container-main ul, .page-id-1742 .wf-wrap .wf-container-main ol,
.page-id-19 .wf-wrap .wf-container-main ul, .page-id-19 .wf-wrap .wf-container-main ol, .page-id-1741 .wf-wrap .wf-container-main ul, .page-id-1741 .wf-wrap .wf-container-main ol
{
margin-bottom:25px;
}

.page-id-14 .wf-wrap .wf-container-main ul li, .page-id-14 .wf-wrap .wf-container-main ol li, .page-id-1740 .wf-wrap .wf-container-main ul li, .page-id-1740 .wf-wrap .wf-container-main ol li,
.page-id-17 .wf-wrap .wf-container-main ul li, .page-id-17 .wf-wrap .wf-container-main ol li, .page-id-1742 .wf-wrap .wf-container-main ul li, .page-id-1742 .wf-wrap .wf-container-main ol li,
.page-id-19 .wf-wrap .wf-container-main ul li, .page-id-19 .wf-wrap .wf-container-main ol li, .page-id-1741 .wf-wrap .wf-container-main ul li, .page-id-1741 .wf-wrap .wf-container-main ol li
{
margin-bottom:5px;
}


/*************** BARRA COOKIES **********/

#moove_gdpr_cookie_info_bar{
border-top: 0px !important;
padding-top: 25px;
padding-bottom: 25px;
}

#moove_gdpr_save_popup_settings_button {

background-color:  transparent !important;
color: #fff;
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon {
background-color:  transparent !important;
background:  transparent !important;
}

/********************************************************/
/******************* TABLA COOKIES **********************/
/********************************************************/
.tablacook{
font-size:12px;
line-height:15px;
}
.tablacook table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
margin-bottom:25px;
padding: 0;
width: 100%;
table-layout: fixed;
}

.tablacook table caption {
font-size: 1.5em;
line-height: 1.5em;
margin: .5em 0 .75em;
}

.tablacook table tr {
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: .35em;
}

.tablacook table th, .tablacook table td {
padding: .625em;
text-align: center;
}

.tablacook table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
border: 1px solid #ddd;
}


@media screen and (min-width: 1000px) {
 .tablacook table td {
 border: 1px solid #ddd;
 }
}

@media screen and (max-width: 1000px) {
  .tablacook table {
  border: 0;
  }

  .tablacook table caption {
  font-size: 1.3em;
  }
  
  .tablacook table thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  }
  
  .tablacook table tr {
  border-bottom: 3px solid #ddd;
  display: block;
  margin-bottom: .625em;
  }
  
  .tablacook table td {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: .8em;
  text-align: right;
  }
  
  .tablacook table td::before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  }
  
  .tablacook table td:last-child {
  border-bottom: 0;
  }
}

/********************************************************/
/***************** FIN TABLA COOKIES ********************/
/********************************************************/

/************ TUTORIALES ************************/

.page.page-id-2187 #main form{
text-align: center;
padding: 15% 5%;
font-size:18px;
text-align: center;


}