/*
Theme Name: Bramble App
Text Domain: brambleapp
Version: 2.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

 
*/



 :root{
--header-height: 3rem;
--nav-width: 70px;
/* --first-color: #0E5E58;      Dark Green */
/*--first-color-light: #4ab0a5;    Light Green */
--first-color: #b49b56;     /* Gold */
--first-color-light: #2C2C2C;   /* Grey */
--white-color: #F7F6FB; 
--paragraph-color: #2c2c2c; 
--normal-font-size: 15px;
--z-fixed: 100  ; 
--bs-btn-disabled-bg: #2c2c2c;
--bs-btn-disabled-border: #2c2c2c;
}    

/* Rebrand gold */
.alert-info {
  background-color: #f7ede4;
  border-color: var(--first-color);
  color: var(--first-color-light);
}

.alert-info p {
  color: var(--first-color-light);
  margin-bottom: 0px;
}

.text-info {
  color: var(--first-color) !important;
}

a.btn-primary:not(.bs-login), a.btn-success {
  background-color: #93AAAA !important;
  border-color: #93AAAA !important;
}

a.btn-primary:not(.bs-login):hover, a.btn-primary:active, a.btn-success:hover, a.btn-success:active {
  background-color: var(--first-color) !important;
  border-color: var(--first-color) !important;
}

/* Logos */

 @font-face {
      font-family: 'fontello';
      src: url('fonts/fontello.eot?58839777');
      src: url('fonts/fontello.eot?58839777#iefix') format('embedded-opentype'),
           url('fonts/fontello.woff?58839777') format('woff'),
           url('fonts/fontello.ttf?58839777') format('truetype'),
           url('fonts/fontello.svg?58839777#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    
    
    [class^="logo-"]:before, [class*=" logo-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

 

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

    
    .logo-bs-logo, .icon-hm-logo, .icon-lg-logo, .icon-tri-brand-logo {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: never;
      
      font-size: 50px;
     
      display: inline-block;
      text-decoration: inherit;
      width: auto;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin:0;
      padding:0;
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

.logo-bs-logo:before { content: '\e801'; } /* '?' */
.icon-hm-logo:before { content: '\e802'; } /* '?' */
.icon-lg-logo:before { content: '\e803'; } /* '?' */
.icon-tri-brand-logo:before { content: '\e806'; } /* '?' */


.main_logo i{font-size: 35px; color: #fff;}



/* Helpdesk */
.fs-7{font-size: 0.7rem!important}
.col-2.bg-secondary-subtle #menutaxonomy > li > a {
  width: 100%;
}
.col-2.bg-secondary-subtle #menutaxonomy > li > a i{  float: left;
}
.col-2.bg-secondary-subtle #menutaxonomy > li > a > span {
  float: right;
  width: calc(100% - 25px);
}


@font-face {
  font-family: 'Kalinga';
  src: url('fonts/Kalinga.eot');
  src: local('Kalinga'), url('fonts/Kalinga.woff') format('woff'), url('fonts/Kalinga.ttf') format('truetype');
} 



body{position: relative;
margin: var(--header-height) 0 0 0;
padding: 0 1rem; 
font-size: var(--normal-font-size);
transition: .5s;
background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
padding-top: 30px;
  font-family: 'Kalinga';
}

p, div, {
font-size: var(--normal-font-size);
color: var(--paragraph-color);}
.text-dark{color: var(--paragraph-color)!important}
p{
  line-height: 1.4;
  margin: 0 0 10px;}

h1, h2, h3, h4, h5{
text-transform: uppercase;
color: var(--first-color);
font-weight: normal;
letter-spacing: 2px;
}

h1{font-size: 28px;}
h2{font-size: 22px; letter-spacing: 1px;}
h3{font-size: 18px; letter-spacing: 1px;}


.carousel-inner {
  height: 15vh;
}

.teble_highlight{
        text-transform: uppercase;
  font-weight: bold;
}



/* Button Amends */
.btn-success{
background: var(--first-color-light);
border: none   ;
  text-transform: uppercase;
}
.btn-success:hover{
background: var(--first-color) !important;} 

.dropdown .text-bg-success {
background: var(--first-color-light)!important;;
 
color: #FFF}

.dropdown .text-success{
  color: var(--paragraph-color) !important;
 }
.dropdown .disabled_menu_item, .booking_checklist .disabled_menu_item {
  opacity: 0.3;
  cursor: context-menu;
}
  
 
.btn-outline-success{
border-color: var(--first-color-light);
color: var(--first-color-light);}
 
.btn-outline-success:hover{
border-color: var(--first-color)!important;
background: var(--first-color)!important;
color: #FFFFFF!important;}


/* Formidable Forms Send Feedback0 */
.hide_form_field{display:none}

.modal-body input:not([type="radio"]):not([type="checkbox"]), 
.modal-body textarea {
    display: block;
    /*width: 100%;*/
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 10px;
}

.modal-body .frm_upload_text  {display:none}

 
.modal-body .frm_opt_container label input {
  display: inline-block;
  width: auto;
}
.modal-body .frm_screen_reader{display:none}
.modal-body .frm_radio {
  float: left;
  margin-right: 21px;
}
.modal-body .frm_primary_label {
  display: block;
  margin-top: 15px;
  float: left;
  width: 100%;
} 

.modal-body .horizontal_radio .frm_primary_label {
 
  margin-top: 0; 
}  
 
 

/* Select with search */
.selectsearch_feat{}
.selectsearch_feat .dropdown {  width: 100%;}
.selectsearch_feat button {   text-align: left;}
.selectsearch_feat .dropdown-menu {   width: 98%;
left: 5%;}

/* Standard Input */
.form-signin input {
  display: block;
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 10px;
}
.frm_login_form .login-password input, 
#form_user-registration  .noborderradius input, 
#form_user-registration #frm_field_16_container input, 
#form_user-registration #frm_field_conf_16_container input,
#form_user-registration #frm_field_14_container input, 
#form_user-registration #frm_field_conf_14_container input{
border-top-left-radius:0 ;border-top-right-radius:0 ;  }

.frm_login_form .login-username input, 
#form_user-registration .nonoborderbottomradius input, 
#form_user-registration  .noborderradius input, 
#form_user-registration #frm_field_16_container input, 
#form_user-registration #frm_field_14_container input  
{border-bottom-left-radius:0 ;border-bottom-right-radius:0 ;  }     

/* Error Msg */
.form-signin .frm_error {
  margin-top: -16px;
  position: relative;
  z-index: 3;
  color: #F00;
  font-size: 10px;
  text-align: left;
  margin-left: 10px;
}


/* Submit BTN */

.form-signin .frm_submit button, .form-signin .frm_submit input, .modal-body .frm_submit button  {
  color: #FFF;
  background-color: #0d6efd;
  width: 100%;
  box-shadow: none !important;
  font-size: 19px;
  padding: 9px 10px;
  line-height: 100%;
  border-radius: 5px;
  margin: 25px 0 0;
  border: 1px solid #0d6efd;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.frm_login_form #wp-submit0:hover, #form_user-registration  .frm_submit button:hover, .password_reset_frm .frm_submit input:hover, .modal-body .frm_submit button:hover  {
  color: #FFF;
  background-color: #0a58ca;
  border-color: #0a58ca;
}


/* Remember Me */
#rememberme0{  display: inline-block;
  width: auto;  margin-top: 10px;
  margin-right: 10px;}
.frm_login_form .login-remember{}
.frm_login_form .login-remember, .frm_login_form .login-remember label{color: #FFF}


/* Reset */
.form-signin .login-remember.frm_form_field {
  margin: 10px 0 0 !important;
}
.frm_hidden, .frm_primary_label, .frm_verify{display:none}


/* Password Reset Link */
.forgot_pw_link{} 
 p.forgot_pw_link, .forgot_pw_link a{color: #FFF}                                                                   









/* Inventory & Damages Display Popup */
.page-template-view-record span.input-group-text, .page-template-inventory-details-items span.input-group-text,
.page-template-inventory-details span.input-group-text{
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0;
  border: 0;
  border-left:1px solid #ced4da; 
   border-right:1px solid #ced4da; 
border-top:1px solid #ced4da;  
  }
 
/* Booking Menu  Nav */
.nav-link{font-size: 16px;
color: var(--paragraph-color)}

/* Progress */
.accordion-body h4{
  color: #888;
  font-size: 12px;}
 

/* TEMP */
#progressbar{
display:none}








::before,::after{box-sizing: border-box}

 









a{text-decoration: none}
.header{width: 100%;height: var(--header-height);position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: space-between;padding: 0 1rem;background-color: var(--first-color-light);z-index: var(--z-fixed);transition: .5s; z-index: 999;}
.header_toggle{color: var(--white-color);font-size: 1.5rem;cursor: pointer}
 
 
 
.header_account button{  background: none;
  border: none;}
.header_account img{border-radius: 50%} 
.header_account button:focus {outline: none; border:none}

.l-navbar{position: fixed;top: 0;left: -30%;width: var(--nav-width);height: 100vh;background-color: var(--first-color);padding: .5rem 1rem 0 0;transition: .5s;z-index: var(--z-fixed)}
.l-navbar .nav{height: 100%;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden}
.nav_logo, .nav_link{display: grid;grid-template-columns: max-content max-content;align-items: center;column-gap: 1rem;padding: .5rem 0 .5rem 1.5rem}
.nav_logo{margin-bottom: 2rem}.nav_logo-icon{font-size: 1.25rem;color: var(--white-color)}
.nav_logo-name{color: var(--white-color);font-weight: 700}
.nav_link{position: relative;color: var(--first-color-light);margin-bottom: 1.5rem;transition: .3s}
.nav_link:hover{color: var(--white-color)}
.nav_icon{font-size: 1.25rem}.show{left: 0}
.body-pd{padding-left: calc(var(--nav-width) + 1rem)}
#nav-bar .active{color: var(--white-color)}
#nav-bar .active::before{content: '';position: absolute;left: 0;width: 2px;height: 32px;background-color: var(--white-color)}
.height-100{height:100vh}



/* Guest Form */
.mob-wid-80{width: 80px}
.mob-wid-150{width: 150px}
.mob-wid-45{width: 45px}

#guests_tbl .first_col{padding-top: 18px}
 





.main_logo {
  float: left;
 
  position: absolute;
  right: 80px;
}

.main_logo .hm_logo_head {
  max-width: 131px;
  margin-top: 1px;
}

 
.main_logo .bs_logo_head {
  max-width: 60px;
}
.main_logo .lg_logo_head {
  margin-top: -1px;
  max-width: 55px;
}               
.main_logo img {
  margin-left: 9px;
}

.no_mobile{display:none}
      .carousel-inner img{max-width: 100%; height: auto}
#mobile_header {
  max-width: 85%;
}

@media screen and (min-width: 768px){
body{margin: calc(var(--header-height) + 1rem) 0 0 0;padding-left: calc(var(--nav-width) + 2rem)}
.header{height: calc(var(--header-height) + 1rem);padding: 0 2rem 0 calc(var(--nav-width) + 2rem)}
 
.l-navbar{left: 0;padding: 1rem 1rem 0 0}
#nav-bar.show{width: calc(var(--nav-width) + 156px)}
.body-pd{padding-left: calc(var(--nav-width) + 188px)}

.main_logo { 
 
  right: 100px;
}

.no_mobile{display:block}


.mob-wid-80{width: 100%}
.mob-wid-150{width: 100%}

.main_logo .bs_logo_head {
  max-width: 88px;
}
.main_logo .lg_logo_head {
  margin-top: 2px;
  max-width: 82px;
}
.main_logo .hm_logo_head {
  max-width: 187px;
  margin-top: 4px;
}
.main_logo img{        margin-left: 20px
 }  
 .no-desktop{display:none}
.carousel-inner {
  height: 12vh;
}

}






/* Menu Area */
.menu-sidebar-menu{}
#menu-sidebar-menu{margin:0;padding:0}

.side_nav a { 
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  column-gap: 1rem;
  /*padding: .5rem 0 .5rem 1.5rem;*/
  padding: .25rem 0 .3rem 1.5rem;
}

.side_nav a{  position: relative;
  color: var(--white-color);
  /*margin-bottom: 1.5rem;*/
  margin-bottom: 0;
  transition: .3s;}
  
  .sub-menu{display:none}
  


 
#nav-bar .current-menu-item a, #nav-bar .current-page-ancestor a, .side_nav a:hover, .side_nav a:active, .side_nav a:focus  {
  color: var(--white-color);
}   
#nav-bar .current-menu-item a::before, #nav-bar .current-page-ancestor a::before {
  content: '';
  position: absolute;
  left: 0;
  width: 2px;
  height: 32px;
  background-color: var(--white-color);
} 




/* Add Button */
.add_button {
  right: 2%;
  bottom: 2%;
  color: var(--first-color-light);
  font-size: 52px;
  z-index: 99;
}
.add_button:hover {
  color: var(--first-color);

}





/* Add New Off Canvas */
.input-group-text-new{
min-width: 40%}



/* Norminalise Links */
.tb_stretchblock_links a {
  color: inherit;
  display: block;
}
.page-template-view-record .tb_stretchblock_links a {
 color: var(--first-color)!important;
  display: unset;
}
.page-template-view-record .tb_stretchblock_links a.btn-outline-success:hover{ color: #FFF!important;}
.tb_stretchblock_links a:hover{}

.page-list {
  display: none !important;
}




/* Login Page 
body#login-page {
  background: url('https://www.media-demo.co.uk/mobile-app/wp-content/uploads/2022/09/login-page-image.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
html,
body#login-page {
  height: 100%;
}

body#login-page {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
  text-center
}
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}    
     */
 

 
body#login-page {
margin:0;
padding:0
}
   .login_bs_header {
  position:relative;
  text-align:center;
 background: linear-gradient(60deg, #b49b56 0%, #eec553 100%);
  color:white;
}
 

.login_bs_container {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
  position: relative
}

.login_bs_buttons { 
  width:100%;
  margin: 0;
  padding: 0;
}
 
 
.login_bs_container_centered {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
 
.login_bs_container img  {
  max-width: 189px;
  width: 50%;
}
.login_bs_title{
display:block;
color: #FFF;
}
.form-signin h1{color: #FFF;}

 .login_bs_setwidth {
  max-width: 300px;
  width: 70%;
  margin: auto
}

.google_login{}
#login-page .mo_btn-google{  padding-right: 15px;}

 
 .nsl-container-buttons, .nsl-container-buttons a{max-width:100%!important; width:100%!important}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.loginback {
  position: absolute;
  left: 2%;
  top: 2%;
  z-index: 9;
  font-size: 20px
}

#carousel_landing {
  max-width: 500px;
  margin: auto;
  width: 100%;
}


/* Inventories */
.image_invent_td img{max-width: 200px; width: 100%; max-height: 150px;}

 
     
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
 
  
}


/* Pre Arrival Form */
.page-template-booking-pre-arrival .wpforms-field-label, .page-template-booking-practical-details .wpforms-field-label, .page-template-booking-food-details .wpforms-field-label  {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da; 
  width: 100%;
}

@media (min-width: 900px) {
.page-template-booking-pre-arrival .wpforms-field-label, .page-template-booking-practical-details .wpforms-field-label, .page-template-booking-food-details .wpforms-field-label {
    max-width: 40%;
    min-width: 40%;
    white-space: pre-wrap;
    text-align: left;
    
}
     }


.page-template-booking-pre-arrival .wpforms-field , .page-template-booking-practical-details .wpforms-field, .page-template-booking-food-details .wpforms-field {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
    margin-bottom: 5px
}

.page-template-booking-pre-arrival .wpforms-field-date-time .wpforms-one-half > div,
.page-template-booking-pre-arrival .wpforms-field-date-time .wpforms-one-half > input,
.page-template-booking-practical-details .wpforms-field-date-time .wpforms-one-half > div,
.page-template-booking-practical-details .wpforms-field-date-time .wpforms-one-half > input
 {
  display: inline-block;
  margin-left: 15px;
}
.page-template-booking-pre-arrival .wpforms-field-date-time .wpforms-first, .page-template-booking-pre-arrival .wpforms-field-date-time .wpforms-first{margin-bottom: 10px}
.page-template-booking-practical-details .wpforms-field-date-time .wpforms-one-half label, .page-template-booking-practical-details .wpforms-field-date-time .wpforms-one-half label, .page-template-booking-food-details .wpforms-field-date-time .wpforms-one-half label{float:left}

.page-template-booking-pre-arrival .wpforms-field-medium, .page-template-booking-practical-details .wpforms-field-medium, .page-template-booking-food-details .wpforms-field-medium {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-template-booking-pre-arrival .wpforms-field-medium, .page-template-booking-practical-details .wpforms-field-medium, .page-template-booking-food-details .wpforms-field-medium {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
                      
.page-template-booking-pre-arrival .wpforms-page-indicator-page, .page-template-booking-practical-details .wpforms-page-indicator-page, .page-template-booking-food-details .wpforms-page-indicator-page {
 position: relative;
  flex: 1;
  text-align: center;
}
.page-template-booking-pre-arrival .wpforms-page-indicator-page-number, .page-template-booking-practical-details .wpforms-page-indicator-page-number, .page-template-booking-food-details .wpforms-page-indicator-page-number {
  background: #EEE;
  height: 40px;
  width: 40px;
  display: block;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto 10px;
}
.page-template-booking-pre-arrival .wpforms-page-indicator-page-title, .page-template-booking-practical-details .wpforms-page-indicator-page-title, .page-template-booking-food-details .wpforms-page-indicator-page-title {

    color: #999;
    display: block;
    width: 100%;
    padding: 0 10%;
    line-height: 100%;
}

@media screen and (max-width: 768px){
.page-template-booking-pre-arrival .wpforms-page-indicator-page-title, .page-template-booking-practical-details .wpforms-page-indicator-page-title, .page-template-booking-food-details .wpforms-page-indicator-page-title {display:none}
.wpforms-field-label {
  word-wrap: break-word;
  white-space: break-spaces !important;
  text-align: left !important;
}
}


.page-template-booking-pre-arrival .wpforms-page-indicator-page-title span, .page-template-booking-practical-details .wpforms-page-indicator-page-title, .page-template-booking-food-details .wpforms-page-indicator-page-title span{
  background: #DDD;
  width: 100%;
  display: block;
  height: 1px;
  top: 19px;
  right: -86px;
  position: absolute;
  }
.page-template-booking-pre-arrival .wpforms-page-indicator-page-7 .wpforms-page-indicator-page-title span, .page-template-booking-practical-details .wpforms-page-indicator-page-7 .wpforms-page-indicator-page-title span, .page-template-booking-food-details .wpforms-page-indicator-page-7 .wpforms-page-indicator-page-title span{display:none}


.page-template-booking-pre-arrival .wpforms-page-indicator, .page-template-booking-practical-details .wpforms-page-indicator, .page-template-booking-food-details .wpforms-page-indicator {
  text-align: center;
  flex-flow: row;
  flex: auto;
  display: flex;    margin-bottom: 20px;
}
 
              
.page-template-booking-pre-arrival .active .wpforms-page-indicator-page-number, .page-template-booking-practical-details .active .wpforms-page-indicator-page-number, .page-template-booking-food-details .active .wpforms-page-indicator-page-number {
background-color: var(--first-color-light) !important
    }

.page-template-booking-pre-arrival .nav_btn_container, .page-template-booking-practical-details .nav_btn_container, .page-template-booking-food-details .nav_btn_container {
  margin-top: 20px !important;
}

 .page-template-booking-pre-arrival .wpforms-page-next, .page-template-booking-pre-arrival .wpforms-page-prev,
  .page-template-booking-practical-details .wpforms-page-next, .page-template-booking-practical-details .wpforms-page-prev,
  .page-template-booking-food-details .wpforms-page-next, .page-template-booking-food-details .wpforms-page-prev {
 --bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: #212529;
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: 0.375rem;
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background: var(--first-color-light);
  border: none;
      --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
  color: #FFF
}



.page-template-booking-pre-arrival .wpforms-page-prev, .page-template-booking-practical-details .wpforms-page-prev, .page-template-booking-food-details .wpforms-page-prev{
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  }
.page-template-booking-pre-arrival .wpforms-page-next, .page-template-booking-practical-details .wpforms-page-next, .page-template-booking-food-details .wpforms-page-next {
  float: right;
}
.nav_btn_container > div{
width: 100%}

.page-template-booking-pre-arrival .wpforms-page.nav_btn_container, .page-template-booking-pre-arrival .wpforms-field-pagebreak, .page-template-booking-practical-details .wpforms-page.nav_btn_container, .page-template-booking-practical-details .wpforms-field-pagebreak, .page-template-booking-food-details .wpforms-page.nav_btn_container, .page-template-booking-food-details .wpforms-field-pagebreak {margin:0}

/* Booking Detail */
.booking_checklist_success{  }
.booking_checklist_success .badge{background: var(--first-color-light)!important;  }
.booking_checklist_success i{color: var(--first-color-light)}
.booking_checklist {}
.booking_checklist hr{display:none}
.booking_checklist_success hr, .text-success hr {
  display: block;
  position: absolute;
  width: 100%;
top: -5px;
left: 0; 
  border-color: #333;
  z-index: 999;
  opacity: 1;
}
.text-success hr {
  top: -4px;
}
 
@media screen and (min-width: 1400px){  
#navbarSupportedContent a.active, #menu-booking-menu li.current_page_item a {
color: #FFF;
border-radius: 10px;
padding: ;
background: #4AB0A5; }

}

.chalet-meta {
  background: rgba(44,44,44,.7);
  color: #FFF;
  width: 100%;
  bottom: 0;
}
.chalet-meta h4 {
  color: #FFF;
  letter-spacing: normal;
}
.chalet-meta p {
  text-transform: uppercase;
}

/* Pagaination */
.pagination > li > a
{
    background-color: white;
    color: var(--first-color-light);
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #FFFFFF;
    background-color: var(--first-color-light);
    border-color: var(--first-color-light);
}

.pagination > .active > a
{
    color: white;
    background-color: var(--first-color-light) !Important;
    border: solid 1px var(--first-color-light) !Important;
}

.pagination > .active > a:hover
{
    background-color: var(--first-color-light) !Important;
    border: solid 1px var(--first-color-light);
}



/* Booking List */
.top-start-5{top: 2%; right: 2%}

.select2-container {
    z-index: 1056 !important; /* Ensure it is above the modal (Bootstrap modal z-index is 1055) */
}

.select2-container--open {
    border-radius: 4px; /* Optional for smoother dropdown appearance */
}
.form-select.select2-hidden-accessible{
  --bs-form-select-bg-img: none;
}