@font-face {
        font-family: 'AZDS-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/603d343273735435378149.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-second';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/603d343273735435378149.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-third';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/603d343273735435378149.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-fourth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/603d343273735435378149.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-fifth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/603d343273735435378149.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-sixth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/603d343273735435378149.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-room-third';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/61bd20c0d8e6a118818166.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-order-form-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/61bd20c0d8e6a118818166.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-room-rate-fourth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/61bd20c0d8e6a118818166.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-review-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/603d343273735435378149.woff") format("woff");
                }
    
    :root {
    --azds-theme-main-color: #1a4b70 !important;
    }
    .b-main-bcolor {
    background-color: #1a4b70 !important;
    }
    .b-main-bcolor-hover:hover {
    background-color: #1a4b70 !important;
    }
    .b-main-fcolor {
    color: #1a4b70 !important;
    }
    .b-main-fcolor-hover:hover {
    color: #1a4b70 !important;
    }
    .b-main-border-color{
    border-color: #1a4b70 !important;
    }
    .b-main-border-color-hover:hover {
    border-color: #1a4b70 !important;
    }
    .b-main-border-color::after{
    border-color: #1a4b70 !important;
    }

    :root {
    --azds-theme-second-color: #ffffff !important
    }
    .b-second-bcolor {
    background-color: #ffffff !important;
    }
    .b-second-bcolor-hover:hover {
    background-color: #ffffff !important;
    }
    .b-second-fcolor {
    color: #ffffff !important;
    }
    .b-second-fcolor-hover:hover {
    color: #ffffff !important;
    }
    .swiper-pagination .swiper-pagination-handle .swiper-pagination-bullet-active {
    background-color: #ffffff !important;
    }
    .b-second-border-color{
    border-color: #ffffff !important;
    }
    .b-second-border-color-hover:hover {
    border-color: #ffffff !important;
    }
    .b-second-border-color::after{
    border-color: #ffffff !important;
    }

    :root {
    --azds-theme-third-color: #ba8748 !important
    }
    .b-third-bcolor {
    background-color: #ba8748 !important;
    }
    .b-third-bcolor-hover:hover {
    background-color: #ba8748 !important;
    }
    .b-third-fcolor {
    color: #ba8748 !important;
    }
    .b-third-border-color{
    border-color: #ba8748 !important;
    }
    .b-third-border-color-hover:hover {
    border-color: #ba8748 !important;
    }
    .b-third-border-color::after{
    border-color: #ba8748 !important;
    }

    .b-main-background {
        background-image: url(https://d1t1qzzb2zwrre.cloudfront.net/master/61bd1d080942c659338400.jpeg) !important;
        background-position: center;
        background-size: cover;
    }

.azds-booking-section .booking-section-header .logo img {
    width: 100%;
}
@media screen and (min-width: 769px) {
.azds-booking-section .booking-section-header .logo img {
    vertical-align: middle !important;
    min-height: 100px !important;
}
}

.azds-booking-section .calendar-month .cal-month-view .cal-days .cal-cell.azds-calendar-day-minimumStay {
  color: #fff !important;
}
.azds-booking-section .calendar-month .cal-month-view .cal-days .cal-cell.azds-calendar-day-notAvailable{
  color: #fff !important;
}
.azds-booking-section .calendar-month .cal-month-view .cal-days .cal-cell.azds-calendar-day-selected {
  color: #fff !important;
}
.azds-booking-section .booking-section-header {
  text-align: center !important;
}
.azds-booking-section .booking-section-header .logo {
  margin: 0 auto;
}
.cal-month-view .cal-day-cell[ng-reflect-ng-class="expired"] {
  color: #c5c7d0 !important;
}
.azds-contact-block  .azds-contact-block-phone a, .azds-contact-block .azds-contact-block-email a {
  color: #fff !important;
}
.legend-block strong.available i {
  border: solid 1px #000;
}
.room-info .room-price .room-reserve-btn {
  background-color: #1a4b70 !important;
  border: 1px solid #1a4b70 !important;
  color: #fff !important;
}
.descr-wrap .ri .btn-book {
  background-color: #1a4b70 !important;
  border: 1px solid #1a4b70 !important;
  color: #fff !important;
}
.azds-booking-section .reserve-form .reserve-btn:hover {
  background-color: #1a4b70 !important;
  color: #fff !important;
}
.azds-booking-section .reserve-form .reserve-btn {
  background-color: #1a4b70 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  padding: 2px 10px 4px !important;
  line-height: 32px;
}

.azds-contact-block  .azds-contact-block-phone a, .azds-contact-block .azds-contact-block-email a {
  color: #000 !important;
}
.azds-contact-block {
  background-color: #edebe5 !important;
  color: #000 !important;
}
.azds-booking-section .booking-section-header {
  background-color: #edebe5 !important;
  padding: 10px !important;
}

.booking-overlay-open ul li {
  background: initial;
}

boutique-policies-block p > li,
.policy-block-desc > li {
  list-style-type: none !important;
}

.azds-booking-section .reserve-form .reserve-box .sel,
.azds-booking-section .reserve-form .reserve-box .sel .ng-select,
.azds-booking-section .reserve-form .reserve-box .inp,
.azds-booking-section .reserve-form .reserve-box .inp input {
  height: 100%;
}

modal-container .modal-dialog.image .modal-content {
  height: auto !important;
}

@media screen and (max-width: 850px) and (min-width: 769px) {
  .reserve-row-section .reserve-col {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .reserve-row-section .reserve-col + .reserve-col {
    margin-left: 0 !important;
  }
}

.booking-confirmation-wrap .booking-confirmation-info .azds-buttons .btn-cancel-reservation-search:last-child {
  margin-right: 0 !important;
}

.booking-confirmation-wrap .booking-confirmation-info .azds-buttons {
  padding: 0 10px !important;
}

.booking-overlay-open #stickynav {
  display: none;
}

.booking-overlay-open bs-modal-backdrop.modal-backdrop {
  z-index: 1040000 !important;
}

.booking-overlay-open modal-container.modal {
  z-index: 1050000 !important;
}

.ds-step3-right .room-info .room-description span > li {
  margin-left: 8px;
}

@-moz-document url-prefix() {
  .ds-step3-right .room-info .room-description span > li {
    margin-left: 17px;
  }
}

boutique-resort-fee {
  display: none !important;
}


/* Custom CSS for Express Checkout
Hotel Name: Skamania Lodge */

boutique-form-wrapper .title span  {
  font-family: "AZDS-review-third","AZDS-third","GT-Sectra-Display",serif !important; 
}

#sb-express {
  --express-font-family: "GT-Sectra-Display" !important;
  position: relative !important;
}

#sb-express .Express-Input-Container,
#sb-express .Express-CreditCard-Container,
#sb-express .Express-Phone-Container {
  border: 1px solid #505050 !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}

#sb-express .Express-Input Container {
  font-family: "AZDS-order-form-second","AZDS-second","GT-Sectra-Display",serif !important;
}

#sb-express .Express-Input-Container--invalid,
#sb-express .Express-CreditCard-Container--invalid,
#sb-express .Express-Phone-Container--error {
  border-color: #dd2c2f !important;
}

#sb-express .Express-Input-Container:focus-within,
#sb-express .Express-Phone-Container:focus-within {
  border: 1px solid #505050 !important;
}

#sb-express .Express-ExpressPay-Header,
#sb-express .Express-CardPay-Header {
  font-size: 29px !important;
  line-height: 100% !important;
  text-align: left !important;
  letter-spacing: 0.08em !important;
  font-weight: 275 !important;
  margin-top: 8px !important;
  color: #282828 !important;
  font-family: "AZDS-review-third","AZDS-third","GT-Sectra-Display",serif !important;
  text-transform: uppercase !important;
}

@media screen and (max-width: 1023px) {
  #sb-express .Express-ExpressPay-Header, 
  #sb-express .Express-CardPay-Header {
    font-size: 29px !important;
  }
}

#sb-express .Express-Phone-Input-Container:hover,
#sb-express .Express-Phone-Input-Container:focus-within,
#sb-express .Express-Phone-Input-Container,
#sb-express .Express-CreditCard-CardNumber-Container,
#sb-express .Express-CreditCard-Expiration-Container,
#sb-express .Express-CreditCard-CVV-Container,
#sb-express .Express-CreditCard-CardNumber-Container:focus-within,
#sb-express .Express-CreditCard-Expiration-Container:focus-within,
#sb-express .Express-CreditCard-CVV-Container:focus-within,
#sb-express .Express-CountrySelect,
#sb-express .Express-CountrySelect:hover,
#sb-express .Express-CountrySelect:focus-within {
  border-color: transparent !important;
  background-color: transparent !important;
}

boutique-account-hello div,
#sb-express .Express-ExpressPay-Footer,
#sb-express .Express-Checkbox-Content > span,
#sb-express .Express-CardPay-Footer 
 {
  font-size: 15px !important;
  line-height: 1.7 !important;
  /* font-family: "AZDS-upgrade-room-main","AZDS-main","GT-Sectra-Display-light",serif !important; */
}

#sb-express .Express-CardPay-Content-GuestInformationHeader,
#sb-express .Express-CardPay-Content-PaymentInformationHeader {
  font-style: normal !important;
  font-weight: 275 !important;
  font-size: 19px !important;
  line-height: 100% !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #181818 !important;
  font-family: "AZDS-review-main","AZDS-main","GT-Sectra-Display",serif !important;
  text-align: left !important;
}

#sb-express .Express-CardPay-Content {
  margin-top: 24px !important;
}

#sb-express .Express-Checkbox-Content {
  margin: 0 !important;
}

#sb-express .Express-BookNow-Button {
  margin-top: 30px !important;
  color: black !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 100% !important;
  letter-spacing: 0.08em !important;
  background-color: transparent !important;
}

#sb-express .Express-BookNow-Content {
  font-size: 20px !important;
  font-weight: 400 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid black !important;
  font-family: "AZDS-review-main","AZDS-main","GT-Sectra-Display",serif !important;
}

#sb-express .sb-express-content {
  border: 1px solid #3b3b3d !important;
  padding: 56px 44px !important;
}

#sb-express-content {
  padding: 0 44px !important;
  padding-bottom: 30px !important;
}

@media screen and (max-width: 600px) {
 #sb-express #sb-express-content {
      padding: 0 !important;
  }
}

#sb-express .sb-express-content * {
  font-family: "GT-Sectra-Display" !important;
}

#sb-express .gpay-button,
#sb-express .apple-pay-btn {
  border-radius: 0px !important;
  border-width: 0px !important;
}

#sb-express #sb-express-powered-by {
  display: flex !important;
  margin-top: 25px !important;
  position: absolute !important;
  justify-content: center !important;
  width: 100% !important;
}

apple-pay-button {
  --apple-pay-button-border-radius: 0px;
}

apple-pay-button:hover {
  opacity: 0.8;
}

#sb-express .Express-Phone-Divider {
  border-right: 1px solid rgb(206 212 218 / var(--tw-border-opacity)) !important;
}

#sb-express .Express-Input-Input {
  box-shadow: none !important;
  padding-left: 0px !important;
}
#sb-express .Express-Select-Button {
  padding: unset !important;
  position: relative !important;
  box-shadow: none !important;  
}

#sb-express button.Express-Input-Input {
  padding: 0px !important;
}
#sb-express .text-left {
    z-index: 2; 
    width: 100% !important;
    background-color: #fff; 
    border-radius: 12px; 
    padding: none !important; 
    position: relative !important; 
    right: auto;
    box-shadow: none !important;
}
#sb-express .grid {
  grid-template-columns: unset !important;
}

#sb-express #sb-express-powered-by {
  display: none !important;
}

/* Paybox End */