/*
	Theme Name: Urban House Theme
	Theme URI: https://urbanhousetrento.com/
	Author: Pump Communication
	Author URI: https://pumpcommunication.com/
    Template: hello-elementor
	Text Domain: hello-elementor
*/

/*** 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;
  }

  /*** LAYOUT ***/
  

  /*** HEADER ***/

  header.site-header {
	z-index: 9999;
  }

  header.site-header .site-navigation ul.menu li a {
	font-family: 'neue-haas-grotesk-display', Arial, Helvetica, sans-serif;
	font-weight: 600;
  }

  header .fa-facebook {
    font-size: 1.65rem;
  }

  header .fa-instagram {
    font-size: 1.85rem;
  }

  header .menu-item.menu-item-59 a {
    padding-right: 7px!important;
  }

  header .menu-item.menu-item-58 a {
    padding-left: 7px!important;
  }

  /* Cover Slider*/

  #urban-cover-slider {
	z-index: 9996;
  }

  .elementor-8 .elementor-element#urban-cover-slider::before {
	z-index: 9997;
  }
  
  /* Top bar */


.topbar-header {
  background-color: #82BD57;
  height: 45px;
  padding: 2px 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  position: sticky;
  z-index: 10000;
  top: 0;
  padding: 0;
}

.topbar-header .container {
  width: 100%;
  overflow: hidden;
}

.topbar-header #topbar_menu {
  list-style-type: none;
  display: flex;
}

.topbar-header #topbar_menu li a {
  color: #0A283A;
  padding: 0 .25rem;
}

.topbar-header #topbar_menu li.link a:hover {
  color: #DDF5FF;
}

.topbar-header #topbar_menu li.num a,
.topbar-header #topbar_menu li.mail a {
  padding-right: .75rem;
}

.topbar-header #topbar_menu li.num::after,
.topbar-header #topbar_menu li.mail::after {
  content: "|";
  color: white;
}

.topbar-header #topbar_menu li.mail,
.topbar-header #topbar_menu li.lang-item-it a,
.topbar-header #topbar_menu li.facebook {
  padding-left: .75rem;
}

/* Rotating text */

.container {
  display: flex;
  white-space: nowrap;
}

.list {
  display: flex;
  width: max-content;
  align-items: flex-start;
  -webkit-animation: loop 25s infinite linear;
  animation: loop 25s infinite linear;
  will-change: transform;
}

.item {
  display: flex;
  white-space: nowrap;
  flex-shrink: 0;
}

.list a {
  display: flex;
  align-items: center;
  padding: 0 1rem;
}

.list a:hover .item-txt {
  color: #477861;
}

.item-txt{
  font-size: 1.25rem;
  color: #0A283A;
  font-family: "hwt-konop-12-line", Arial, Helvetica, sans-serif;
  font-weight: 700;
  transition: all .2s ease-out;
}

.item-d {
  display: flex;
  width: 40px;
  font-family: "hwt-konop-12-line", Arial, Helvetica, sans-serif;
  align-items: center;
  justify-content: center;
}

.item-d p {
  margin-bottom: 0;
}

@keyframes loop {
  from {
    transform: translate3d(0,0,0);
  }
  to {
    transform: translate3d(-50%,0,0);
  }
}

/* End rotating text */

/* End top bar */
  

  /*** FOOTER ***/

  html footer.site-footer {
    padding-block-end: 1.5rem;
    padding-block-start: 1.5rem;
  }
  
  html .site-footer .footer-inner {
    width: 1440px;
    max-width: 100%;
  }
  
  /*** HOME ***/

  #second-section::after {
    content: "";
    position: absolute;
    bottom: -38px; /* altezza inclinazione */
    left: 0;
    width: 100%;
    height: 40px;
    background: inherit;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    z-index: -1;
  }

  /* Flip box */
  
  html .card-giorno .fa-gem:before {
    content: "";
    display: inline-block;
    background: url(https://urbanhousetrento.com/wp-content/uploads/2026/02/Urban-House-giorno-icon.svg) no-repeat center;
    background-size: contain;
    width: 340px;
    height: 311px;
  }

  html .card-sera .fa-star:before {
    content: "";
    display: inline-block;
    background: url(https://urbanhousetrento.com/wp-content/uploads/2026/02/Urban-House-sera-icon.svg) no-repeat center;
    background-size: contain;
    width: 340px;
    height: 311px;
  }

  /* Sliders*/

  html .elementor-8 .right-slider .bdt-omatic-slider .bdt-navigation-wrap  {
    top: 2rem;
    left: 2rem;
    bottom: auto;
    right: auto;
    flex-direction: row;
  }

  html .elementor-8 .left-slider .bdt-omatic-slider .bdt-navigation-wrap  {
    top: 2rem;
    bottom: auto;
    right: 2rem;
    flex-direction: row;
  }

  html .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button.bdt-button-next {
    display: flex;
    order: 2;
  }

  html .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button.bdt-button-prev {
    display: flex;
    order: 1;
  }

  html .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button:hover i {
    transform: none;
  }

  /* rght slider */

  html .elementor-8 .right-slider .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button.bdt-button-next i {
    color: #fff;
  }

  html .elementor-8 .right-slider .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button.bdt-button-prev:hover i {
    color: rgba(130, 189, 87, 64%);
  }

  html .elementor-8 .right-slider .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button.bdt-button-next:hover i {
    color: #82BD57;
  }

  /* lft slider */

  html .elementor-8 .left-slider .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button.bdt-button-prev i {
    color: #fff;
  }

  html .elementor-8 .left-slider .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button.bdt-button-next:hover i {
    color: rgba(130, 189, 87, 64%);
  }

  html .elementor-8 .left-slider .bdt-omatic-slider .bdt-navigation-wrap .bdt-nav-button.bdt-button-prev:hover i {
    color: #82BD57;
  }


/* CTA */

html .cta-urban a {
  background: url('https://urbanhousetrento.com/wp-content/uploads/2026/02/Urban-button-bg.svg') no-repeat top center;
  width: 274px!important;
  height: 79px;
  padding-top: 1rem;
}

html .big-cta-urban a {
  background: url('https://urbanhousetrento.com/wp-content/uploads/2026/02/Urban-button-bg-big.svg') no-repeat top center;
  width: 573px!important;
  height: 79px;
  padding-top: 1rem;
}

.card-eventi .card-eventi-col {
  clip-path: polygon(
    2% 0%,    /* alto sinistra */
    99% 2%,  /* alto destra */
    100% 100%, /* basso destra */
    0% 99%    /* basso sinistra */
  );
}


  
  
  /*** PAGINE INTERNE ***/


  /*** POPOUPS ***/

  HTML .pum-theme-663 .pum-content + .pum-close, .pum-theme-tema-popup-urban .pum-content + .pum-close {
    padding: 8px 16px;
  }
  
  /*** FORMS ***/
  
  html .frm-fluent-form .choices__inner {
    border: none;
    border-bottom: 1px solid #82BD57;
    border-radius: 0;
  }

  html .frm-fluent-form .choices__list--dropdown {
    border: 1px solid #82BD57;
  }

  html .ff-message-success {
    border: 1px solid #82BD57;
    box-shadow: none;
  }

  html .frm-fluent-form .ff-el-form-control {
    color: #1E1E1E!important;
  }
  
  /*** PLUGINS ***/

  /* Cookie banner */

  #wpconsent-container::part(wpconsent-banner) {
    padding: 1.5rem 2rem;
  }

  #wpconsent-container::part(wpconsent-banner-body) {
    text-align: left!important;
  }

  .informativa-sui-cookie h2.wpconsent-cookie-category-name {
    font-size: 2.25rem;
    margin-bottom: 1rem;
  }
  
  
  /*******************************/
  /***** 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) {

      html .big-cta-urban a {
        width: auto;
        background-size: 95%;
      }
  
    }
  
  @media screen 
    and (min-device-width: 1200px) 
    and (max-device-width: 1600px) 
    and (-webkit-min-device-pixel-ratio: 1) { 

      html .big-cta-urban a {
        width: auto;
        background-size: 95%;
      }
  
  }
  
  
  /* ----------- Retina Screens ----------- */
  
  @media screen 
    and (min-device-width: 1200px) 
    and (max-device-width: 1600px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (min-resolution: 192dpi) { 

      html .big-cta-urban a {
        width: auto;
        background-size: 95%;
      }
  
  }
  
  
  /************/
  /***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) {
  }
  
  
  /* ----------- 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) {
  
  }
  
  
  /* ----------- 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) {
  
  }
  
  /* 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 ***/

      .site-navigation-dropdown ul.menu li {
        text-align: center;
      }

      header .menu-item.menu-item-59 a {
        padding-right: 15px!important;
      }

      header .menu-item.menu-item-58 a {
        padding-left: 15px!important;
      }

      html .site-navigation-dropdown ul.menu {
        background-color: #82BD57;
      }

      html .site-navigation-dropdown ul.menu li a,
      html .site-navigation-dropdown ul.menu li.current-menu-item a {
        background-color: #82BD57;
        color: #fff;
      }


      /*** HOME ***/

      #second-section::after {
        height: 39px;
      }

      html .card-giorno .fa-gem:before,
      html .card-sera .fa-star:before {
        width: 120px;
        height: 120px;
      }

      html .elementor-8 .right-slider .bdt-omatic-slider .bdt-navigation-wrap {
        left: 0.5rem;
      }

      html .elementor-8 .left-slider .bdt-omatic-slider .bdt-navigation-wrap {
        right: 0.5rem;
      }

      html .big-cta-urban a {
        background: url(https://urbanhousetrento.com/wp-content/uploads/2026/02/Urban-button-bg.svg) no-repeat top center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: auto!important;
      }


      /*** FOOTER ***/

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

      footer.site-footer a {
        font-size: 1rem!important;
      }

      
   
  }