.section-full, .row-full, .column-full {min-height:100vh !important;}
.section-middle {height: 400px;}
.texto-branco {color:#ffffff;}
.arredondado>.img-inner, .arredondado>.banner-inner>.banner-bg {border-radius: 32px;}
.arredondado-baixo>.img-inner, .arredondado-baixo>.banner-inner>.banner-bg {border-radius:0px 0px 32px 32px;}
.arredondado>.section-bg {border-radius:0px 0px 32px 32px;}
.front {z-index:9999;}
.bottom {position:relative; bottom:-42vh !important;}
.button {margin-bottom:0px !important;}

.banner-gradient>.section-bg>.section-bg-overlay {
	background-image: linear-gradient(180deg, #FFFFFF 0%, transparent 30%) !important;
}
.gradient-card >.banner-inner >.banner-bg >.overlay {background-image: linear-gradient(to top, rgba(0,0,0,.8)0%, rgba(0,0,0,0)50%) !important;}
.bg-gradient >.section-bg >.section-bg-overlay {background-image: linear-gradient(to bottom, rgba(0,0,0,.8)0%, rgba(0,0,0,0)100%) !important;}
.bg-gradient-azul >.section-bg >.section-bg-overlay {background-image: linear-gradient(0deg, rgba(0,49,122,.5)0%, rgba(0,49,122,.8)100%) !important;}
.sem-fundo {background-color: transparent !important;}
.header-wrapper {color:#ffffff;}
.header-wrapper.stuck {background-color: #004c99;}
.bot-primario {color:#004C99 !important; background-color:#FEE600 !important;}
.bot-secundario {color:#FFFFFF !important; background-color:transparent !important; border: 2px solid #FFFFFF !important}
.secondary, .secondary:hover {color:#004C99 !important;}
.booking-position {position:relative; top:230px;}
.menu-header {font-family: "Roboto Condensed", sans-serif}
.menu-header a:hover, .ux-menu-link--active a {color:#eee !important;  border-bottom:3px solid #eee; opacity:0.6;} 
.menu-header>.col-inner>.justify-start {justify-content: space-evenly !important;}
.menu-header>.col-inner>.stack-col {flex-direction: row !important;}
.menu-mobile>.ux-menu-link a:hover, .menu-mobile>.ux-menu-link--active a {padding:5px 0px 0px 10px; color:rgb(119, 119, 119) !important; background-color:#eee !important; border-bottom:none !important;}
.social-icons {font-size:1.2em !important;}
.redes-sociais-header {color:#ffffff !important; font-size:1em !important;}
.redes-sociais-header> a:hover {color:#ffffff !important; opacity:0.6;}

/*.menu-fixo {
    position:fixed !important;
    top:0px;
    z-index:9999;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-image: linear-gradient(to bottom, rgba(0,0,0,.6)0%, rgba(0,0,0,0)100%) !important;
}*/

.wpforms-field-label {color:#004C99 !important;}
div.wpforms-container-full input, textarea.wpforms-field-medium {border-radius: 32px !important; border-color: #D6D6D6 !important;}

.menu-fixo {
  z-index:10 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  background-image: linear-gradient(to bottom, rgba(0,0,0,.6)0%, rgba(0,0,0,0)100%) !important;
  position: fixed !important; /* Make it stick/fixed */
  top: 0px !important; /* Hide the navbar 100 px outside of the top view */
  width: 100% !important; /* Full width */
  transition: top 0.3s !important; /* Transition effect when sliding down (and up) */
}

.header-mobile {
  z-index:10 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  background-image: linear-gradient(to bottom, rgba(0,0,0,.6)0%, rgba(0,0,0,0)100%) !important;
  position: absolute !important; /* Make it stick/fixed */
  top: 0px !important; /* Hide the navbar 100 px outside of the top view */
  width: 100% !important; /* Full width */
  transition: top 0.3s !important; /* Transition effect when sliding down (and up) */
}

.campo-booking {border:none !important; background: #ffffff00 !important; box-shadow:none !important; text-align:center !important; padding:0px 0px !important; margin:-10px 0px -10px 0px !important;}
.form-label {margin-bottom: 0px !important;}
.lupa-booking {cursor: pointer !important;}
.lupa-booking> .icon-box-img {margin: 5px 0px 0px 0px !important;}

#ui-datepicker-div {position:fixed; top:130px !important;}
.ui-datepicker {width:280px !important; padding: 10px 10px !important; border-radius:16px !important;}
.ui-widget-header {border:none !important; background:none !important; font-weight: 300 !important;}
.ui-datepicker .ui-datepicker-header {padding:0em !important;}
.ui-datepicker th {font-weight:100 !important;}
.ui-datepicker table {font-size:.8em !important;}
.ui-state-default {border:none !important; background: none !important; border-radius: 100px !important;}
.ui-datepicker td a:hover {background-color: #C2CAF6 !important; color: #212121 !important;}
.ui-state-highlight {color: #ffffff !important; background-color: #004c99 !important;}
.ui-datepicker-header >.ui-state-hover {border:none !important; background:none !important; background-color: #C2CAF6 !important; border-radius: 100px !important;}
.ui-datepicker td a {text-align:center !important;}

/* MENU MOBILE */

/* Ícone do menu */
    #menu-icon {
      width: 32px;
      height: 32px;
      margin: 10px;
      cursor: pointer;
    }

    /* Menu lateral */
    #mobile-menu {
      position: fixed;
      top: 0;
      right: -360px; /* começa fora da tela */
      width: 350px;
      height: 100%;
      background-color: #FFF;
      color: #777;
      display: flex;
      flex-direction: column;
      padding: 20px;
      box-shadow: -2px 0 10px rgba(0,0,0,0.25);
      transition: right 0.3s ease-in-out;
      z-index: 9999;
    }

    #mobile-menu.active {
      right: 0; /* entra na tela */
    }

    #mobile-menu a {
      color: #777;
      text-decoration: none;
      margin: 5px 0;
      font-size: 18px;
    }

    #close-btn {
      align-self: flex-end;
      font-size: 36px;
      cursor: pointer;
      margin-bottom: 20px;
    }