/*
Theme Name: UPLS
Description: Theme enfant de Hello Elementor
Author: Anthony NIM
Author URI: https://netinfosmedias.com
Template: hello-elementor 
Version: 0.1.0
*/

.elementor-posts-container .elementor-post {
  transition: all 0.25s !important;
}

.elementor-posts-container .elementor-post:hover {
  transform: scale(1.03);
}
.elementor-post__title,
.elementor-post__excerpt {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Media queries */

@media screen and (max-width: 1196px) {
  #block_alert {
    padding: 0 20px;
  }
  #title_map {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .elementor-post__text {
    padding: 0 20px;
  }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  #block_alert {
    margin: 250px auto auto auto;
    padding: 20px;
    border-color: #d4dcde;
    border-style: solid;
    border-width: 1px 0 1px 0;
  }
}

@media screen and (max-width: 767px) {
  #navbar_custom {
    position: fixed;
    bottom: 2%;
    right: 2%;
  }

  .elementor-nav-menu--dropdown {
    bottom: 65px;
    top: auto !important;
    max-height: 80vh !important;
    overflow: scroll !important;
  }

  body
    .elementor-21
    .elementor-element.elementor-element-5b2dbfa
    .elementor-menu-toggle {
    -webkit-box-shadow: 0px 10px 13px -7px #00000059,
      5px 7px 12px -3px rgba(0, 0, 0, 0);
    box-shadow: 0px 10px 13px -7px #00000059, 5px 7px 12px -3px rgba(0, 0, 0, 0);
    bottom: 2%;
    right: 2%;
  }

  .elementor-nav-menu ul {
    width: 80%;
    margin: auto;
  }

  body .elementor-nav-menu li {
    padding: 10px 0;
  }

  #map_on_page_canton {
    position: relative;
    z-index: -1;
  }
}

@media screen and (max-width: 640px) {
  #block_alert {
    margin: 50px auto;
    padding: 20px;
    border-color: #d4dcde;
    border-style: solid;
    border-width: 1px 0 1px 0;
  }
}

@media screen and (max-width: 400px) {
  .font_text_banner_one h2 {
    font-size: 70px !important;
  }
}

@media screen and (max-width: 480px) {
  .font_text_banner_two h2 {
    font-size: 60px !important;
  }
}