:root {
    --bs-primary: #073B61;
    --bs-btn-bg: #073B61;
}

body {
    border-top: 8px solid #073B61;
    border-bottom: 9px solid #073B61;
}

p {
    color: #073B61;
}

.btn-enquiry {
    color: #fff;
    background-color: #073B61;
    font-weight: 500;
    border: 1px solid #073B61;
    padding: 10px 30px;;
}

.btn-enquiry:hover {
    color: #073B61;
    border: 1px solid #073B61;
}

.bsl-logo {
    width: 450px;
    max-width: 90%;
}

.site-header {
    padding: 30px 0;
}

@media (min-width: 992px) {
    .site-header {
        padding: 90px 0;
    }
}

.image-panel {
    position: relative;
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 992px) {
    .image-panel {
        height: 550px;
    }
}

.logo {
    width: 160px;
}

@media (min-width: 992px) {
    .logo {
        width: 200px;
    }
}

.image-panel-content {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    padding: 0;
}

@media (min-width: 992px) {
    .image-panel-content {
        padding: 40px;
    }
}

.link {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-decoration: none;
}

.visit-ski {
    color: #75CEE1;
}

.visit-ulc {
    color: #BF9159;
}

.visit-alps {
    color: #2F3C22;
}

.visit-villas {
    color: #bf9159;
}

.form__title {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}

.form__text {
    color: #073b61;
}

.form__label {
    font-weight: 600;
    font-size: .875rem;
    display: block;
    color: #073b61;
    margin-bottom: 7px;
    text-transform: none;
}

label.error {
    font-size: 14px;
    font-weight: 500;
    color: #B92929;
}

.form__submit {
    background-color: #073b61;
    border: 0;
    border-radius: 5px;
    color: #fff;
    padding: 10px 25px;
}

.form-control {
    background-color: #e8edf0;
    border: 1px solid transparent;
    color: #073b61;
}

.form-select {
    background-color: #e8edf0;
    color: #073b61;
}

.form-check-label {
    color: #073b61;
}

.form-group.has-error .form-control, .form-group.has-error .form-select {
    background-color: rgba(185, 41, 41, 0.1);
}

.irs--round .irs-handle {
    border: 4px solid #073b61;
    width: 40px;
  }

.irs--round .irs-from, .irs--round .irs-to {
    background-color: #073b61;
}

.irs--round .irs-from::before, .irs--round .irs-to::before {
    border-top-color: #073b61;
}
  
.irs--round .irs-handle.from::before {
    content: 'Min';
    position: absolute;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #073b61;
    width: 100%;
    text-align: center;
    left: 0;
}
  
.irs--round .irs-handle.to::before {
    content: 'Max';
    position: absolute;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #073b61;
    width: 100%;
    text-align: center;
    left: 0;
}
  
.irs--round .irs-single {
    background-color: #073b61;
}
  
.irs--round .irs-single::before {
    border-top-color: #073b61;
}
  
.irs--round .irs-bar {
    background-color: #073b61;
}



td.ui-datepicker-week-end .ui-state-default {
      background-color: #d1d1d1;
      border-color: #d1d1d1;
   }


.ui-state-default, 
.ui-widget-content .ui-state-default {
   background: #e8edf0;
   border-color: #e8edf0;
}

.ui-state-default, 
.ui-widget-content .ui-state-active {
   background: #073b61;
   border: 1px solid #073b61;
}

.ui-datepicker .ui-datepicker-header {
   background: #e8edf0;
   padding: 0.4rem 0 0.55rem !important;
   border: 0;
}

.ui-datepicker-title {
   position: relative;
}

.ui-datepicker-title::before,
.ui-datepicker-title::after {
    position: absolute;
    color: #fff;
    font-size: 11px;
    top: 6px;
    content: '\25BE';
    pointer-events: none;
}

.ui-datepicker-title::before {
    left: 38%;
}

 .ui-datepicker-title::after {
    right: 16px;
}

button.ui-state-default {
   font-weight: normal !important;
   float: none;
   margin: 0 0 4px 0;
   font-size: 15px;
   padding: 8px 0 !important;
   color: #073b61 !important;
}

.availability {
   margin-top: 12px;
   padding-bottom: 12px;
}

.availability label {
    font-size: 14px;
    margin-left: 6px;
    color: #073b61;
    font-weight: 600;
    margin-bottom: 0;
}


#ui-datepicker-div .ui-datepicker-header {
    background: #e8edf0;
    padding: 0.4rem 0 0.55rem !important;
    border: 0;
}

#ui-datepicker-div td {
    font-size: 14px;
}

#ui-datepicker-div td a {
    padding: 0.7em 0.2em 0.2em 0.7em;
}

#ui-datepicker-div.ui-state-default,
#ui-datepicker-div.ui-widget-content .ui-state-default {
    background: #e8edf0;
    border-color: #e8edf0;
}

#ui-datepicker-div.ui-datepicker-current-day #ui-datepicker-div.ui-state-active {
    background-color: #073b61 !important;
    border: 1px solid #073b61 !important;
    color: #fff;
}

#ui-datepicker-div td.ui-datepicker-week-end #ui-datepicker-div .ui-state-default {
    background-color: #d1d1d1;
    border-color: #d1d1d1;
}


select.ui-datepicker-month,
select.ui-datepicker-year {
   width: 40% !important;
   margin: 0 5px !important;
   appearance: none;
   padding: 3px 10px;
   border: 1px solid #073b61;
   color: #fff;
   border-radius: 5px;
   font-size: 14px !important;
   background: #073b61;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
}

.ui-datepicker-title:after,
.ui-datepicker-title:before {
   content: '';
   display: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   top: 12px;
}

.ui-widget-content {
   border-top: 1px solid #073b61;
}

.ui-datepicker .ui-datepicker-buttonpane {
   padding: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    margin: 0 0 4px;
 }

.calendar-text {
   color: #073b61;
   font-size: 13px;
   border-top: 1px solid #073b61;
   border-bottom: 1px solid #073b61;
   margin-top: 15px;
   padding: 15px 20px;
   margin-bottom: 5px;
}

.calendar-text a {
    text-decoration: underline;
    color: #073b61;
    font-weight: 600;
 }

 .hero--short {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
 }

 .text-content {
    padding: 90px 0;
    color: #073b61;
 }

 .text-content p,
 .text-content a,
 .text-content strong {
    color: #073b61;
 }