@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


body, html {
	overflow-x: hidden !important;
}

.div-window {
    max-height: 70vh !important; 
    overflow-y: auto !important;

    /* Hide scrollbar - cross-browser support */
    scrollbar-width: none !important;          /* Firefox */
    -ms-overflow-style: none !important;       /* Internet Explorer/Edge */

    /* Hide scrollbar - WebKit browsers */
}
.div-window::-webkit-scrollbar {
    display: none !important;                  /* Chrome, Safari, Opera */
}

body.home, html.home {
    overflow: hidden !important;
    height: 100vh !important;
}

.div-window {
  scroll-behavior: smooth !important; /* for keyboard or wheel scroll */
}


.bg-transapent-effect {
	background-color: #0c343dd4 !important;
}




.bg-with-opacity {
  opacity: 0.9;
}

.map-div {
    width: 100%;
    height: 100vh;
}




.btn-icon-rotate span.elementor-button-icon {
    transition: .5s;
}

.btn-icon-rotate:hover span.elementor-button-icon {
    transform: rotate(45deg);
}

.title-underline-full{
    position: relative;
}

.title-underline-full::after{
    content: '';
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #ED8467;
}

.title-underline{
    position: relative;
}

.title-underline::after{
    content: '';
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 145px;
    height: 5px;
    background-color: #ED8467;
}

.your-card-text b{
    color: #0C343D;
}

#map-btn{
    position: absolute !important; 
    bottom: 145px !important; 
    left: 50%; 
    transform: translateX(-50%); 
    z-index: 10; 
    background:#ED8467; 
    color:#fff; 
    border: 1px solid #fff;
    padding: 8px 30px; 
    border-radius: 10px; 
    text-decoration: none; 
    font-weight: 500; 
    font-family: "Avenir LT Std", sans-serif !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: .5s;
    text-align: center;
    width: max-content;
}

#map-btn:hover{
    background-color: #0c343d;
}

#lake_timeline .ue_timeline_item:nth-child(odd) .ue_timeline_item_img_wrapper {
    margin-right: 25px;
}

#lake_timeline .ue_timeline_item:nth-child(even) .ue_timeline_item_img_wrapper {
    margin-left: 25px;
}




#lake_timeline .ue_timeline_item:nth-child(odd) .ue_timeline_item_content_main {
    text-align: left;
}

#lake_timeline .ue_timeline_item .ue_timeline_item_content_main .ue_timeline_item_content_inside {
    max-width: 445px;
}

#lake_timeline .ue_timeline_item:nth-child(odd) .ue_timeline_item_content {
    flex-direction: row-reverse !important;
}

#lake_timeline .ue_timeline_item:last-child .ue_timeline_item_icon_line {
    position: relative;
}



#lake_timeline .ue_timeline_item:last-child .ue_timeline_item_icon_line:after {
    position: absolute;
    content: '';
    background-color: #0c343d;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    bottom: 0;
    left: -9px;
}

.species-count-box{
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); /* Safari support */
  background-color: #f1f1f122; /* semi-transparent background */
}

.btn-fix a{
 width: max-content !important;
}





@media only screen and (max-width: 1200px) {

    #lake_timeline .ue_timeline_item .ue_timeline_item_content_main .ue_timeline_item_content_inside {
        max-width: 100%;
    }

}


@media only screen and (max-width: 768px) {

    #lake_timeline .ue_timeline_item:nth-child(odd) {
        flex-direction: row !important;
    }

    #lake_timeline .ue_timeline_item:nth-child(even)  {
        flex-direction: row !important;
    }

    #lake_timeline .ue_timeline_item:nth-child(even) .ue_timeline_item_content_main  {
        text-align: left;
    }

    #lake_timeline .ue_timeline_item_content_main {
        padding-left: 1rem;
    }


}


@media only screen and (max-width: 767px) {

    #map-btn{
        bottom: 105px !important; 
    }

}