/* 

============ PARALLAX ============

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 60vh;
}

.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax-container .parallax img {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  transform: translate3d(0, 0, 0);
  transform: translateX(-50%);
}

main {
  overflow: hidden;
}

============ HTML ============

<div class="parallax-container">
  <div class="parallax"><img src="img/imagen.jpg"></div>
</div>

*/

/**********************************************************/
/************************* CUSTOM *************************/
/**********************************************************/

@font-face {
  font-family: Visby_Medium;
  src: url(../fonts/visbycf-medium.otf);
}

@font-face {
  font-family: Visby_Bold;
  src: url(../fonts/visbycf-bold.otf);
}

body {
  font-family: Visby_Medium;
}

h1, h2, h3, h4, h5, h6, strong {
  font-family: Visby_Bold;
}

.logos-ancho{
  width: 20rem;
}

.page-template-page-inicio{
  background-image: url(../img/bg1.jpg);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.page-template-page-inicio main {
  padding: 30vh 0;
}

.page-template-page-inicio footer div #logos-footer {
  filter: brightness(0) invert(1);
}

.page-template-page-galeria footer div #logos-footer, .page-template-page-mapa footer div #logos-footer, .page-template-page-linea-tiempo footer div #logos-footer {
  filter: brightness(0) invert(1);
}

.page-template-page-galeria main, .page-template-page-mapa main{
  padding: 10vh 0;
}

.page-template-page-linea-tiempo main{
  padding: 10vh 5vh;
}

nav #main-menu a {
  color: white;
}

.page-template-page-galeria, .page-template-page-mapa, .page-template-page-linea-tiempo{
  background-image: url(../img/bg2.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.boton-naranja{
  background-color: #ff7300;
  transition: all 0.3s ease;
}
.boton-naranja:hover {
  transform: scale(1.1);
  background-color: #ff7300;
}

.activo-naranja, .text-naranja{
  color: #ff7300;
}

.page-template-page-inicio nav .logo{
  display: none;
}

.post-template-single-propiedad nav {
  background-image: url(../img/bg1.jpg);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  min-height: 50vh;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
}

.post-template-single-propiedad footer div {
  text-align: center !important; 
}

.fs-titulo{
  font-size: 6rem;
}

.banner-propiedad{
  height: 700px;
  object-fit: cover;
}

.margen-negativo-nav{
  margin-top: -14rem;
  z-index: 2;
  width: 85%;
}

.margen-negativo-btn{
  margin-top: -1.5rem;
  position: relative;
  z-index: 4;
}

.imagen-vertical {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.iframe-tour {
  height: 600px;
}

.has-medium-font-size {
  font-size: 16px !important;
}

#img-propiedad {
  height: 200px;
  object-fit: cover;
}

#tb_post_layouts-0ff24b54-fa34-4915-b3d9-91084f43229a .tb-timeline-excerpt a.tb-blogpost-link, div.tb-text-only{
  color: #ff7300 !important;
  font-weight: bold !important;
  font-size: medium;
}

.tb-image a img {
  width: 100%;
  height: auto;
}

.tb-timeline-title{
  background-color: #ff7300 !important;
  margin: 0 !important;
}

.tb-timeline-excerpt p{
  margin: 0 auto;
  padding: 2vh 0;
}

.tb-timeline-bototm-wrap{
  display: none;
}

.tb-timeline-template1:before{
  background-color: #ff7300 !important;
}

.tb-timeline-template1 .tb-timeline-item .tb-timeline-content:before{
  border-left: 7px solid #ff7300;
}

.tb-timeline-template1 .tb-timeline-item:nth-child(even) .tb-timeline-content:before{
  border-right: 7px solid #ff7300;
}

@media (max-width: 768px) {
  
  #main-menu{
    background-color: #5f2414;
    z-index: 8; 
  }

  .logos-ancho{
    width: 100%;
  }

  .fs-titulo{
    font-size: 2.5rem;
  }

  .margen-negativo-nav{
    margin-top: -13rem;
  }

  .tb-timeline-template1 .tb-timeline-item .tb-timeline-content:before, .tb-timeline-template1 .tb-timeline-item:nth-child(even) .tb-timeline-content:before, .tb-timeline-template1 .tb-timeline .tb-timeline-item .tb-timeline-content:before{
    border-left: none;
    border-right: none;

  }
}