/*------------------------------------------------------------------------
# Bauhaus Drupal
# ------------------------------------------------------------------------
# Created by Creativia Marketing
# Websites:  https://creativiamarketing.com 
--------------------------------------------------------------------------*/

/* RESET */
.wp-block-column ul,
.wp-block-column ol{
	margin-left: 0 !important;
}
h2, h3, h4, h5, h6{
	margin: 10px 0 !important;
}
p, blockquote{ 
  margin-bottom: 1rem !important; 
}
.center{ 
  text-align: center !important; 
}

/* ELEMENTS */
.wp-block-separator.has-background{
  height: 3px !important;
}

/* HEADER */
.brand img{ 
  margin-top: -20px; 
  height: 80px; 
}
#block-mainnavigationhorizontal ul.menu-list > li,
#block-bauhaus-main-menu .menu-list.right-boxed li{ 
  font-size: 1.2rem;
  font-weight: 400 !important; 
}
#block-bauhaus-main-menu .menu-list.right-boxed{
  bottom: 2rem !important;
}
#block-customblockmaimmenufooter .social-list,
#block-customblockmaimmenufooter .copy{
  display: none !important;
}

/* FOOTER */
.footer.section{ padding-bottom: 20px !important; }
.footer-flex{ align-items: center !important; }
.copyright{ 
  margin-top: 50px;
  color: #777;
  text-align: center;
}
.link-home-footer{
  display: block;
  margin-bottom: 10px;
}
.link-home-footer .img-main-footer{
  max-width: 450px;
}
.link-home-footer .img-secondary-footer{
  max-width: 300px;
}
.sliding-popup-bottom{
  background: #000;
}
.eu-cookie-compliance-content{ margin: 10px auto 0 !important; }
.eu-cookie-compliance-message{ max-width: 80%; }
.eu-cookie-compliance-buttons{ max-width: 20%; }
.eu-cookie-compliance-message p {
  margin: 0 !important;
  line-height: 18px;
  color: #fff;
}
@media (max-width: 1024px) {
  .eu-cookie-compliance-message,
  .eu-cookie-compliance-buttons {
    max-width: 100% !important;
    float: none !important;
    margin-bottom: 10px !important;
  }
}

/* RESPONSIVE */
@media (min-width: 1201px){
  .navbar-toggle{
    display: none !important;
  }
  .etapa .wp-block-columns .wp-block-column:nth-child(1) .title-etapa {
    margin-right: -32px !important;
    padding-right: 32px !important;
  }
  .etapa .wp-block-columns .wp-block-column:nth-child(2) .title-etapa {
    margin-left: -32px !important;
    padding-left: 32px !important;
  }
}
@media (max-width: 1200px){
  .wp-block-columns{ display: block !important; }
  .wp-block-columns .wp-block-column{ width: 100%; margin: 0 0 20px 0 !important; }
  
  #block-mainnavigationhorizontal{ display: none !important; }
  .subtitulo-ruta .wp-block-image .alignright{ float: none !important; }
  .wp-block-video{ text-align: center !important; }
}
@media (min-width: 769px){
  .map-img{ display: none; }
}
@media (max-width: 768px){
  .HYPE_document{ display: none !important; }
  .map-img{ display: block; max-width: 100%; }
}

/* FULL WIDTH */
.full-width{
  margin-left: -1.7rem;
  margin-right: -1.7rem;
  padding-left: 1.7rem !important;
  padding-right: 1.7rem !important;
}
@media (min-width: 768px) {
  .full-width {
    margin-left: -3rem;
    margin-right: -3rem;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .full-width {
    margin-left: -4.2857rem;
    margin-right: -4.2857rem;
    padding-left: 4.2857rem !important;
    padding-right: 4.2857rem !important;
  }
}
.full-width.no-padding{ 
  padding-left: 0 !important; 
  padding-right: 0 !important; 
}

/* HOME */
.rev_slider .tp-revslider-slidesli > p,
.rev_slider .tp-revslider-slidesli img{ width: auto; min-height: 100%; }
.experience-box { margin-top: 40px !important; }
.experience-box .experience-border{
  border-color: #cee002 !important;
}
.row-projects{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.row-projects .col-project{
  flex-basis: 32%;
  margin: .5%;
  overflow: hidden;
  position: relative;
  align-self: stretch;
}
.row-projects .col-project .card-project{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 40px;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .4s ease-out;
}
.row-projects .col-project .card-project .card-link-project,
.row-projects .col-project .card-project .card-overlay-project{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.row-projects .col-project .card-project .card-overlay-project{
  background-color: #000;
  opacity: .3;
  transition: all .4s ease-out;
  z-index: 5;
}
.row-projects .col-project .card-project .card-link-project{
  z-index: 9;
}
.row-projects .col-project .card-project-content {
  position: relative;
  z-index: 7;
}
.row-projects .col-project .card-project .card-project-title{
  font-size: 1.8rem;
  font-weight: 400;
  color: #FFF;
  text-align: center;
}
.row-projects .col-project .card-project:hover{
  cursor: pointer;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.row-projects .col-project .card-project:hover .card-overlay-project{
  opacity: .1;
}
@media (max-width: 1024px){
  .row-projects .col-project{ flex-basis: 48% !important; }
}
@media (max-width: 678px){
  .row-projects .col-project{ flex-basis: 98% !important; }
}

/* RUTAS */
.cabecera-ruta,
.cabecera-ruta .col-img-ruta figure{ margin-bottom: 0 !important; }
.cabecera-ruta .col-img-ruta{ align-self: stretch !important; }
.cabecera-ruta .col-intro-ruta {
    margin: 0 !important;
    padding: 3rem 5rem 5rem;
}
.cabecera-ruta .info-list{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.cabecera-ruta .info-list li i{
  width: 20px;
  margin-right: 5px;
  text-align: left;
}
.subtitulo-ruta .wp-block-columns{ margin-bottom: 0 !important; }
.subtitulo-ruta h3{ margin: 0 !important; font-size: 2rem; font-weight: 400; letter-spacing: 0; }
.HYPE_scene, .HYPE_document{ overflow: visible !important; }
.link-etapa{ display: inline-block; }
.link-etapa a{ text-decoration: none !important; }
.etapa:not(.etapa-1){ display: none; }
.etapa .title-etapa{ padding: 10px; background-color: #F3F3F3; font-size: 1.5rem; font-weight: 400; }
.etapa .full-col-image{ align-self: stretch !important; }
.etapa ol{
  padding-left: 0 !important;
  list-style-position: inside !important;
}

/* Estilos Ruta Albacete */
.subtitulo-ruta.albacete {
  background: rgb(131,58,180);
  background: -moz-linear-gradient(148deg, rgba(131,58,180,1) 0%, rgba(212,13,82,1) 74%);
  background: -webkit-linear-gradient(148deg, rgba(131,58,180,1) 0%, rgba(212,13,82,1) 74%);
  background: linear-gradient(148deg, rgba(131,58,180,1) 0%, rgba(212,13,82,1) 74%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#833ab4",endColorstr="#d40d52",GradientType=1);
}
.etapa-1.albacete .title-etapa{ background-color: #d40d52 !important; color: #FFF !important; }
.etapa-2.albacete .title-etapa{ background-color: #652981 !important; color: #FFF !important; }

/* Estilos Ruta Ciudad Real */
.subtitulo-ruta.ciudad-real {
  background: rgb(0,55,131);
  background: -moz-linear-gradient(148deg, rgba(0,55,131,1) 0%, rgba(219,150,0,1) 74%);
  background: -webkit-linear-gradient(148deg, rgba(0,55,131,1) 0%, rgba(219,150,0,1) 74%);
  background: linear-gradient(148deg, rgba(0,55,131,1) 0%, rgba(219,150,0,1) 74%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003783",endColorstr="#db9600",GradientType=1);
}
.etapa-1.ciudad-real .title-etapa{ background-color: #003783 !important; color: #FFF !important; }
.etapa-2.ciudad-real .title-etapa{ background-color: #db9600 !important; color: #FFF !important; }

/* Estilos Ruta Cuenca */
.subtitulo-ruta.cuenca {
  background: rgb(163,189,49);
  background: -moz-linear-gradient(148deg, rgba(163,189,49,1) 0%, rgba(219,150,0,1) 74%);
  background: -webkit-linear-gradient(148deg, rgba(163,189,49,1) 0%, rgba(219,150,0,1) 74%);
  background: linear-gradient(148deg, rgba(163,189,49,1) 0%, rgba(219,150,0,1) 74%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3bd31",endColorstr="#716859",GradientType=1);
}
.etapa-1.cuenca .title-etapa{ background-color: #a3bd31 !important; color: #FFF !important; }
.etapa-2.cuenca .title-etapa{ background-color: #716859 !important; color: #FFF !important; }

/* Estilos Ruta Guadalajara */
.subtitulo-ruta.guadalajara {
  background: rgb(0,150,219);
  background: -moz-linear-gradient(148deg, rgba(0,150,219,1) 0%, rgba(133,13,91,1) 74%);
  background: -webkit-linear-gradient(148deg, rgba(0,150,219) 0%, rgba(133,13,91,1) 74%);
  background: linear-gradient(148deg, rgba(0,150,219) 0%, rgba(133,13,91,1) 74%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009bdb",endColorstr="#850d5b",GradientType=1);
}
.etapa-1.guadalajara .title-etapa{ background-color: #009bdb !important; color: #FFF !important; }
.etapa-2.guadalajara .title-etapa{ background-color: #850d5b !important; color: #FFF !important; }

/* Estilos Ruta Toledo */
.subtitulo-ruta.toledo {
  background: rgb(88,22,125);
  background: -moz-linear-gradient(148deg, rgba(88,22,125,1) 0%, rgba(47,101,53,1) 74%);
  background: -webkit-linear-gradient(148deg, rgba(88,22,125) 0%, rgba(47,101,53,1) 74%);
  background: linear-gradient(148deg, rgba(88,22,125) 0%, rgba(47,101,53,1) 74%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58167d",endColorstr="#2f6535",GradientType=1);
}
.etapa-1.toledo .title-etapa{ background-color: #58167d !important; color: #FFF !important; }
.etapa-2.toledo .title-etapa{ background-color: #2f6535 !important; color: #FFF !important; }