/* 
Theme Name: Hotel al DÒS Theme 
Theme URI: https://hotelaldostrento.it/
Author: Pump Communication
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
*/

/*** GENERAL ***/

  
  html a {
    transition: .3s all ease-out;
  }
  
  html input[type=date],
  html input[type=email],
  html input[type=number],
  html input[type=password],
  html input[type=search],
  html input[type=tel],
  html input[type=text],
  html input[type=url],
  html select,
  html textarea {
      border-color: #000;
  }
  
  html input[type=date]:focus,
  html input[type=email]:focus,
  html input[type=number]:focus,
  html input[type=password]:focus,
  html input[type=search]:focus,
  html input[type=tel]:focus,
  html input[type=text]:focus,
  html input[type=url]:focus,
  html select:focus,
  html textarea:focus {
      border-color: #846A48;
  }

  html .elementor-kit-6 .swiper-slide a:hover {
    font-weight: 400!important;
  }

  .em-text-italic {
    font-family: "amifer italic", sans-serif;
  }

  /*** LAYOUT ***/
  

  /*** HEADER ***/

  header {
    z-index: 9999;
  }

  .site-header .header-inner,
  .site-footer .footer-inner {
    width: 1920px;
    max-width: 100%;
    padding: 0 3rem;
  }

  .site-header .header-inner .site-branding .site-logo img {
    width: 74%;
  }

  .site-header .site-navigation ul.menu li a {
    font-size: 1.75rem;
  }

  .site-header .site-navigation ul.menu li a:hover {
    opacity: .65;
  }

  .site-navigation ul.menu li.CTA a {
    display: block;
    background-color: #9BB563;
    color: white;
    padding: .75rem 1.5rem;
    border-radius: 30px;
    line-height: 1;
    font-weight: 700;
  }

  .site-navigation ul.menu li.CTA a:hover {
    background-color: #AFC977;
    color: white;
    font-weight: 700;
    opacity: 1;
  }

  .site-navigation ul.menu li.lang-item-it {
    margin-left: 1rem;
  }

  .site-navigation ul.menu li.lang-item-it a,
  .site-navigation ul.menu li.lang-item-en a {
    padding-right: 0;
  }

  .site-navigation ul.menu li.lang-item-en a {
    padding-left: 11px;
  }
  
  /* Top bar */
  
  /* End Top bar */
  

  /*** FOOTER ***/

  .site-footer {
    background-color: #9BB563;
    color: white;
    padding: 1rem 0 0;
    background: url('https://hotelaldostrento.it/wp-content/uploads/2026/03/footer-widgets-bg.svg') no-repeat center;
  }
  
  .site-footer .footer-widget {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }

  html:lang(it) .site-footer .widget-item:nth-child(3) {
    display: none;
  }

   html:lang(en) .site-footer .widget-item:nth-child(2) {
    display: none;
  }

  .site-footer .widget-item {
    width: 25%;
  }

  .site-footer .widget-item .wp-block-image {
    margin: 0;
    height: 104px;
  }

  .site-footer .widget-item .wp-block-image img {
    width: 64%;
  }

  .site-footer .widget-item h2 {
    font-size: 2.188rem;
    margin-top: 0;
    list-style: 1;
    color: white;
  }

  .site-footer .widget-item:nth-child(2),
  .site-footer .widget-item:nth-child(3),
  .site-footer .widget-item:nth-child(4) {
    text-align: center;
  }

  .site-footer .widget-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .site-footer .widget-item li {
    font-size: 1.125rem;
  }

  .site-footer .widget-item li a {
    color: white;
  }

  .site-footer .widget-item li a:hover {
    text-decoration: underline;
    font-size: 1.125rem;
  }
  
  .site-footer .footer-inner .copyright {
    flex-basis: 100%;
    justify-content: center;
    padding: .5rem 0;
    border-top: 1px solid #AFC977;
  }

  .site-footer .footer-inner .copyright p {
    font-size: 1.125rem;
  }

  html:lang(it) .site-footer .footer-inner .copyright .cp-en {
    display: none;
  }

  html:lang(en) .site-footer .footer-inner .copyright .cp-it {
    display: none;
  }

  
  /*** HOME ***/

  /* Hero section */

  .home #hero-section::after {
    content: "";
    background-image: url('https://hotelaldostrento.it/wp-content/uploads/2026/03/onde.svg');
    background-position: center;
    width: 100%;
    height: 188px;
    z-index: 99999;
    position: absolute;
    bottom: -88px;
  }


  /* Section camere */

  .home #section-camere #uc_uc_material_bullets_elementor_729b579 .ue-icon-wrapper,
  .home #section-camere #uc_uc_material_bullets_elementor_8938c0c .ue-icon-wrapper {
    margin-right: 1rem;
  }

  .home #section-camere .uc_material_bullets_row.uc-bullet-active .ue-icon,
  .home #section-camere .uc_material_bullets_row:hover .ue-icon {
    color: white;
    border: none;
  }

  .home #section-camere #uc_uc_material_bullets_elementor_729b579 .ue-icon,
  .home #section-camere #uc_uc_material_bullets_elementor_8938c0c .ue-icon {
    line-height: 1;
    padding-bottom: .25rem;
    width: 55px;
    height: 55px;
  }
  
  .home #section-camere .slider-selector-column .cta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }


  /* Sections Spa */

  .home #section-spa-services-01 .separator-logo .elementor-widget-image img {
    width: 150px;
  }

  .home #section-spa-services-01 .sauna {
    margin-left: auto;
    margin-right: 9rem;
  }

  .home #section-spa-services-02 .jacuzzi {
    margin-left: 9rem;
    margin-right: auto;
  }
  


  
  /*** PAGINE INTERNE ***/

  /* Informativa sui cookie */

  .informativa-sui-cookie header {
    background-color: #9BB563;
  }
  
  /*** FORMS ***/


  .fluentform .ff-el-group .ff_t_c {
    position: relative;
    top: -.25rem;
  }
  
  
  /*** PLUGINS ***/

  /* Amelia */

  html .amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-number {
    font-size: 1.25rem;
  }
  
  /* Scroll Marquee */

  /* Specchia il contenitore esterno — il JS rimane libero di animare .uc-items-wrapper */
  #uc_scroll_marquee_elementor_46c1c1e {
    transform: scaleX(-1);
  }

/* Contro-specchia ogni item per le immagini normali */
  #uc_scroll_marquee_elementor_46c1c1e .ue-scroll-marquee-item {
    transform: scaleX(-1);
  }
  
  /*******************************/
  /***** MEDIA QUERIES ***********/
  /*******************************/
  
  /**************/
  /*** Laptop ***/
  /**************/
  
  /* ----------- Non-Retina Screens ----------- */
  
  /* --- Old Laptops --- */
  
  @media screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px)
    and (orientation:landscape)
    and (-webkit-min-device-pixel-ratio: 1) {

      /*** HEADER ***/

      .site-header .header-inner, .site-footer .footer-inner {
        padding: 0 2rem;
      }   
    }

  
    /* -- Acer Swift 3 SF314-54 -- */
  
    @media (min-device-width: 1280px)
    and (max-device-width: 1536px) {

      /*** HEADER ***/

       .site-header .site-navigation ul.menu li.CTA a {
        padding: 8px 15px;
        line-height: 1.2;
       }

      .site-header .site-navigation ul.menu li a {
        font-size: 1.15rem;
        padding: 8px 10px;
      }

      /*** HOME ***/

      .home #section-spa-services-01 .separator-logo .elementor-widget-image img {
        width: 100px;
      }
    }
  
  @media screen 
    and (min-device-width: 1440px) 
    and (max-device-width: 1600px) 
    and (-webkit-min-device-pixel-ratio: 1) {

      /*** HEADER ***/

      .site-header .header-inner, .site-footer .footer-inner {
        padding: 0 2rem;
      }

      .site-header .site-navigation ul.menu li a {
        font-size: 1.5rem;
      }
  }
  
  
  /* ----------- Retina Screens ----------- */
  
  @media screen 
    and (min-device-width: 1440px) 
    and (max-device-width: 1600px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (min-resolution: 192dpi) {

      /*** HEADER ***/

      .site-header .header-inner, .site-footer .footer-inner {
        padding: 0 2rem;
      }

      .site-header .site-navigation ul.menu li a {
        font-size: 1.5rem;
      }

      /*** HOME ***/

      .home #section-spa-services .separator-logo .elementor-widget-image img {
        width: 100px;
      }

      .home #section-spa-services-01 .separator-logo .elementor-widget-image img {
        width: 120px;
      }
  }
  
  
  /************/
  /***Tablet***/
  /************/
  
  
  /* ----------- iPad 1, 2, Mini and Air ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) {

      html .site-navigation-toggle-holder {
        display: none;
      }

      #rmp_menu_trigger-1564 .responsive-menu-pro-inner,
      #rmp_menu_trigger-1564 .responsive-menu-pro-inner::before,
      #rmp_menu_trigger-1564 .responsive-menu-pro-inner::after {
        background-color: white;
      }
  }
  
  
  /* ----------- iPad 3, 4 and Pro 9.7" ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 2) {
      html .site-navigation-toggle-holder {
        display: none;
      }
  }
  
  
  /* ----------- iPad Pro 10.5" ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 834px) 
    and (max-device-width: 1112px)
    and (-webkit-min-device-pixel-ratio: 2) {
      html .site-navigation-toggle-holder {
        display: none;
      }
  }
  
  /* Portrait */
  /* Declare the same value for min- and max-width to avoid colliding with desktops */
  /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
  @media only screen 
    and (min-device-width: 834px) 
    and (max-device-width: 834px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  /* Landscape */
  /* Declare the same value for min- and max-width to avoid colliding with desktops */
  /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
  @media only screen 
    and (min-device-width: 1112px) 
    and (max-device-width: 1112px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  
  /* ----------- iPad Pro 12.9" ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1366px)
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  
  
  /**************/
  /*** Mobile ***/
  /**************/
  
  /* -----------  ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 812px)
    and (-webkit-min-device-pixel-ratio: 2) {

      /*** HEADER ***/

      html .site-navigation-toggle-holder {
        display: none;
      }

      html #rmp_menu_trigger-1564 .responsive-menu-pro-inner,
      html #rmp_menu_trigger-1564 .responsive-menu-pro-inner::before,
      html #rmp_menu_trigger-1564 .responsive-menu-pro-inner::after {
        background-color: white;
      }

      .site-header .header-inner,
      .site-footer .footer-inner {
        width: 100%;
      }

      .site-header .header-inner .site-branding {
        width: 40%;
      }

      .site-header .header-inner .site-branding .site-logo img {
        width: 100%;
      }

      .site-header .header-inner,
      .site-footer .footer-inner {
        padding: 0 1.5rem;
      }

      /* Nav */

      html #rmp-menu-title-1564 {
        display: none;
      }

      html #rmp-container-1564 {
        max-width: 100%;
        width: 100%;
      }

      html #rmp-menu-wrap-1564 {
        width: 100%;
        height: 100svh;
        display: flex;
        align-items: center;
      }

      html #rmp-menu-wrap-1564 .rmp-menu-item-link {
        color: black;
        padding-right: 5%;
      }

      html #rmp-menu-wrap-1564 .CTA .rmp-menu-item-link {
        display: block;
        background-color: #9BB563;
        color: white;
        padding: .75rem 1.5rem;
        border-radius: 30px;
        line-height: 1.2;
        font-weight: 700;
        margin-bottom: 3rem;
      }

      html #rmp-menu-wrap-1564 .lang-item-it,
      html #rmp-menu-wrap-1564 .lang-item-en {
        height: 45px;
      }

      html #rmp_menu_trigger-1564.is-active .responsive-menu-pro-inner,
      html #rmp_menu_trigger-1564.is-active .responsive-menu-pro-inner::after {
        background-color: black;
      }

      /*html .rmp-menu-social-icons {
        margin-top: auto;
        display: none;
      }*/

      html .rmp-social-icons-list li {
        width: 50px;
      }

      header .site-navigation-toggle-holder .site-navigation-toggle {
        background-color: transparent;

      }

      header .site-navigation-toggle-holder .site-navigation-toggle-icon:before,
      header .site-navigation-toggle-holder .site-navigation-toggle-icon:after {
        background-color: white;
      }
      
      header.site-header .site-navigation-toggle .site-navigation-toggle-icon {
        color: white;
      }

      header .site-navigation-dropdown ul.menu {
        background: rgba(0, 0, 0, 0.9);
      }

      header .site-navigation-dropdown ul.menu li,
      header .site-navigation-dropdown ul.menu li a {
        background: transparent;
        color: white;
      }


      /*** HOME ***/

      .home #hero-section,
      .home #hero-section-mobile {
        position: relative;
        z-index: 1;
      }

      .home #hero-section::after {
        background: url('https://hotelaldostrento.it/wp-content/uploads/2026/03/onde-mobile.svg') no-repeat center;
        height: 40px;
        bottom: -4px;
      }

      .home #uc_uc_material_bullets_elementor_8938c0c .ue-bullets {
        display: flex;
      }

      .home #uc_uc_material_bullets_elementor_8938c0c.uc-remote-parent .uc_material_bullets_row {
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: flex-start;
      }

      .home #section-camere #uc_uc_material_bullets_elementor_8938c0c .ue-icon-wrapper {
        margin-right: 0;
      }

      .home #section-camere #uc_uc_material_bullets_elementor_8938c0c .ue-icon {
        width: 35px;
        height: 35px;
      }

      .home #section-camere #uc_uc_material_bullets_elementor_8938c0c .ue-icon-text {
        font-size: 1.25rem;
      }

      .home #uc_uc_material_bullets_elementor_8938c0c .uc_content_box {
        margin-top: .25rem;
      }

      .home #uc_uc_material_bullets_elementor_8938c0c .uc_content_box .ue-title {
        line-height: 1;
      }

      .home #section-spa-services-01 .sauna {
        margin-left: auto;
        margin-right: 0;
      }

      /*** FOOTER ***/

      .site-footer {
        background-color: #9BB563;
        padding-top: 3rem;
      }

      .site-footer .footer-widget {
        flex-direction: column;
      }

      .site-footer .widget-item {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
      }

      .site-footer .widget-item .wp-block-image {
        height: auto;
      }
   
  }