@font-face {
    font-family: 'EBGaramond-Regular';
    src: url('../../fonts/EBGaramond-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'EBGaramond-Bold';
    src: url('../../fonts/EBGaramond-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'EBGaramond-ExtraBold';
    src: url('../../fonts/EBGaramond-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'EBGaramond-MediumItalic';
    src: url('../../fonts/EBGaramond-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'EBGaramond-Italic';
    src: url('../../fonts/EBGaramond-Italic.ttf') format('truetype');
}

header, footer, .header-bg {
    display: none !important;
}

body {
    background-color: #062639;
    padding: 25px;
    font-family: 'EBGaramond-Regular' !important;
}

ul {
    margin-left: 1em;
}

input[type="checkbox"] {
    margin-right: 5px;
}

.inner-wrapper {
    padding: 0px;
}

#main-container {
    display: flex;
}

#main-wrapper {
    margin: 0 auto;
    width: 100%;
}

.eb-regular-font {
    font-family: 'EBGaramond-Regular' !important;
}

.eb-medium-italic-font {
    font-family: 'EBGaramond-medium-Italic' !important;
}

.eb-italic-font {
    font-family: 'EBGaramond-Italic' !important;
}

.eb-bold-font {
    font-family: 'EBGaramond-Bold' !important;
}

.eb-extra-bold-font {
    font-family: 'EBGaramond-ExtraBold' !important;
}

.bluhaus-logo {
    height: 200px;
}

.currencies {
    display: flex;
    margin: 1em 0;
}

.currency {
    border: 1px solid #B39C7B;
    padding: 7px 10px;
    cursor: pointer;
}

.currency.active {
    background-color: #B39C7B;
    color: #062639;
}

.bluhaus-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    color: #B39C7B;
}

.bluhaus-container .loyalty-greeting {
    font-size: 24px;
    margin-bottom: 25px;
}

.bluhaus-container .top-part {
    display: flex;
    flex: 1;
    height: 100%;
    width: 100%;
}

.bluhaus-container .bottom-part {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    flex: 1 1 auto;
}

.bluhaus-container .bottom-part.not-center {
    justify-content: left;
}

.bluhaus-container .nav-bar, .bluhaus-container .content-wrapper {
    margin-top: 25px;
}

.bluhaus-container .nav-bar a {
    color: #B39C7B;
}

.bluhaus-container .nav-bar a:focus,
.bluhaus-container .nav-bar a:hover {
    color: #FAF6EB !important;
}

.bluhaus-container .col-lg-3 {
    width: 33.33%;
    padding: 0;
}

.bluhaus-container .left-side {
    width: 50%;
    position: relative;
    padding: 0;
    float: none;
    display: flex;
}

.bluhaus-container .left-side .bluhaus-flower {
    height: 100%;
    width: auto;
    margin-left: auto;
    padding: 0 50px 0 0px;
}

.bluhaus-container .right-side {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.bluhaus-container .checkoutsummary-address.co-login {
    padding: 0 0 0 50px;
}

.bluhaus-container .c-s-ad-set {
    min-height: 370px;
    padding: 20px 0;
    width: 100%;
}

.bluhaus-container .top-caption {
    text-align: end;
    color: #B39C7B;
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 30px;
    margin-left: auto;
}

.bluhaus-container .login-form, .bluhaus-container .c-s-login-content label, .bluhaus-container  .form-group label {
    color: #B39C7B;
    font-family: 'EBGaramond-Regular' !important;
}

.bluhaus-container .login-form h2 {
    font-size: 20px !important;
    letter-spacing: 0.2px;
    line-height: 30px;
    text-transform: none;
}

.bluhaus-container input[type="email"], .bluhaus-container input[type="text"], .bluhaus-container .c-s-login-content input[type="text"], .bluhaus-container .c-s-login-content input[type="password"] {
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #706863 !important;
    color: #B39C7B !important;
    box-shadow: none !important;
    font-family: 'EBGaramond-Regular' !important;
    font-size: 16px !important;
}

.bluhaus-container .gender-line label, .bluhaus-container .checkbox label {
    color: #B39C7B;
}

.bluhaus-container .button.button-medium {
    border: 1px solid #706863;
    background-color: #B39C7B;
    color: #062639;
    font-family: 'EBGaramond-Regular' !important;
    text-decoration: none;
}

.bluhaus-container .button.button-medium.reverse {
    border: 1px solid #062639;
    background-color: #062639;
    color: #B39C7B;
    font-family: 'EBGaramond-Regular' !important;
}

.bluhaus-container .button.button-medium.button-orange-line.reverse {
    border: 1px solid #B39C7B;
}

.bluhaus-container .button.button-medium:hover {
    background-color: #062639;
    color: #B39C7B !important;
}

.bluhaus-container .button.button-medium.reverse:hover {
    background-color: #B39C7B;
    color: #062639 !important;
}

.bluhaus-container .button.button-medium.register-btn {
    margin-left: 15px;
}

.bluhaus-container .alert-danger, .bluhaus-container .alert-success {
    border: 1px solid #706863 !important;
    color: #062639 !important;
    background: #B39C7B;
    text-align: left;
    display: block;
    font-family: 'EBGaramond-Regular' !important;
}

.bluhaus-container #identityFields #uniform-months {
    width: 115px !important;
}

.bluhaus-container #identityFields #uniform-years {
    width: 80px !important;
}

.bluhaus-container textarea, .bluhaus-container select, .bluhaus-container  input[type="number"] {
    border: 1px solid #706863 !important;
    color: #B39C7B !important;
    background-color: #062639 !important;
    font-size: 16px !important;
}

.bluhaus-container  input[type="number"] {
    width: 100%;
    padding: 6px 12px;
    text-align: center;
}

.bluhaus-container .refer-link a, .bluhaus-container .share-text {
    color: #B39C7B;
}

.bluhaus-container .refer-link a:hover {
    color:#F79748;
}

.bluhaus-container .convert-form, .bluhaus-container .rate {
    margin-top: 25px;
}

.bluhaus-container .exchange-result {
    display: none;
    margin-top: 25px;
}

.bluhaus-container .points-input, .bluhaus-container  .convert-btn {
    width: 50% !important;
}

.bluhaus-container input::-webkit-outer-spin-button,
.bluhaus-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.bluhaus-container input[type=number] {
  -moz-appearance: textfield;
}

.bluhaus-container .col-xs-4.measurement-field {
    padding: 5px 2.5px 5px 0;
}

.bluhaus-container .confirm.section .body span, .bluhaus-container .my-bookings a:hover, .bluhaus-container .my-bookings a:active, .bluhaus-container .my-bookings a:visited, 
.bluhaus-container .my-bookings a::selection, .bluhaus-container .my-bookings a {
    color: #B39C7B;
}

.bluhaus-container .my-bookings {
    margin-top: 25px;
}

.bluhaus-container #qrcode canvas {
    border: 5px solid white;
}

.bluhaus-container .spending-tracker-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    flex-direction: column;
}

.bluhaus-container .spending-tracker {
    margin: 25px;
    position: relative;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bluhaus-container .spending-tracker .spending-percent {
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, 0%);
}

.bluhaus-container .spending-tracker .progress-circle {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.bluhaus-container input:-webkit-autofill,
.bluhaus-container input:-webkit-autofill:hover, 
.bluhaus-container input:-webkit-autofill:focus,
.bluhaus-container textarea:-webkit-autofill,
.bluhaus-container textarea:-webkit-autofill:hover,
.bluhaus-container textarea:-webkit-autofill:focus,
.bluhaus-container select:-webkit-autofill,
.bluhaus-container select:-webkit-autofill:hover,
.bluhaus-container select:-webkit-autofill:focus,
.bluhaus-container input:-webkit-autofill::first-line {
  border: 1px solid transparent;
  -webkit-text-fill-color: #B39C7B;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  font-family: 'EBGaramond-Regular' !important;
}

.bluhaus-container textarea {
    padding: 5px;
    font-size: 13px;
}

.bluhaus-container .survey {
    margin-top: 1em;
    padding-top: 1em;
}

.bluhaus-container label {
    font-size: 16px;
}

.section .survey .title {
    margin-bottom: 30px;
}

.bluhaus-container .survey label {
    margin-top: 1em;
}

.bluhaus-container .survey select {
    width: 100px;
}

.bluhaus-container .enthusiast-progress {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.bluhaus-container .explorer-progress {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%);
    flex-direction: column;
    display: flex;
}

.bluhaus-container .question {
    margin-bottom: 35px;
}

.bluhaus-container .question input.other-input {
    max-width: unset;
    width: 100%;
}

.bluhaus-container select:disabled#days, .bluhaus-container select:disabled#months, .bluhaus-container select:disabled#years {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    #main-wrapper, .bluhaus-container .nav-bar, .bluhaus-container .content-wrapper {
        width: 100%;
    }

    .inner-wrapper, .shop-content {
        padding-left: 0;
        padding-right: 0;
    }
    
    .bluhaus-container .bottom-part.reverse {
        flex-direction: column-reverse;
    }

    .bluhaus-container .bottom-part {
        flex-direction: column;
    }

    .bluhaus-container .nav-bar, .bluhaus-container .content-wrapper {
        padding: 0;
    }

    .bluhaus-container .left-side .bluhaus-flower {
        width: 100%;
    }

    .bluhaus-container .right-side, .bluhaus-container .left-side {
        width: 100%;
    }

    .bluhaus-container .login-form {
        margin: 0;
    }

    .bluhaus-container .left-side .bluhaus-flower, .bluhaus-container .checkoutsummary-address.co-login {
        padding: 0;
    }

    .bluhaus-logo {
        height: fit-content;
    }

}