/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/


@font-face {
    font-family: 'Ackbar'; /* Nome del font che userai nel CSS */
    src: url('assets/fonts/ackbar.ttf') format('truetype'); /* Percorso del font */
    src: url('fonts/Ackbar.ttf') format('truetype');
    font-weight: normal; /* Peso del font (modifica se necessario) */
    font-style: normal; /* Stile del font */
}
body, a, h1, h2, h3, p {
    font-family: 'Ackbar', sans-serif !important;
    text-transform: uppercase !important;
}
body{
    background-color: #101010;
}
h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title, h4.elementor-heading-title, h5.elementor-heading-title, h6.elementor-heading-title{font-family: 'Ackbar', sans-serif;
    text-transform: uppercase;}
/* Navbar */

.home .wrapper-navbar-inner-right-reservation,
.home .wrapper-navbar-inner-right-reservation{
    display:block;
}
.home .wrapper-navbar-inner-right-home,
.home .wrapper-navbar-inner-right-home{
    display:none;
}




.page-template-reservation-open-template .wrapper-navbar-inner-right-reservation,
.page-template-reservation-closed-template .wrapper-navbar-inner-right-reservation{
    display:none;
}
.page-template-reservation-open-template .wrapper-navbar-inner-right-home,
.page-template-reservation-closed-template .wrapper-navbar-inner-right-home{
    display:block;
}
.h_link{
    color:#F1F1F9;
    font-size:0.7rem;
    transition: 0.2s ease-in-out;
}
.h_link:hover{
    color:#ffffff;
    text-decoration: none;
}


#wrapper-navbar{
    position: fixed;
    z-index: 9;
    width:100%;
}
.wrapper-navbar-inner{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:1.2rem;
}
.wrapper-navbar-inner-right a{
    text-transform: uppercase;
    color:#F1F1F9;
}
#h_logo{
    width:150px;
    height: auto;
}


/* Footer */
/*.page-template-reservation-open-template #wrapper-footer,
.page-template-reservation-closed-template #wrapper-footer{
    display: none;
}*/



/* Reservation */
#h_reservation{
	overflow:hidden;
}
#h_video-background {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: 1;
  }
  .h_reservation-inner{
	  position:relative;
	  z-index:5;
	display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
  .h_reservation-inner-locandina{
	padding:2rem;
    padding-top:5rem;
  }
  .h_reservation-inner-locandina img{
	width:100%;
	height: auto;
  }
  .h_reservation-inner-form{
	width: 100%;
    margin: auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:2rem;
    padding-top:1rem;
  }
  .h_reservation-inner-form h1{
    color: #FE0000;
    font-size: 2rem;
    margin-bottom:2rem;
  }
  form label{
    color:#F1F1F9;
    font-size:0.8rem;
  }
   .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel]{
    background: none !important;
    border: none !important;
    border-bottom: 2px solid white !important;
    border-radius: 0 !important;
    height:1.5rem;
  }
  .wpcf7 input[type=submit]{
    width: fit-content;
    border-radius:50px;
    background-color: #F1F1F9;
    color:#101010;
    border:none;
    line-height: 1;
    text-transform: uppercase;
    padding: 1rem;
    padding-top: 0.7rem;
  }
  form p{
    position:relative;
  }
  .wpcf7 input[type=submit]{
    position: absolute;
    right:0;
  }

  @media (min-width: 1024px) {
    .h_reservation-inner{
        flex-direction: row;
    }
    .h_reservation-inner-locandina, .h_reservation-inner-form{
        width:50%;
    }
    .h_reservation-inner-locandina img{
        padding: 3rem;
    }
  }


  /* Reservation closed */
  #h_reservation-closed{
    height: 100vh;
  }
  .h_reservation-inner-closed{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index:5;
    height: 100vh;
  }
  #h_video-gif{
    width:200px;
    height: auto;
  }
  #h_reservation-closed h1{
    color: #FE0000;
    text-align: center;
    font-size: 3rem;
    max-width: 20rem;
  }
  .h_reservation-inner-link a{
    color:#FE0000;
    transition: 0.2s ease-in-out;
  }
  .h_reservation-inner-link{
    padding-top:1rem;
  }
  .h_reservation-inner-link a:hover{
    text-decoration: none;
    color:#F1F1F9;
  }
  
  
  .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel]{
      color:#f1f1f9;
  }
  .wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus{
      color:#f1f1f9;
      box-shadow:none;
  }
 .wpcf7 input[type=submit]:not(:disabled):not(.disabled):active,.wpcf7 input[type=submit]:not(:disabled):not(.disabled):hover, .wpcf7 input[type=submit]:not(:disabled):not(.disabled):focus, .wpcf7 input[type=submit]:not(:disabled):not(.disabled):focus-visible {
     color: #f1f1f9;
    background-color: #000;
    border-color: #000;
    box-shadow:none;
 }
 .wpcf7-response-output{
     color: #f1f1f9;
 }
 .form-submit-container .iubenda-nostyle, .form-submit-container a{
     text-decoration: none;
    color: #F1F1F9 !important;
    text-decoration:underline;
 }
 .form-submit-container p:nth-child(1){font-size:0.7rem;}
 
 .btn-outline-primary.disabled, .btn-outline-primary:disabled, .wpcf7 input.disabled[type=submit], .wpcf7 input[type=submit]:disabled{color: #F1F1F9 !important;}
 

  /* Home */
  #h_hero{
    height: 100vh;
    position:relative;
  }
  .h_hero-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
  }
  #h_video-home{
    position: absolute;
    width:100%;
    overflow: hidden;
    /* height:100vh;
    top:0;
    left:0;
    width:100%; */
    object-fit: cover;
    height: 100vh;
    object-position: center;
    z-index:4;
  }
  #h_hero .h_hero-inner{
    position: relative;
    z-index:5;
  }
  #h_hero .h_hero-title{
    max-width:25rem;
  }
  #h_hero .h_hero-title h1{
    color:#FE0000;
    text-align: center;
  }




/* Scroller home */
 .scroll-invite {
   position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background-color: #FE0000;
    animation: bounce 1.5s infinite;
    z-index: 99999;
    opacity: 0.5;
  }

  @keyframes bounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(10px); }
  }

  @-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: translateX(-50%) translateY(0); }
    50% { -webkit-transform: translateX(-50%) translateY(10px); }
  }
  
  /* Toggle audio*/
    #toggle-audio{
    background: none;
    border: 1px solid white;
    border-radius: 50px;
    border: none;
    font-size: 0.8rem;
    position: absolute;
    top: 75%;
    color: #e30614;
    opacity: 0.5;
    }
  
  
  

  /* Footer */
  #wrapper-footer{
    background-color: #101010;
  }
  #wrapper-footer a{
    color:#F1F1F9;
    transition: 0,2s ease-in-out;
    text-align: center;
    font-size:0.6rem;
  }
  #wrapper-footer a:hover{
    color:#FE0000;
  }
  .h_footer-wrapper{
    display: flex ;
        justify-content: center;
        align-items: center;
        flex-direction: column;
  }
  .h_links{
     display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    gap:1rem;
  }
   .h_links a{
       opacity:0.3 !important;
       
   }
   .iubenda-tp-btn{
       display:none !important;
       visibility: hidden !important;
   }
   
   
   
   /* Recapcha */
   .grecaptcha-badge, .iubenda-tp-btn{
       display:none;
       visibility:hidden;
   }