/*
Theme Name: Interactivos BlankCloud
Theme URI: https://blankcloud.ar
Description: Theme Desarrollado por BLANKSPOT para https://blankcloud.ar
Author: BLANKSPOT
Author URI: https://blankspot.com.ar/
Tags:  microformats, rtl-language-support, editor-style, custom-menu
Version: 1.0
License: GPL
License URI: https://blankspot.com.ar/
 */




 * {
font-family: 'Oswald', sans-serif;    
}
body {
    background-color: #8ab4f8;
    color:#1f2a2a;
}

#lineadetiempo {
    max-width: 760px;
    width: 75%;
    margin: 0 auto;
    background-color: #8ab4f8;
}

#lineadetiempo .fecha {
    position: absolute;
    bottom: 0;
    margin-left: -20px;
}
#lineadetiempo .carousel-inner, #lineadetiempo .mapa {

background-color: #DFDEDD;
}

#lineadetiempo .imageCaption {
    max-width: 100%;
}

#lineadetiempo .carousel-caption {
    position:relative;
    left:inherit;
    right:inherit;
    padding-top:40px;
    text-align:left;
  
}

#lineadetiempo .carousel-caption h4 {
font-size:16px;
line-height: 1;
}

#lineadetiempo .carousel-caption h5 {
    font-size: 18px;
    line-height: 1;
}

#lineadetiempo .carousel-caption .textoDestacado {
    margin-left:15px;
}
#lineadetiempo .carousel-caption .textoDestacado .categoriaNombre {
    font-size: 14px;
}
#lineadetiempo .carousel-caption .textoDestacado .title {
font-size:16px;
}
#lineadetiempo .carousel-caption .textoDestacado .fechaDestacada {
    font-size: 18px;
}

#lineadetiempo i {
    font-size:78px;
    color:#F0503B;
    position: relative;
    float:left;
}

#lineadetiempo i.fa-circle-play {
        left: 50%;
        margin-left: -39px;
        margin-top: 50px;
        color:#DFDEDD;
        top:50%;
        margin-top:-39px;
}

#lineadetiempo i span.letra {
font-size:48px;
color:#DFDEDD;
position:absolute;
top:6px;
left:16px;
text-shadow:inherit;

}

.nav-link {
    position: relative;
}

.nav-link:hover .tooltipMenu {
display: block;
}

.tooltipMenu {
    display: none;
    position:absolute;
    top:-45px;
    left:-25px;
    text-align: center;
    width: 110px;
    padding:10px;
    background-color: #F0503B;

}
.carousel-indicators [data-bs-target] {
    height:70px;
    width:15px;
    margin-right:15px;
    margin-left:15px;
}

.carousel-indicators span {
    text-indent: inherit !important;
    color: #DFDEDD;
}


.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #fc4f38;
}

.timeline-dots-wrap {
    position: relative;
    height: 127px;
    overflow: hidden;
    z-index:0;
    width: 100%;
    text-align: center;
}

.timelineIndex {
        background-color: #1f2a2a;
        text-align: center;

}

.btn-ldt {
    color:#4352c2;
}

.btn-ldt:hover {
    color: #DFDEDD;
}
.carousel-indicators {
    z-index: 2;
    height: 127px;
    margin-bottom:-6rem;
    margin-left: 0;
    margin-right: 0;
    bottom: inherit;
    position: absolute;
    width: 1750px;
    top:0;
    left:0;
    transition: all 1s ease-in-out;
    justify-content: left;
    margin-left:45%;
    
}

.carousel-indicators .active .fecha {
    color:#48e55f;
	top:100px;
}

.carousel-indicators .active {
    opacity: 1;
    height: 100px!important;
    top: -30px!important;
    position: relative;
    background-color: #DFDEDD!important;
}

#mapa {
    left:0;
    right:0;
    transition: all 1s ease-in-out;
}



#lineadetiempo .carousel-inner {
    padding-top:30px;
}


.question {
    background: #1f2a2a;
    color: #fff;
}

 

.box {
    width: 100%;
    height: 12px;
    background: repeating-linear-gradient(-45deg, #fc4f38, #fe9183 100%);
    position:absolute;
    top:40px;
    z-index:-1;
}

#lineadetiempo .navbar-nav i, #filtros-mapa .navbar-nav i
{
    font-size:32px;
    color:#fff;
}

#lineadetiempo .navbar-nav .nav-item a, #filtros-mapa .navbar-nav .nav-item a{
    padding:5px 15px;
}


.modal-dialog {
  display:table;
  width: 450px !important;
  max-width: 96%;
}

#lineadetiempo .navbar-nav .nav-item a i.fa-plus,#filtros-mapa .navbar-nav .nav-item a i.fa-plus {
    color:#48e55f;
}

#lineadetiempo .navbar-nav .nav-item a i.fa-map-marker-alt, #filtros-mapa .navbar-nav .nav-item a i.fa-clock {
    color: #fc4f38;
}

.imh-6310-hover-content {
    z-index:1000 !important;
}

.filtros {
        align-items: center !important;
        justify-content: center !important;
        }

button.btn.btn-primary.video-btn {
    max-width: 250px;
    background-color: #F0503B;
}

.dropdown-menu[data-bs-popper] {
    bottom:100%;
    top: inherit !important;
}

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color:#8ab4f8;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:999999;

}

.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 4px solid #fc4f38;
    animation: loader 2s infinite ease;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fc4f38;
    animation: loader-inner 2s infinite ease-in;
}

.list-group-item {
    background-color: inherit;
}

i.fa-play {
    display: block;
    clear: both !important;
    line-height: 30px;
    color: #4352c2;
    font-size: 30px;
}

.imh-6310-point-icons {
    opacity: 90%;
}

.imh-6310-point-icons:hover {
    opacity: 100% !important;
}

  #menu-fixed {
      opacity: 0;

  }

  div.w-75.mx-auto.mt-2 {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100vw !important;
      margin: 0 !important;
  }

  .modal-body {
      width: 80vw;
      height: 80vh;
      padding: 1vh 2vw;
  }

  .embed-responsive-item {
      height: 74vh;
  }

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}



@media (max-width:760px) {

    .modal-content {
            width: 96vw;
            height: 80vh;
        }
    
        .embed-responsive-item {
            height: 74vh;
            width: 91vw;
            padding: 1vh 4vw;
        }
    .modal-dialog {
        padding: 0 !important;
    }

  #menu-fixed {
      opacity: 0.8;
  }
  
  #menu-fixed  .list-group {
      display: block !important;
  } 

   #menu-fixed .list-group .list-group-item {
       position:relative;
   }
          #menu-fixed .list-group .list-group-item a {
              
             padding: 10px 20px;
          }
                  #menu-fixed .list-group .list-group-item a i{
                      font-size: 1em;

                  }


  .imh-6310-main-image {
      width: 1600px !important;
      height: auto !important;
  }

  .imh-6310-annotation-box {
      height: auto !important;
  }

   #mapa {
    transform:translateX(-600px);
   }

    #lineadetiempo .carousel-inner,

    #lineadetiempo {
        width:100% !important;
    }
    
     .iconoCategory {
         display: none !important;
     }

        #lineadetiempo .carousel-caption .textoDestacado .fechaDestacada {
            font-size: 14px;
        }

                #lineadetiempo .carousel-caption .textoDestacado .title {
                    font-size: 14px;
                }
}

@media (max-width: 900px){
    #menu-fixed {
        opacity: 0.8;
    }
    #menu-fixed .list-group {
        display: block !important;
    }
}



.customize-support h2 {
  font-size: 2em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}

.customize-support p {
    font-family: 'Open Sans', sans-serif;
  font-size:1em;
}