/*
* Cms code goes here.
* A template should always ship with an empty cms.css
*/

/* CMS */
#cms .page-header {display: none;}
section.page-cms {margin-bottom: 0 !important;}

#cms #main .block-links li { margin-bottom:10px; }
#cms #main .block-links ul>li a:before {display:none;}
#cms #main .block-links a {  font-size: 14px; font-weight: 400; padding-left:0; text-transform: uppercase; }
#cms #main .block-links a:hover, #cms #main .block-links a.active { text-decoration: underline; }

/* TECNOLOGIA Y CAMINO */
.full-h-section {height: calc(100vh - 90px);}
.full-h-section .elementor-container, .full-h-section .elementor-section,.full-h-video .elementor-widget-video, 
  .full-h-video .elementor-widget-container, .full-h-video .elementor-video-wrapper {height: 100%;}

.anchor-links-container {width: 100%; z-index: 10; position: absolute;}
a.link-to-section {width: 155px;line-height: 30px;text-align: center;border: 1px solid #ffffff;border-radius: 16px;color: #ffffff !important;
  display: inline-block;margin: 0 10px 20px;font-size: 14px;}

.text-section-bg-4s {background-size: auto 19px !important;background-position: 100px calc(100% - 38px) !important;}
.text-section-bg-2s > .elementor-element-populated  {background-size: auto 19px !important;background-position: 60px calc(100% - 60px) !important;}
.text-section-bg-rombos > .elementor-element-populated {background-size: 110% !important; background-position: 0 85% !important;}


/* ----- TECNOLOGIA -----*/
.menu-tecnologias {top:50px}
.text-list-with-icons i {font-size: 40px;position: relative;bottom: -5px;}
.text-list-with-icons p {margin-bottom: 0;}

/* Block text with decoration */
.block-text-with-decoration>.elementor-widget-container:after {
  background: url("https://www.paredes.es/img/cms/comun/detalle-ficha@2x.png") no-repeat;
  background-size: auto 24px;
  width: 100%;
  position: absolute;
  content: "";
  height: 24px;
  bottom: -10px;
  left: 0;
  background-position: calc(100% + 70px) 0;
}

/* ----- NUESTRO CAMINO -----*/
.col-with-img-overflow img {position: relative;width: 100%;left: -110px;z-index: 10;}
.col-with-img-overflow-right img {left: unset;right: -110px;}

/* AFTER BEFORE SLIDER */
.after-before-slider img {max-width: unset !important;height: unset !important;}
.ba-slider {position: relative;overflow: hidden;}
.ba-slider img {width: 100%;display: block;}
.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.handle {
  /* Thin line separator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -2px;
  background: #ffffff;
  cursor: ew-resize;
}
.handle:after {
  /*Right knob */
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  content: "\f105";
  color: #25282a;
  font-family: "fontawesome";
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  background: #ffffff;
  border-radius: 0 50% 50% 0;
  transition: all 0.3s ease;
}
.handle:before {
  /*Left knob */
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -20px;
  content: "\f104";
  color: #25282a;
  font-family: "fontawesome";
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  background: #ffffff;
  border-radius: 50% 0 0 50%;
  transition: all 0.3s ease;
}
.dragable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}

/* FAQ */
.faq-section .elementor-accordion-title .elementor-accordion-icon .fa:before {content: '\e815';font-family: 'icons-pd';}
.faq-section .elementor-accordion-title.active .elementor-accordion-icon .fa:before {content: '\e817';}
.faq-section .elementor-accordion-item {border-right: none;border-left: none;}
.faq-section .elementor-accordion-title {padding: 18px 0;}
.faq-section .elementor-accordion-content {border: none; padding: 15px 0;}

/* MATERIALES */
.materiales-seccion-caracteristicas figure.elementor-image-box-img {width: auto !important;}
.materiales-seccion-caracteristicas h3.elementor-image-box-title {padding-bottom: 10px;border-bottom: 1px solid #FFF;margin-bottom: 10px;}
.materiales-img-slider .swiper-button:after, .swiper-button-prev:after, .swiper-button-next:after{font-family: 'icons-pd';content: "\e807";}
.materiales-img-slider .swiper-button-prev:after, .swiper-button-prev:after{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}

.materiales-seccion-desplegables h4.elementor-iqit-banner-title {padding-bottom: 10px;border-bottom: 1px solid #1B1E1F;margin-bottom: 10px;}
.materiales-seccion-desplegables .elementor-widget-banner, .materiales-seccion-desplegables .elementor-widget-container, 
  .materiales-seccion-desplegables .elementor-iqit-banner, .materiales-seccion-desplegables a, 
  .materiales-seccion-desplegables .elementor-iqit-banner-content {height: 100%;}
.materiales-seccion-desplegables .elementor-button-link {border: none; padding-bottom: 0;}
.materiales-seccion-desplegables .elementor-iqit-banner-content > div:last-child {position: absolute;width: 100%;bottom: 0;}
.materiales-seccion-desplegables .elementor-iqit-banner-content {padding-bottom: 45px;}
.materiales-seccion-desplegables .elementor-button-icon {float: none;}
.materiales-seccion-desplegables i:before {font-size: 30px;}
.materiales-seccion-desplegables .bloque-desplegable {position: relative;}

.materiales-img-overflow  img {position: absolute; top: -100px;left: -100px;}
.materiales-seccion-iconosseguridad p {margin-bottom: 0 !important;}
.materiales-botonlinea .elementor-button-wrapper{position: absolute;display: block;width: 100%;bottom: -20px;}

/* PAGINA ARTICULO */
.articulosRelacionados .text-muted { display:none !important; }
.articulosRelacionados .simpleblog__listing__post__wrapper .simpleblog__listing__post__wrapper__content h3 {margin-top:30px !important;}
.articulosRelacionados .simpleblog__listing__post__wrapper .simpleblog__listing__post__wrapper__content h3 a {font-size:20px !important;}
.articulosRelacionados .simpleblog__listing__post__wrapper .simpleblog__listing__post__wrapper__content p {display:none !important; }

/* COMUNES */
.button-rounded-corner a {padding: 9px 30px;border-radius: 20px;border: none;}
.button-inline-right {float: right;margin-left: 10px;}
.button-inline-left {float: left;margin-right: 10px;}
.texto-con-linea-left .elementor-widget-container {margin-left: -100px !important; padding-left: 100px !important;}
.texto-con-linea-right .elementor-widget-container {margin-right: -500px !important; padding-right: 500px !important; padding-bottom:30px; 
   border-bottom: 1px solid #1B1E1F;}
.seccion-con-linea-right {margin-right: -500px !important; padding-right: 500px !important; border-bottom: 1px solid #1B1E1F;}
.imgfullwidth img {width: 100%;}
.img-fit * {height: 100%;}
.img-fit img {object-fit: cover; height: 100%;}
.links-sobre-linea .elementor-divider {position: absolute;display: block;width: 100%;bottom: -65px; }
.link-chevron-right .fa-chevron-right::before {font-family: 'icons-pd';content: "\e807";}

/* CMS BLOG */
.cmsBlogCarrousel { width: auto !important; }
.cmsBlogCarrousel .elementor-blog-carousel.swiper-container {position: relative; height:60px; }
.cmsBlogCarrousel .swiper-wrapper{animation: slide 100s linear infinite; position: absolute; transform: translate3d(0, 0, 0); display:inline-flex; width: auto !important; overflow: visible;  }
.cmsBlogCarrousel .swiper-slide {width: auto !important; float: left; display: inline-block; margin-right:30px; }
.cmsBlogCarrousel .swiper-slide img,
.cmsBlogCarrousel .swiper-slide p,
.cmsBlogCarrousel .swiper-slide .text-muted {display:none !important; }
.cmsBlogCarrousel .swiper-slide .card-block {margin: 0 !important; padding:0 !important;  }
.cmsBlogCarrousel .swiper-slide h3 {margin: 0 !important; padding:0 !important; }
.cmsBlogCarrousel .swiper-slide h3 a {font-size:14px !important; font-weight: 400;}
.cmsCustomStorySlider.active { opacity:1; position: relative !important; transition: opacity 0.3s; }
.cmsCustomStorySlider {opacity:0; position: absolute !important; transition: opacity 0.3s; }
  
@keyframes slide {
  0%   { transform: translate(0%, 0); }
  100% { transform: translate(-100%, 0); }
}

#cmsStoryContainer{ position:relative; transition: all 0.3s; background:#24272A; width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%; overflow: hidden; }
#cmsStoryContainer .cmsCustomStorySlider {background:#24272A !important;}
  #cmsStoyContainerDots { position: absolute; bottom:30px; text-align: center; z-index:1; width:100%;}
    #cmsStoyContainerDots li { display:inline-block; margin-left:10px; margin-right:10px; }
    #cmsStoyContainerDots li a {background:transparent; width:18px; height:18px; border:3px solid #FFF; border-radius: 9px; cursor: pointer; display: inline-block; cursor:pointer;}
      #cmsStoyContainerDots li a.active {background:#FFF;}
  
  #cmsStoryContainerPrev {position: absolute; bottom:30px; right:50px; z-index:1; display: inline-block; width:50px; height:50px; cursor:pointer; }
    #cmsStoryContainerPrev:before { position:relative; top:5px;right:5px; font-family:'icons-pd';content: "\e807"; color:#FFF; display: inline-block; width:50px; height:50px; font-size:40px; }
    
  #cmsStoryContainerNext {position: absolute; bottom:30px; left:50px; z-index:1; display: inline-block; width:50px; height:50px; cursor:pointer; } 
    #cmsStoryContainerNext:before { position:relative; top:-21px;left:0px;font-family:'icons-pd';content: "\e807"; color:#FFF; display: inline-block; width:50px; height:50px;font-size:40px; transform:rotate(180deg)}
      
.historiasAnteriores{position: relative; top: 6px; background: #24272A; width: auto; float: right; display: inline-block; padding-left: 50px; padding-right: 50px;}
  .historiasAnteriores:after{content:""; display:inline-block; width:20px; height:20px; position: absolute; left:4px; top:7px; border-left:1px solid #FFF; transform: rotate(40deg)}
  
/* DESCUBRIENDO PAREDES */
.descubriendo-botonlinea .elementor-button-wrapper{position: relative;display: block;width: 100%;bottom: -20px;z-index: 1}

.descubriendoShowRutas,
.descubriendoShowColaboradores,
.descubriendoShowUbicaciones { cursor: pointer; padding: 0.2rem 1rem;}

.descubriendoShowRutas.activo ,
.descubriendoShowColaboradores.activo ,
.descubriendoShowUbicaciones.activo {
  background-color: var(--color-corp);
  color: #fff;
}
.descubriendoShowRutas.activo .elementor-image-box-img img,
.descubriendoShowColaboradores.activo .elementor-image-box-img img,
.descubriendoShowUbicaciones.activo .elementor-image-box-img img {
  filter: invert(1);
}

.descubriendoRutasList { display:none; }
.descubriendoColaboradoresList { display:none; }
.descubriendoUbicacionesList { display:none; }

.descubriendoRutasList.activo,
.descubriendoColaboradoresList.activo,
.descubriendoUbicacionesList.activo { display:inline-block;}

.descubriendoRutasList .text-muted, .descubriendoColaboradoresList .text-muted, .descubriendoUbicacionesList .text-muted { display:none; }

.descubriendoRutasList .simpleblog__listing__post__wrapper h3,
.descubriendoColaboradoresList .simpleblog__listing__post__wrapper h3,
.descubriendoUbicacionesList .simpleblog__listing__post__wrapper h3{text-align: center; width: 100%; padding-top:20px;}

.descubriendoRutasList .simpleblog__listing__post__wrapper .simpleblog__listing__post__wrapper__content p ,
.descubriendoColaboradoresList .simpleblog__listing__post__wrapper .simpleblog__listing__post__wrapper__content p ,
.descubriendoUbicacionesList .simpleblog__listing__post__wrapper .simpleblog__listing__post__wrapper__content p { padding-left: 30px; padding-right:30px; display:inline-block !important; }

/* CMS VARIOS */
.materiales-seccion-desplegada {display:none; }
.materiales-seccion-desplegada.activo {display:inline-block !important; }
.goNextPrev{overflow: hidden;}
.goNextPrev:after { position: absolute; content:""; border-left:1px solid #24272a; height:180px; width: 0px; top: -4px; left: 50%; transform: rotate(15deg); }

.materiales-seccion-desplegada a.elementor-button-link {border: none;}
.button-inline-right {margin-bottom: 10px; }
.button-inline-left {margin-bottom: 10px;}
.materiales-img-overflow img {position: relative;}
p.autor-cita {margin-top: 40px; font-size: 22px;}
.asisomos-seccion-poema p {margin-bottom: 2px;}
.asisomos-texto-sobre-linea .elementor-widget-text-editor {position: relative; bottom: -35px;display: inline-block;}
.asisomos-texto-sobre-linea .elementor-widget-wrap {text-align: center;}

/*WIDGET ELEMENTOR*/
.elementor-accordion .elementor-accordion-item {
  border-bottom-width: 1px !important;
}
.elementor-accordion .elementor-accordion-title .elementor-accordion-icon .fa:before {
  font-family: "icons-pd";
  content: "\e809";
  font-size: 0.8rem;
  line-height: 35px;
}
.elementor-accordion .elementor-accordion-title.active .elementor-accordion-icon .fa:before {
  content: "\e80a";
}
.accordion-title-only-img .elementor-accordion-title {
  padding: 20px 5px 5px;
}
.accordion-title-only-img .elementor-accordion-title img {
  position: relative;
  top: -5px;
}
.accordion-title-img .elementor-accordion .elementor-accordion-title {
  padding: 5px 5px 5px;
}