/*
Theme Name: The7 Child
Theme URI: http://the7.io/
Template: dt-the7
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 7.8.2.1574683766
Updated: 2019-11-25 12:09:26

*/
/*FUENTE*/
@font-face {
	font-family:'NouvelR-Light';
	src:	url('/wp-content/themes/dt-the7-child/fonts/NouvelR-Light.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;}
@font-face {
	font-family:'NouvelR-Book';
	src:	url('/wp-content/themes/dt-the7-child/fonts/NouvelR-Book.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;}
@font-face {
	font-family:'NouvelR-Regular';
	src:	url('/wp-content/themes/dt-the7-child/fonts/NouvelR-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;}
@font-face {
	font-family:'NouvelR-Semibold';
	src:	url('/wp-content/themes/dt-the7-child/fonts/NouvelR-Semibold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;}
@font-face {
	font-family:'NouvelR-Bold';
	src:	url('/wp-content/themes/dt-the7-child/fonts/NouvelR-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;}
@font-face {
	font-family:'NouvelR-Extrabold';
	src:	url('/wp-content/themes/dt-the7-child/fonts/NouvelR-Extrabold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;}
@font-face {
	font-family:'NouvelR-Variable';
	src:	url('/wp-content/themes/dt-the7-child/fonts/NouvelR-Variable.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;}
/*------ BOTONES FLOTANTES ----- */
.boton0{
  display: none;
}
.boton1, .boton2, .boton3{
    position: fixed;
    z-index: 2000;
    right: -180px;
    margin: 4px auto;
     transition: right 0.5s ease ,opacity 0.5s ease;
    -webkit-transition: right 0.5s ease ,opacity 0.5s ease
}
.boton1{
top: 50%;
transform: translateY(-50%) translateY(-65px);
}
.boton2{
top: 50%;
transform: translateY(-50%);
}
.boton3{
top: 50%;
transform: translateY(-50%) translateY(+65px);
}
#enlace a{
    background: #EFDF00;
    display: table-cell;
    color: #fff;
    height: 60px;
    width:  250px;
    text-align: center;
    vertical-align: middle;
}
#enlace a i{
    font-size: 43px;
    text-decoration: none;
    width: 70px;
    float: left;
}
#enlace a span{
    padding-right: 10px;
    margin: 9px auto;
    float: left;   
}
.boton1:hover, .boton2:hover, .boton3:hover, .boton4:hover{
    right: 0;
}
@media (pointer: coarse){
.boton1, .boton2, .boton3{
top: initial;
margin-right: 8px;
transform:scale(0);
right: 0;
}
.boton0{
z-index: 2000;
position: fixed;
display: block;
bottom: 0px;
right: 3px;
}
.boton1{
bottom: 42px;
transition:0.5s;
}
.boton2{
bottom: 77px;
transition:0.7s;
}
.boton3{
bottom: 112px;
transition:0.9s;    
} 
.boton0 #enlace #boton{
  height: 50px;
  width:  50px; 
}
.boton0 #enlace #boton img{  
    width: 40px;
    padding: 5px; 
}
#enlace a, #boton{   
    display: table-cell;
    color: #fff;
    height: 40px;
    width:  40px;    
    text-align: center;
    vertical-align: middle;
  background: none;
}
#enlace a i, #boton img{  
  font-size: 17px;
    width: 30px;
    padding: 6px; 
    background: #EFDF00; 
    float: left; 
    border-radius:100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#enlace a i{
  height: 30px;
}
#enlace a span{
  display: none;
}}
.boton0:hover  + .boton1,.boton0:hover  + .boton1 + .boton2,.boton0:hover + .boton1 + .boton2 + .boton3{
 transform:scale(1);
}
/*----- FIN BOTONES FLOTANTES ----*/

/*=========================== POP UP =============================*/
#popup, #popup1, #popup2, #popup3, #popup4, #popup5 , #popup6 {
   display: none;
   opacity: 0;
   margin-top: -300px;
   height: 100%;
   width: 100%;
}
#popup:target,  #popup1:target, #popup2:target, #popup3:target, #popup4:target, #popup5:target, #popup6:target {
   justify-content: center;
   display: flex;
   overflow: auto;
   opacity: 1;
   background-color: rgba(0,0,0,0.6) !important;
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   transition:all 1s;  
}
.popup-contenedor {
   margin: auto;
   display: inline-table;
   height: fit-content;
   position: relative;
   padding:30px 30px;
   background-color: #fafafa;
   color:#333;
   border-radius: 3px;
   width:30%;
   text-align: center
}
a.popup-cerrar {
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}
    
#close:target {
   display: none;
   opacity: 0;
   margin-top: -300px;
}  

@media (max-width: 1480px){
.popup-contenedor{
    width: 60%;
       
  }}
@media (max-width: 860px){
.popup-contenedor{
    width: 80%;
        
  }}
@media (max-width: 480px){
.popup-contenedor{
      width: 90%;
        
  }
}
/*======================= fin POP UP =============================*/
.hr-home{
    border-top: 3px solid;
    color: #EFDF00;
}
/*--------- MENU -----------*/
#mobile-menu .menu-item-1728{
	background-color: #EFDF00;
}
#mobile-menu .menu-item-1728::after{
	content: "";
    background-color: #EFDF00;
    height: 50.38px;
    position: absolute;
    width: 400px;
    left: -29px;
    z-index: -12;
}
#primary-menu .menu-item-1728{
    background-color: #EFDF00;
    padding-right: 8px;
}
.menu-item-1728 :hover{
	color: white !important;
}
.menu-item-1728 :active{
	color: #000 !important;
} 
#mobile-menu > li.act:not(.wpml-ls-item) > a .menu-text,
#primary-menu > li.act:not(.wpml-ls-item) > a .menu-text{
	color: #fff !important;
	font-weight: bolder;
}
#primary-menu{
	margin-bottom: 0 !important;
}
/*
.portfolio-categories{
	display: none;
}*/

/*---- OCULTAR RECAPTCHA ----*/
.grecaptcha-badge {
    display: none;
}
/*-----------Cambios para los formularios-----------------*/
.wpcf7-form-control-wrap input{
	background-color: #f2f2f2;
	color: #222222; 
	border: solid 1px;
	border-color: #d2d2d2;
} 
/*--------------Cambios del formulario de contacto-----------*/
.place-comentario{
	background-color: #f2f2f2;
    color: #d2d2d2;
    border: solid 1px;
	width: calc(100% - 26px)  !important;
	margin-left: 26px; 
}

.place-comentario::placeholder{
	color: #000;
}
.wpcf7-form-control-wrap{
	width: 100%;
}
/*-------------FICHA Vehículo-----------*/
p.card-year {
    display: inline-flex;
}

/*-----------  Política de cookies ------- */
#cookies-consentimiento #argpd-cookies-btn{
background-color: #EFDF00 !important;
	border-color: #EFDF00 !important;
}
#cookies-consentimiento .argpd-cookies-politica{
	color: #EFDF00 !important;
}

/*--------------Formulario cita previa-----------*/

.tipocita {
	background-color: #f2f2f2; 
    border: solid 1px;
	border-color: #d2d2d2;
}
/*---------------Boton solicitar prueba--------------*/
.btn-project-link{
	background-color: #EFDF00;
	color: #ffffff;
	box-shadow: 0px 2px 0px 0px #ae8f13;
	border: 0px solid #EFDF00
}
/*-----------Sobre nosotros------------*/
.nosotros{
	font-size: 17px;
}
/*---------- Contacto -----------------*/
.overlay {
   background:transparent; 
   position:relative; 
   width:1900px;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}
/*--------- Footer redes sociales -----*/
.social h5{
	font-weight:400;
}
.social a{
	font-size: 19px; 
	color: white !important;
	display: flex;
	align-items: center;
	gap: 5px;
}
/*--------------- Pagina de inicio-----------*/
.banner-contacto .upb_row_bg{
	background-image: url(https://renaultherramar.es/wp-content/uploads/2023/05/taller_R.jpg);
	  background-repeat: no-repeat;
	background-position: right;
}
@media (max-width: 576px) {
.banner-contacto .upb_row_bg{
	background-position: 83%;
}}
/*--- flecha scroll top -----*/
#page .scroll-top{left:10px; right:auto;}