File manager - Edit - /home/monara/public_html/Hotel_Sapphire_redesign/wp-content/plugins/eagle-booking/assets/css/eb.css
Back
/*================================================ * Plugin Name: Eagle Booking * Version: 1.3.4.1 * Author: Eagle Themes * Author URI: eagle-booking.com ================================================= */ :root { --color-primary: #19a1f7; --color-primary-hover: #2c88c0; --color-primary-text: #606060; --color-scondary-text: #808080; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { overflow-x: hidden; } .mt0 { margin-top: 0px } .mt5 { margin-top: 5px } .mt10 { margin-top: 10px } .mt15 { margin-top: 15px } .mt20 { margin-top: 20px } .mt25 { margin-top: 25px } .mt30 { margin-top: 30px } .mt35 { margin-top: 35px } .mt40 { margin-top: 40px } .mt45 { margin-top: 45px } .mt50 { margin-top: 50px } .mt55 { margin-top: 55px } .mt60 { margin-top: 60px } .mt65 { margin-top: 65px } .mt70 { margin-top: 70px } .mt75 { margin-top: 75px } .mt80 { margin-top: 80px } .mt85 { margin-top: 85px } .mt90 { margin-top: 90px } .mt95 { margin-top: 95px } .mt100 { margin-top: 100px } .mb0 { margin-bottom: 0px } .mb5 { margin-bottom: 5px } .mb10 { margin-bottom: 10px } .mb15 { margin-bottom: 15px } .mb20 { margin-bottom: 20px } .mb25 { margin-bottom: 25px } .mb30 { margin-bottom: 30px } .mb35 { margin-bottom: 35px } .mb40 { margin-bottom: 40px } .mb45 { margin-bottom: 45px } .mb50 { margin-bottom: 50px } .mb55 { margin-bottom: 55px } .mb60 { margin-bottom: 60px } .mb65 { margin-bottom: 65px } .mb70 { margin-bottom: 70px } .mb75 { margin-bottom: 75px } .mb80 { margin-bottom: 80px } .mb85 { margin-bottom: 85px } .mb90 { margin-bottom: 90px } .mb95 { margin-bottom: 95px } .mb100 { margin-bottom: 100px } /* New Design */ .eb-page:has(.eb-stepline) main { padding-top: 0; } .eb-page main.room-page { background: #fff; padding: 100px 0; } .eb-page a { text-decoration: none; } .eb-container { margin: 0 auto; } /* Form */ .eb-form-col { position: relative; } .eb-form-col label { position: absolute; top: 15px; left: 15px; margin-bottom: 0; font-size: 14px; letter-spacing: 0.1px; color: #858a99; font-weight: normal; pointer-events: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .eb-form-col.eb-phone label { left: 80px; } .eb-form-col input:focus + label, .iti input:focus + label, .eb-form-col label.input-has-value { top: 0px; font-size: 11px; } .eb-page input.empty { border-color: #ff0000; } .eb-page input::-webkit-input-placeholder { color: #b3b3b3; } .eb-page input:-moz-placeholder { color: #b3b3b3; } .eb-page input::-moz-placeholder { color: #b3b3b3; } .eb-page input:-ms-input-placeholder { color: #b3b3b3; } .eb-page input[type=checkbox] { -webkit-appearance: none; background: #fafafa; border: 1px solid #ccc; border-radius: 2px; width: 16px; height: 16px; padding: 6px; display: inline-block; position: relative; margin-right: 6px; outline: none; } .eb-page .eagle-booking-booking-form input[type=checkbox] { -webkit-appearance: none; background: #ffffff; border: 1px solid #e6e9eb; padding: 8px; border-radius: 2px; display: inline-block; position: relative; top: 4px; margin-right: 6px; outline: none; } .eb-page .eagle-booking-booking-form input[type=checkbox].empty { border-color: #ff0000; } .eb-page input[type=checkbox]:checked { background: #fff; border: 1px solid #adb8c0; color: #99a1a7; } .eb-page input[type=checkbox]:checked:after { content: '\2714'; font-size: 12px; line-height: 18px; position: absolute; top: -2px; left: 2px; color: #a7d155; } .eb-page input[type=checkbox]:checked::before { display: none; } .eb-page .eagle-booking-booking-form input[type=checkbox]:checked { background: #22c58b; border: 1px solid #22c58b; } .eb-page .eagle-booking-booking-form input[type=checkbox]:checked:after { content: '\2714'; font-size: 11px; line-height: 18px; position: absolute; top: -1px; left: 4px; color: #fff; } .eb-page input[type=checkbox], .eb-page input[type=checkbox]:focus, .eb-page input[type=checkbox]:active, .eb-page input[type=checkbox]:hover { cursor: pointer; outline: none; } .eb-field { position: relative; padding: 12px 15px; background: #fff; border: 1px solid #c8c8c8; color: #606060; width: 100%; font-size: 14px; line-height: 22px; text-transform: none; } .eb-field:focus, .eb-field.active, .eb-field:focus:active { border-color: #b8b8b8; outline: none; box-shadow: none; } .search-form .eb-field, .eb-search-form .eb-field { cursor: pointer; } .eb-checkout-form .eb-field label { position: absolute; line-height: 1; padding: 5px 8px; font-size: 15px; font-weight: 400; top: 10px; left: 12px; z-index: 444; color: rgba(36,41,66,0.4); border-radius: 4px; pointer-events: none; transition: 150ms all linear; position: absolute; pointer-events: none; color: #9DA2A6; line-height: 18px; z-index: 100; } .eb-checkout-form .eb-field input:focus { padding-top: 25px; font-size: 15px; } .eb-checkout-form .eb-field input:focus+label { top: 0; font-size: 11px; font-weight: bold; } .eb-checkout-form .eb-field { padding: 10px 15px; padding-top: 20px; font-size: 15px; } .eb-checkout-form .eb-coupon.eb-field { padding: 15px 15px; } .eb-checkout-form .eb-field.eb_user_phone_field { padding: 15px 10px; padding-left: 100px !important; width: 100%; } .eb-checkout-form textarea.eb-field { padding: 10px 15px; display: block; } .eb-page .iti { width: 100%; } .eb-page .iti__arrow { border-top: 4px solid #a3a3a3; } .eb-page .iti__arrow--up { border-top: none; border-bottom: 4px solid #a3a3a3; } .eb-page .iti__country-list { padding-left: 0; } .eb-page .country-select { width: 100%; } .iti--separate-dial-code .iti__selected-flag { background: transparent; outline: none; padding-right: 10px; } .iti--separate-dial-code .iti__selected-flag:after { content:""; position: absolute; height: 30px; width: 1px; background: #e6e9eb; top: 12px; right: 0; } .room-booking-form .eb-field-group, .booking-search-form .eb-field-group { margin-bottom: 15px; } .room-booking-form .eb-field-group:last-of-type, .booking-search-form .eb-field-group:last-of-type { margin-bottom: 0; } .room-booking-form .eb-field-group .eb-field, .booking-search-form .eb-field-group .eb-field, .eb-search-form .eb-field { cursor: pointer; } /* Buttons */ .eb-btn { background: var(--color-primary); border-radius: 2px; border: 1px solid var(--color-primary); box-shadow: none; outline: none; padding: 10px 15px; font-size: 14px; line-height: 26px; color: #fff; font-weight: 700; text-transform: none; cursor: pointer; transition: .5s; } .eb-btn.btn-border { padding: 5px 10px; background: transparent; border: 1px solid var(--color-primary); color: var(--color-primary); } .eb-btn.btn-border:hover, .eb-btn.btn-border:active, .eb-btn.btn-border:focus, .eb-btn.btn-border:active:focus { padding: 5px 10px; background: var(--color-primary); border: 1px solid var(--color-primary); outline: none; box-shadow: none; color: #fff; } .eb-btn:hover, .eb-btn:active, .eb-btn:focus, .eb-btn:active:focus { background: var(--color-primary-hover); color: #fff; border: 1px solid var(--color-primary);; box-shadow: none; outline: none !important; text-decoration: none; } .eb-btn i { display: inline-block; width: 24px; height: 24px; margin-right: 10px; font-size: 10px; line-height: 24px; border-radius: 50%; background-color: rgba(0, 0, 0, .15); text-align: center; } .btn.eb-btn.btn-transparent, .btn.eb-btn.btn-transparent:hover, .btn.eb-btn.btn-transparent:active, .btn.eb-btn.btn-transparent i { background: transparent !important; padding-left: 0; color: #606060; } .eb-btn.btn-full { width: 100%; } .btn.eb-btn-transparent, .btn.eb-btn-transparent:hover, .btn.eb-btn-transparent:active, .btn.eb-btn-transparent:active:focus { background: transparent; padding-left: 0; color: #606060; } .btn.eb-btn.btn-right { float: right; } .btn.eb-btn.icon-right i { margin-right: 0; margin-left: 10px; } .btn.eb-btn.icon-left i { margin-left: 0; margin-right: 10px; } .btn.eb-btn.btn-transparent.icon-right i { margin-left: 5px; } .btn.eb-btn.btn-transparent.icon-left i { margin-right: 5px; } .eagle-booking-booking-form textarea.form-control { min-height: 100px; resize: vertical; } .eagle-booking-booking-form .bootstrap-select.btn-group .dropdown-toggle .caret:before { top: -8px; right: 0; } .eagle-booking-booking-form.terms-conditions { margin-left: 2px; } /* EB Checkout Page */ .eb-checkout-page { display: grid; grid-template-columns: 6fr 2fr; column-gap: 40px; } .eb-section { margin-bottom: 50px; } .eb-section:last-child { margin-bottom: 0; } .eb-section .title { position: relative; font-size: 18px; margin-bottom: 25px; } .checkout-details .title { margin-bottom: 30px; } .checkout-details .checkout-details-inner { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 20px; row-gap: 20px; } .checkout-details .checkout-details-services span { margin-right: 5px; } .eb-page .checkout-payment-tabs { margin-top: 50px; margin-bottom: 30px; } .checkout-payment-tabs .title { margin-bottom: 30px; } .checkout-payment-tabs .eb-payment-tabs { list-style: none; margin-top: 40px; padding-left: 0; } .checkout-payment-tabs .eb-payment-tabs .payment-tab-item { display: inline-block; margin-bottom: 0; margin-right: 10px; } .checkout-payment-tabs .eb-payment-tabs .payment-tab-item a { display: block; padding: 15px 30px; background: #f1f2f3; border: 1px solid #eaeaea; border-bottom: 0; font-size: 16px; color: #858a99; font-weight: 600; } .checkout-payment-tabs .eb-payment-tabs .payment-tab-item a i { font-size: 13px; margin-right: 8px; } .checkout-payment-tabs .eb-payment-tabs .payment-tab-item:focus { outline: none; } .checkout-payment-tabs .eb-payment-tabs .payment-tab-item.ui-state-active a { background: #ffffff; border-top: 2px solid #deb666; position: relative; } .checkout-payment-tabs .eb-payment-tabs .payment-tab-item.ui-state-active a:after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #fff; } .checkout-payment-tabs .payment-tabs-content { background: #fff; border: 1px solid #ebebeb; padding: 40px 30px; } .checkout-payment-tabs .payment-tabs-content .checkout-mssg { padding-bottom: 20px; } .checkout-payment-tabs .btn { text-transform: none; width: auto; } .StripeElement { background: #fff; border: 1px solid #ebebeb; padding: 12px 20px; } #payment-form .form-row { width: 80%; display: inline-block; float: left; } .btn-stripe { width: 18%; margin-left: 2%; } #AcceptUIContainer { top: 50% !important; position: fixed !important; } /* Checkout Button */ .payment-tabs-content .btn { padding: 14px 25px; border-radius: 2px; font-size: 15px; line-height: 15px; font-weight: bold; } /* Viva Wallet Form */ .vivawallet-form .vivawallet-btn { margin-top: 30px; } .eb-form-group { display: block; margin-bottom: 30px; } /* THANK YOU PAGE */ .thankyou-page { max-width: 600px; margin: 0 auto; } .thankyou-page .eb-thank-details { margin: 0 auto; border: 1px solid #ededed; border-radius: 4px; padding: 30px 50px; } .thankyou-page .eb-thank-details .title { text-align: center; } .thankyou-page .eb-thank-details ul { list-style: none; margin-left: 0; padding-left: 0; margin-top: 50px; } .thankyou-page .eb-thank-details ul li { margin-bottom: 0; font-size: 14px; padding: 2px 0px; } .thankyou-page .eb-thank-details ul li span { width: 45%; display: inline-block; } .thankyou-page .thankyou-buttons { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; } .thankyou-page .thankyou-buttons .btn { width: auto; } /* Alert */ .eb-alert { position: relative; width: 100%; padding: 12px 18px; border-radius: 4px; background: #f5f5f5; border: 1px solid #e6e9eb; color: #858a99; line-height: 22px; overflow: hidden; } .eb-alert.eb-alert-icon { padding-left: 60px; } .eb-alert.eb-alert-small { padding: 8px 20px; font-size: 14px; } .eb-alert.eb-alert-small.eb-alert-icon { padding-left: 45px; } .eb-alert.eb-alert-small i { width: 25px; height: 25px; margin-right: 10px; line-height: 25px; font-size: 12px; } .eb-alert.eb-alert-info { background: #19a1f7; border-color: #19a1f7; color: #fff; } .eb-alert.eb-alert-success { background: #c8e8d1; border-color: #c8e8d1; color: #379950; } .eb-alert.eb-alert-error { background: #e97776; border-color: #e97776 ; color: #7a2928; } .eb-alert.eb-alert-icon:before { content: ''; font-family: FontAwesome; position: absolute; width: 28px; height: 28px; left: 30px; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; text-align: center; font-size: 12px; line-height: 28px; background-color: rgba(0, 0, 0, .1); } .eb-alert.eb-alert-small.eb-alert-icon:before { width: 22px; height: 22px; left: 22px; line-height: 22px; font-size: 12px; } .eb-alert.eb-alert-icon.eb-alert-success:before { content: "\f00c"; } .eb-alert.eb-alert-icon.eb-alert-info:before { content: "\f129"; } .eb-alert.eb-alert-icon.eb-alert-error:before { content: "\f071"; } .eb-alert.eb-alert-icon.eb-alert-error.eb-alert-admin-only:before { content: "\f023"; } .eb-alert.eb-alert-error a { color: #fff; font-style: italic; } .eb-alert.eb-alert-success a { color: #30573a; } .eb-alert.eb-alert-error a:hover { text-decoration: underline; } .eb-alert.eb-alert-success i { background: #aad2b5; } .eb-alert.eb-alert-error i { background: #c65655; } /* Sidebar */ .eb-widget { margin-bottom: 40px; } .eb-widget:last-child { margin-bottom: 0; } .eb-widget.eb-widget-border { border: 1px solid #ebebeb; padding: 15px; } .eb-widget:last-child { border-bottom: none; } .eb-widget.eb-widget-border:last-child { border-bottom: 1px solid #ebebeb; } .eb-widget .title { position: relative; font-size: 18px; } .eb-widget .inner { padding-top: 20px; border-radius: 4px; } .eb-widget.no-title .inner { padding-top: 0; } .eb-widget label { margin-bottom: 5px; font-size: 13px; } .eb-widget .form-control { height: 45px; margin-bottom: 10px; } .eb-widget .eb-guestspicker .guestspicker { background: #fff; margin-bottom: 0; } .eb-widget .service { display: flex; align-items: center; margin-bottom: 5px; } .eb-widget .service label { margin-bottom: 0; font-size: 13px; } .eb-widget .service input:hover, .eb-widget .service label:hover { cursor: pointer; } .eb-widget .eb-branch-filter { position: relative; height: 50px; border: 1px solid #ededed; border-radius: 4px; padding: 14px; padding-left: 50px; cursor: pointer; margin-bottom: 15px; transition: .3s; line-height: 20px; font-weight: 600; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; } .eb-widget .eb-branch-filter:last-child { margin-bottom: 0; } .eb-widget .eb-branch-filter:hover, .eb-widget .eb-branch-filter.selected { border-color: #a7d155; background: rgb(34 197 139 / 10%); border-color: rgb(34 197 139 / 15%); } .eb-widget .eb-branch-filter img { height: 18px; width: auto; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; } .eb-widget .eb-branch-filter .eb-branch-filter-link { display: block; float: right; color: #bbb; z-index: 99; } .eb-widget .eb-branch-filter .eb-branch-checkbox { position: absolute; left: 12px; top: 12px; } .eb-widget.eb-room-branch { text-align: center; font-weight: 600; } .eb-widget.eb-room-branch a { color: #606060; } /* Styled Rdio Box ------------------------------------- */ .eb-radio-box { position: relative; background: #fff; border: 1px solid #e6e9eb; padding: 11px 15px; border-radius: 4px; -webkit-transition: .2s; transition: .2s; cursor: pointer; z-index: 9; } .eb-radio-box:hover, .eb-radio-box.selected { background: rgb(34 197 139 / 10%); border-color: rgb(34 197 139 / 15%); } .eb-radio-box input, .eb-radio-box input[type=radio] { margin: 0; padding: 0; width: 0; height: 0 } .eb-radio-box input:after { content: ''; position: absolute; width: 18px; height: 18px; border: 1px solid #d6d9db; border-radius: 50%; left: 15px; top: 50%; transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .eb-radio-box input:checked:after { border: 4px solid #22c58b; } .eb-radio-box label { margin-left: 20px; margin-right: 20px; margin-bottom: 0px !important; font-size: 13px; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* Checkout Form */ .eb-checkout-form .form-panel { margin-top: 50px; } /* Additional Services ------------------------------------- */ .eb-checkout-form .additional-service-item { position: relative; background: #fff; border: 1px solid #e6e9eb; padding: 11px 15px; border-radius: 4px; -webkit-transition: .2s; transition: .2s; cursor: pointer; z-index: 9; margin-bottom: 20px; } .eb-checkout-form .additional-service-item:hover, .eb-checkout-form .additional-service-item.selected { background: rgb(34 197 139 / 10%); border-color: rgb(34 197 139 / 15%); } .eb-checkout-form .additional-service-item span { line-height: 27px; flex: 1 0 33%; } .eb-checkout-form .additional-service-item span:nth-child(2) { flex: 30%; } .eb-checkout-form .additional-service-item span.toggle-service-full-details { position: absolute; right: 10px; top: 10px; z-index: 99; transition: .3s; } .eb-checkout-form .additional-service-item span.toggle-service-full-details:hover { color: #606060; } .eb-checkout-form .additional-service-item input { display: inline-block; position: absolute; margin-top: 0; top: 50%; transform: translateY(-50%); left: 15px; } .eb-checkout-form .additional-service-item input[type=checkbox] { padding: 9px; border-radius: 50%; z-index: -1; border: none; } .eb-checkout-form .additional-service-item input[type=checkbox]:checked { background: none; border: 0; } .eb-checkout-form .additional-service-item input[type=checkbox]:after { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #d6d9db; border-radius: 50%; left: 0px; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .eb-checkout-form .additional-service-item input[type=checkbox]:checked:after { border: 4px solid #22c58b; } .additional-service-item .additional-service-details { padding-left: 35px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .additional-service-item .additional-service-full-details { visibility: hidden; position: absolute; overflow: hidden; background: #f5f4fb; color: #626d76; top: 0; left: 0; width: 100%; height: 100%; padding: 5px 10px; padding-right: 50px; line-height: 20px; font-size: 14px; user-select: none; } .additional-service-item.open .additional-service-full-details { visibility: visible; width: 100%; } .eb-checkout-form .additional-service-item.open { border-color: #e6e4ef; } /* Arrival Slots ------------------------------------- */ .eb-arrival-slots { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 25px; row-gap: 25px; } .eb-arrival-slots .time-slot { text-align: center; } /* Button Animation ------------------------------------- */ .eb-btn-loader { width: 100%; height: 100%; text-align: center; pointer-events: none; display: flex; justify-content: center; align-items: center; } .eb-btn-loader .eb-spinner { background: #fff; height: 26px; width: 3px; margin-left: 3px; display: inline-block; -webkit-animation: eb-stretchdelay 1.2s infinite ease-in-out; animation: eb-stretchdelay 1.2s infinite ease-in-out; } .eb-btn-loader .spinner1 { margin-left: 0; } .eb-btn-loader .spinner2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .eb-btn-loader .spinner3 { -webkit-animation-delay: -1s; animation-delay: -1s } .eb-btn-loader .spinner4 { -webkit-animation-delay: -.9s; animation-delay: -.9s } .eb-btn-loader .spinner5 { -webkit-animation-delay: -.8s; animation-delay: -.8s } @-webkit-keyframes eb-stretchdelay { 0%, 40%, to { -webkit-transform: scaleY(.4) } 20% { -webkit-transform: scaleY(1) } } @keyframes eb-stretchdelay { 0%, 40%, to { transform: scaleY(.4); -webkit-transform: scaleY(.4) } 20% { transform: scaleY(1); -webkit-transform: scaleY(1) } } .eb-widget .additional-service-price { float: right; font-weight: 800; } .additional-services { margin-top: 20px; } .additional-service-item { margin-bottom: 10px; } .additional-service-item:last-child { margin-bottom: 0; } .additional-service-item label { font-size: 14px; font-weight: 600; margin-bottom: 0; } .additional-service-item label:hover { cursor: pointer; } .additional-service-item i:before { margin-left: 5px; font-size: 13px; } /* Booking Stepline */ .eb-stepline { margin-bottom: 100px; padding: 86px 0 28px 0; background: #f5f3f0; position: relative; border-bottom: 1px solid #ededed; } .eb-stepline:before { content: ''; position: absolute; width: 100%; left: -100%; bottom: -1px; top: 0; background: #f5f3f0; border-bottom: 1px solid #ededed; } .eb-stepline:after { content: ''; position: absolute; width: 100%; right: -100%; bottom: -1px; top: 0; background: #f5f3f0; border-bottom: 1px solid #ededed; } .eb-stepline .eb-stepline-steps { position: relative; display: flex; } .eb-stepline .eb-stepline-steps .eb-stepline-step { width: 25%; position: relative; } .eb-stepline .eb-stepline-steps .eb-stepline-step .bs-wizard-stepnum { color: #808080; font-size: 15px; margin-top: 20px; text-align: center; } .eb-stepline .eb-stepline-steps .eb-stepline-step .bs-wizard-info { color: #9a9a9a; font-size: 14px; line-height: 18px; text-align: center; } .eb-stepline .eb-stepline-steps .eb-stepline-step.disabled .bs-wizard-stepnum, .eb-stepline .eb-stepline-steps .eb-stepline-step.disabled .bs-wizard-info { opacity: .5; } .eb-stepline .eb-stepline-steps .eb-stepline-step .eb-stepline-dot { position: absolute; width: 18px; height: 18px; display: block; background: #c0bdbd; top: 50px; left: 50%; margin-top: -45px; margin-left: -9px; border-radius: 50%; } .eb-stepline .eb-stepline-steps .eb-stepline-step .eb-stepline-dot:after { content: ' '; width: 8px; height: 8px; background: #a9a9a9; border-radius: 50px; position: absolute; top: 5px; left: 5px; } .eb-stepline .eb-stepline-steps .eb-stepline-step .eb-stepline-progress { background: #e4e4e4; border-radius: 0px; height: 5px; box-shadow: none; margin: 12px 0; overflow: visible; } .eb-stepline .eb-stepline-steps .eb-stepline-step.completed .eb-stepline-progress { background: #e4e4e4; width: 100%; } .eb-stepline .eb-stepline-steps .eb-stepline-step.completed .eb-stepline-progress .eb-stepline-progress-bar { background: #c0bdbd; height: 100%; width: 100%; } .eb-stepline .eb-stepline-steps .eb-stepline-step.active .eb-stepline-progress .eb-stepline-progress-bar { width: 50%; } .eb-stepline .eb-stepline-steps .eb-stepline-step:first-child .eb-stepline-progress .eb-stepline-progress-bar:before { content: ''; position: absolute; background: linear-gradient(to right, rgb(245 243 240 / 0%) 0%, rgb(192, 189, 189) 100%); left: -100%; width: 100%; height: 5px; } .eb-stepline .eb-stepline-steps .eb-stepline-step.completed:last-child .eb-stepline-progress .eb-stepline-progress-bar:before { content: ''; position: absolute; left: 0; background: #c0bdbd; width: 100%; height: 5px; } .eb-stepline .eb-stepline-steps .eb-stepline-step:last-child .eb-stepline-progress .eb-stepline-progress-bar:after { content: ''; position: absolute; background: linear-gradient(to right, rgb(228, 228, 228) 0%, rgb(245 243 240 / 0%) 100%); right: -100%; width: 100%; height: 5px; z-index: 99; margin-right: 1px; } .eb-stepline .eb-stepline-steps .eb-stepline-step.completed:last-child .eb-stepline-progress .eb-stepline-progress-bar:after { content: ''; position: absolute; background: linear-gradient(to right, rgb(192, 189, 189) 0%, rgb(241, 241, 241) 100%); right: -100%; width: 100%; height: 5px; z-index: 99; margin-right: 1px; } .eb-stepline .eb-stepline-steps .eb-stepline-step.disabled .eb-stepline-dot { background: #e4e4e4; pointer-events: none; } .eb-stepline .eb-stepline-steps .eb-stepline-step.disabled .eb-stepline-dot:after { background: #c0bdbd; } /* Booking Details Widget */ .booking-info { background: #fff; border: 1px solid #e6e9eb; border-top: 0; padding: 10px; border-radius: 0 0 4px 4px; } .booking-info .title { margin: 5px 8px; font-size: 14px; position: relative; overflow: hidden; color: #606060; font-weight: bold; } .booking-info .title:after { content: ''; position: absolute; display: inline-block; top: 12px; margin-left: 20px; width: 100%; height: 1px; border-bottom: 4px double #f5f4fb; } .eb-widget .booking-details .item { display: -webkit-box; display: flex; font-size: 13px; font-weight: 600; padding: 1px 10px; } .eb-widget .booking-details .item.coupon-code-applied { border: 2px dashed #cbf1e4; background: #e8f9f3; margin: 10px 0; border-radius: 2px; color: #379950; } .eb-widget .booking-details .item.coupon-code-applied .value { color: #379950; } .eb-widget .booking-details .item.total-price { background: #f5f4fb; border-radius: 2px; padding: 5px 10px; margin-top: 10px; font-size: 14px; position: relative; overflow: hidden; color: #606060; font-weight: bold; } .eb-widget .booking-details .item .value { margin-left: auto; color: #808080; } .eb-widget .booking-details .item.total-price .value { color: #606060; font-size: 14px; } .eb-widget .booking-details .item a { color: #858a99; border-bottom: 1px dotted #ccc; } .eb-widget .booking-details .item a:hover { border-color: #aaa; } .eb-widget .btn, .eb-widget button { width: 100%; margin-top: 25px; margin-bottom: 15px; font-size: 14px; } .gdpr label { font-size: 14px; cursor: pointer; display: inline-block; } /* Booking Form Tabs ------------------------------------- */ .eb-checkout-form .eb-btn { padding: 13px 15px; line-height: 26px; } .eb-tabs .eb-tabs-titles { background: #000; background: #ebf3fe; margin-bottom: 30px; padding: 8px 8px; border-radius: 4px; display: grid; grid-auto-flow: column; } .eb-tabs .eb-tab { display: inline-block; position: relative; } .eb-tabs .eb-tab:hover { cursor: pointer; } .eb-tabs .eb-tab .tab-radio { display: none; } .eb-tabs .eb-tab label { font-weight: 600; padding: 4px 0; margin-bottom: 0; cursor: pointer; text-align: center; display: block; color: var(--color-primary); letter-spacing: .5px; z-index: 15; position: relative; } .eb-tabs .eb-tab.active label { color: #fff; } .eb-tabs .eb-tab label:after { position: absolute; bottom: 0; left: 50%; display: block; content: ""; height: 100%; border-radius: 2px; z-index: -1; width: 0; background-color: #19a1f7; transition: ease-in all .2s; } .eb-tabs .eb-tab.active label:after { width: 100%; margin-left: -50%; } .eb-widget.scroll .inner { overflow-y: auto; overflow-x: hidden; max-height: 230px; } .scroll ::-webkit-scrollbar { width: 6px; } .scroll ::-webkit-scrollbar-track { background: #fafafa; } .scroll ::-webkit-scrollbar-thumb { background: #ebebeb; border-radius: 10px; } .scroll:hover ::-webkit-scrollbar-thumb { background: #ccc; } .vbf-vat { font-size: 12px; line-height: 14px; text-align: center; } .selected-room { position: relative; max-height: 150px; border-radius: 4px 4px 0 0; overflow: hidden; } .selected-room img { max-width: 100%; } .selected-room span { position: absolute; top: 15px; right: 15px; padding: 4px 10px; border-radius: 2px; color: #fff; font-size: 13px; font-weight: 500; text-align: center; line-height: 18px; background: #19a1f7; } /* Fix for BT3 */ .flex-row.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } /* Fix for Safari */ .flex-row.row:after, .flex-row.row:before { display: none; } /* Search Page - Rooms Bar */ .eb-search-page { display: grid; grid-template-columns: 2fr 6fr; column-gap: 40px; } .eb-search-page .rooms-bar { display: flex; justify-content: space-between; align-content: center; align-items: center; margin-bottom: 30px; margin-top: -10px; } .eb-search-page .rooms-bar .rooms-view { margin-left: auto; margin-right: 30px; font-size: 15px; } .eb-search-page .rooms-bar .rooms-view .view-btn { margin-left: 10px; cursor: pointer; opacity: .5; transition: .3s; border-radius: 2px; text-align: center; display: inline-block; } .eb-search-page .rooms-bar .rooms-view .view-btn.active, .eb-search-page .rooms-bar .rooms-view .view-btn:hover { opacity: 1; } .eb-search-page input[type=checkbox]:checked:after { content: '\2714'; font-size: 12px; line-height: 18px; position: absolute; top: 0px; left: 4px; color: #a7d155; text-align: center; } /* EB Dropdown */ .eb-dropdown { position: relative; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; } .eb-dropdown .eb-dropdown-toggle { position: relative; border: 1px solid #eaeaea; background: #fff; min-width: 180px; color: #858a99; font-size: 14px; padding: 2px 10px; display: inline-block; cursor: pointer; } .eb-dropdown .eb-dropdown-toggle:after { content: "\f107"; position: absolute; right: 10px; padding-left: 5px; font-family: FontAwesome; font-size: 15px; top: 3px; } .eb-dropdown .eb-dropdown-menu { display: none; position: absolute; z-index: 999; background: #fff; list-style: none; min-width: 180px; top: 26px; padding: 0; margin: 0; border-radius: 0; border: 1px solid #ebebeb; box-shadow: 0 6px 13px 0 rgba(178, 178, 178, .13); } .eb-dropdown .eb-dropdown-menu.open { display: block; } .eb-dropdown .eb-dropdown-menu li { margin: 0; padding: 1px 0px; cursor: pointer; border-bottom: 1px solid #f5f5f5; margin-bottom: 0; transition: .3s; } .eb-dropdown .eb-dropdown-menu li:hover { background: #f5f5f5; } .eb-dropdown .eb-dropdown-menu li:last-child { border-bottom: none; } .eb-dropdown .eb-dropdown-menu li a { color: #858a99; padding: 7px 10px; font-size: 13px; cursor: pointer; } .eb-dropdown i { margin-left: 5px; margin-right: 7px; } /* Rooms List View */ .room-list-item { margin-bottom: 30px; background: #fff; border: 1px solid #eaeaea; border-radius: 1px; position: relative; overflow: hidden; } .eb-rooms-list .room-list-item-archive { display: grid; grid-template-columns: 5fr 5fr 3fr; column-gap: 20px; } .eb-rooms.grid-view .eb-rooms-list { display: grid; grid-template-columns: repeat( auto-fill, minmax( 300px, 2fr ) ); column-gap: 30px; } .eb-rooms.grid-view .room-list-item-grid { display: block; } .eb-rooms.grid-view .room-list-item .room-details { padding: 15px; min-height: 222px; } .room-list-item-grid { display: grid; grid-template-columns: 5fr 5fr 3fr; column-gap: 20px; } .room-list-item .featured-room { position: absolute; top: 10px; left: 10px; line-height: 26px; padding: 0 10px; background: #fff; border-radius: 2px; color: #858a99; font-size: 13px; box-shadow: 0 1px 4px rgba(0,0,0,0.03); } .room-list-item .featured-room i { background: #deb666; border-radius: 50%; width: 18px; height: 18px; font-size: 12px; line-height: 18px; text-align: center; color: #fff; margin-right: 6px; } .room-list-item figure { position: relative; margin: 0; padding: 0; } .room-list-item .room-no-image { display: flex; height: 100%; min-height: 210px; align-items: center; justify-content: center; margin: 0; background: #f2f2f2; color: #a8a8a8; padding: 50px; } .room-list-item img { width: 100%; display: block; } .room-list-item .room-details { padding: 12px 0; overflow: hidden; } .eb-branch-rooms .room-list-item .room-details { padding: 30px 0; } .room-list-item.sidebar-none .room-details { padding: 30px 0; } .room-list-item .room-details .title a { color: #222; } .room-list-item.sidebar-none .room-details .title a { font-size: 22px; } .room-list-item .room-details p { font-size: 15px; line-height: 25px; margin: 10px 0; } .room-list-item .room-services { margin-top: 20px; } .eb-rooms.grid-view .room-list-item .room-details { text-align: center; } .eb-rooms.grid-view .room-list-item .room-services { margin-bottom: 20px; } .eb-rooms.grid-view .room-list-item .room-price-search { display: block; position: relative; padding: 0 20px 20px 20px; } .eb-rooms.grid-view .room-list-item .room-price-details { border-left: 0; } .eb-rooms.grid-view .room-list-item .room-quick-details { width: 100%; border-top: 0; padding-bottom: 50px; z-index: 99; background: #fff; overflow-y: auto; overflow-x: hidden; position: absolute; } .eb-rooms.grid-view .room-list-item .room-quick-details.open { max-height: 100%; top: 0; } .eb-rooms.grid-view .room-list-item ::-webkit-scrollbar { width: 6px; z-index: 9; } .eb-rooms.grid-view .room-list-item ::-webkit-scrollbar-track { background: #fafafa; opacity: 0; } .eb-rooms.grid-view .room-list-item ::-webkit-scrollbar-thumb { background: #ebebeb; border-radius: 10px; } .eb-rooms.grid-view .room-list-item:hover ::-webkit-scrollbar-thumb { background: #ccc; } .eb-rooms.grid-view .room-list-item .room-more-details { position: relative; z-index: 999; } .eb-rooms.grid-view .room-list-item .room-more-details.open:after { content: none; } .eb-rooms.grid-view .room-services-list .eb-g-3 { grid-template-columns: 1fr 1fr; } .room-list-item .room-services:after { content: ''; display: block; clear: both; } .room-list-item.sidebar-none .room-services { margin-top: 40px; } .room-list-item .room-services .room-service-item { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 35px; height: 35px; line-height: 35px; border: 1px dashed #dedede; border-radius: 2px; cursor: pointer; vertical-align: middle; } .room-list-item .room-services .room-service-item:last-child { margin-right: 5px; } .room-list-item .room-services .room-service-item i { font-size: 14px; display: block; } .room-list-item .room-services .room-service-item img { max-height: 14px; max-width: inherit; width: auto; display: block; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; } .room-list-item .room-services .room-service-item:hover { background: #f5f3f0; color: #858a99; } .eb-room-price-breakdown { margin-top: 40px; } .room-breakdown-item { display: grid; grid-template-columns: 5fr 5fr 3fr; column-gap: 20px; padding: 5px 12px; background: #f6f8fb; font-size: 14px; border-radius: 2px; margin-top: 20px; } .room-breakdown-item .value { margin-left: auto; } .room-breakdown-item .value { margin-left: auto; } .room-services { position: relative; } .room-services .dragscroll { display: flex; justify-content: flex-start; overflow-y: hidden; overflow-x: scroll; cursor: grab; box-sizing: content-box; column-gap: 20px; } .room-services .dragscroll::-webkit-scrollbar { display: none; } .room-list-item.sidebar-none .room-price .price-amount { font-size: 24px; } .room-list-item.sidebar-none .room-price .text-before-price { font-size: 24px; } .room-list-item .room-price-search .eb-btn { padding: 4px 10px; width: 100%; } .room-list-item.room-list-item-archive .btn { width: auto; margin: 0 auto; background: #ffffff; border-style: solid; border-color: #ffffff; border-width: 0px; color: var(--color-primary); text-decoration: none; padding: 4px 12px; border-radius: 50px; font-size: 14px; font-weight: 800; } .room-list-item.room-list-item-archive .btn:hover { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; } .room-list-item.room-list-item-archive .btn i { right: 14px; margin-top: -2px; vertical-align: middle; border-radius: 50%; line-height: 20px; height: 20px; width: 20px; background: var(--color-primary); margin-left: 8px; margin-right: 0; color: #ffffff; font-size: 6px; text-align: center; } .room-list-item.room-list-item-archive .btn:hover i { background: #ffffff; color: var(--color-primary); } .room-list-item .room-price-search .btn .eb-btn-text { display: block; -webkit-animation: ebfadeIn .5s; animation: ebfadeIn .5s; } .room-list-item .room-price-search .btn .total-price-text { display: none; } .room-list-item .room-price-search .btn:hover .eb-btn-text { display: none; -webkit-animation: ebfadeIn .5s; animation: ebfadeIn .5s; } .room-list-item .room-price-search .btn:hover .total-price-text { display: block; -webkit-animation: ebfadeIn .5s; animation: ebfadeIn .5s; } .room-list-item .room-details .title { margin: 0; line-height: 30px; } .room-list-item .room-details .title a { font-size: 20px; text-decoration: none; } .eb-branch-rooms .room-list-item .room-details .title a { font-size: 24px; } .room-list-item .room-price-search .seasonal-pricing { display: block; margin: 0; font-size: 13px; color: #d52925; } .room-list-item .price-details { font-size: 12px; cursor: pointer; } .room-list-item .room-price-details { position: relative; height: 100%; border-left: 1px solid #ebebeb; } .room-list-item .room-price-search { position: absolute; left: 0; right: 0; top: 0; bottom: 30px; text-align: center; padding: 22px 12px; display: -webkit-box; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .room-list-item .normal-price { font-size: 20px; color: #606060; font-weight: 600; } .room-list-item .text-before-price { font-size: 16px;; } .room-list-item .per-night-text { display: block; font-size: 12px; text-transform: uppercase; margin-bottom: 13px; font-weight: 600; } .room-list-item .select-booking-dates-notice { font-size: 11px; font-weight: 600; background: #f1f2f3; color: #979797; border-radius: 2px; line-height: 24px; cursor: pointer; } .room-list-item .min-max-booking-nights-notice { font-size: 11px; font-weight: 500; background: #fdf3e5; color: #b7a48a; border-radius: 2px; line-height: 24px; } .room-list-item .not-available-notice { font-size: 11px; font-weight: 600; background: #fbe8e8; color: #bd9b9b; border-radius: 2px; line-height: 24px; } .eb-archive-rooms .eb-archive-price-details { padding: 62px 30px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .eb-archive-rooms .room-list-item .per-night-text { display: block; text-transform: uppercase; margin-bottom: 25px; } /* Rooms Pagination */ .eb-pagination { text-align: center; margin-top: 100px; } .eb-pagination .page-numbers, .eb-pagination .pagination-button { background: var(--color-primary); color: #fff; text-align: center; padding: 5px 10px; min-width: 50px; display: inline-block; border-radius: 4px; margin-right: 10px; transition: .3s; cursor: pointer; } .eb-pagination .page-numbers:last-child, .eb-pagination .pagination-button:last-child { margin-right: 0; } .eb-pagination .page-numbers:hover, .eb-pagination .page-numbers.current, .eb-pagination .pagination-button:hover, .eb-pagination .pagination-button.current { background: var(--color-primary-hover); } /* Page & Room Title */ .eb-page-header { position: relative; padding: 50px 0; background: #f5f3f0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; clear: both; } /* .eb-page-header:before { content: ''; position: absolute; width: 100%; left: -100%; bottom: -1px; top: 0; background: #f5f3f0; border-bottom: 1px solid #ededed; } .eb-page-header:after { content: ''; position: absolute; width: 100%; right: -100%; bottom: -1px; top: 0; background: #f5f3f0; border-bottom: 1px solid #ededed; } */ .eb-page-header.eb-room-header .eb-wrapper { display: grid; grid-template-columns: 3fr 1fr; align-items: center; overflow: unset; } .eb-page-header.eb-room-header .room-price { text-align: right; font-size: 14px; line-height: 1.2; } .eb-page-header.eb-room-header .normal-price { font-size: 26px; line-height: 38px; } .eb-page-header .title h1 { margin: 0; } .eb-page-header .title h1, .eb-page-header.eb-room-header .room-price, .eb-page-header.eb-room-header .normal-price { color: #606060; } .eb-page-header.eb-page-header-image .title h1, .eb-page-header.eb-page-header-image.eb-room-header .room-price, .eb-page-header.eb-page-header-image.eb-room-header .price-amount { color: #fff; } /* Breadcrumbs */ .eb-page-header .eb-breadcrumbs { list-style: none; padding-left: 0; } .eb-page-header .eb-breadcrumbs li { display: inline-block; } .eb-page-header .eb-breadcrumbs, .eb-page-header .eb-breadcrumbs li a { font-size: 12px; line-height: 20px; color: #606060; } .eb-page-header .eb-breadcrumbs li:after { content: '/'; padding: 0px 10px 0px 10px; color: #606060; } .eb-page-header-image .eb-breadcrumbs, .eb-page-header-image .eb-breadcrumbs li a, .eb-page-header-image .eb-breadcrumbs li:after { color: #fff; } .eb-page-header .eb-breadcrumbs li.item-current::after { content: none; } /* Room Details Page */ .eb-room-page.eb-left-sidebar { display: grid; grid-template-columns: 2fr minmax(0, 6fr); column-gap: 40px; } .eb-room-page.eb-right-sidebar { display: grid; grid-template-columns: minmax(0, 6fr) 2fr; column-gap: 40px; } .room-page .content { margin-top: 25px; } .room-page .content img { max-width: 100%; height: auto; } .room-page .content ul { margin: 20px 0 20px 20px; } .room-page .content ul li { font-size: 15px; line-height: 26px; list-style: outside none none; margin-bottom: 8px; padding-left: 20px; position: relative; } .room-page .content ul li::before { position: absolute; background: #e3e3e3; border-radius: 100%; content: ""; height: 6px; width: 6px; left: 0; top: 14px; } .room-page .section-title { margin-top: 50px; margin-bottom: 25px; font-size: 20px; } @page { size: auto; margin: 0mm; } .price-breakdown-item { font-size: 13px; background: #f5f4fb; border-radius: 2px; line-height: 24px; padding: 10px 15px; width: 100%; display: block; } .price-breakdown-item i { margin-right: 5px; font-size: 12px; } /* Room Info */ .room-page .room-info { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } .room-page .room-info .item { display: flex; flex-wrap: wrap; } .room-page .room-info .room-info-content { display: inline-block; font-size: 14px; line-height: 20px; } .room-page .room-info .room-info-content div { font-weight: 600; } .room-page .room-info .item i { margin-right: 10px; display: inline-block; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center; background: #f2f5f3; margin-top: 2px; } .room-page .room-info .item i:before { margin-left: 0; font-size: 18px; position: relative; color: #8d9796; } .room-page .room-info .item span { font-weight: 600; font-size: 16px; } /* Room Details Page */ .room-main-details .room-title h1 { font-size: 28px; color: #606060; } .room-main-details .room-price { float: right; } .room-main-details .room-price .price-currency, .room-main-details .room-price .price-amount { font-size: 28px; color: #606060; } .room-slider .swiper-container { height: 500px; } .room-full-slider .swiper-container { height: 550px; } .room-slider .swiper-slide-container { margin-left: auto; margin-right: auto; } .room-slider .swiper-slide { background-size: cover; background-position: center; } .room-slider .swiper-slide { border-radius: 2px; } .room-full-slider .swiper-slide { border-radius: 8px; } .room-slider-thumbs { margin-top: 15px; width: 100%; } .room-slider-thumbs .swiper-slide { height: 80px; width: auto; border-radius: 2px; cursor: pointer; opacity: .6; transition: .3s; background-size: cover; background-position: center; } .room-slider-thumbs .swiper-slide-thumb-active { opacity: 1; } .room-slider .swiper-prev, .room-slider .swiper-next { position: absolute; background: #fff; padding: 20px 15px; border-radius: 2px; font-size: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 99; opacity: .5; transition: .3s; outline: none; } .room-slider .swiper-prev { left: 15px; } .room-slider .swiper-next { right: 15px; } .room-slider:hover .swiper-prev, .room-slider:hover .swiper-next { opacity: 1; } .room-slider .swiper-pagination-bullets .swiper-pagination-bullet { background: #fff; width: 8px; border-radius: 50px; outline: none; opacity: .3; transition: .3s; } .room-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; opacity: 1; } .room-slider .swiper-slide a { position: absolute; width: 100%; height: 100%; cursor: zoom-in; } .room-full-slider { background: #f5f3f0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 100px 0; clear: both; position: relative; } /* .room-full-slider:before { z-index: 1; content: ''; position: absolute; width: 100%; left: -100%; bottom: -1px; top: 0; background: #f5f3f0; border-bottom: 1px solid #ededed; } .room-full-slider:after { content: ''; position: absolute; width: 100%; right: -100%; bottom: -1px; top: 0; background: #f5f3f0; border-bottom: 1px solid #ededed; } */ /* Fix for Himara Menu */ .himara-horizontal-header.opened .room-full-slider:before, .himara-horizontal-header.opened .room-full-slider:after { width: 0; } .room-full-slider img { border-radius: 8px; } .mfp-close-btn-in .mfp-close { background: none; } /* Similar Rooms */ .similar-room-item { position: relative; width: 100%; height: 300px; background-size: cover; z-index: 1; background-position: center; backface-visibility: hidden; border-radius: 2px; overflow: hidden; } .similar-room-item a { height: 100%; width: 100%; position: absolute; } .similar-room-item .room-details { position: absolute; display: flex; justify-content: space-between; align-items: center; bottom: 0; left: 0; width: 100%; padding: 10px; z-index: 99; background: linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,.5) 100%); } .similar-room-item .room-title { margin: 0; display: inline-block; font-size: 14px; color: #fff; } .similar-room-item .room-price { float: right; color: #fff; font-size: 12px; line-height: 22px; } /* Rooms Normal */ .eb-rooms-normal { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; } .eb-rooms-normal.items-per-row-1 { grid-template-columns: repeat(1, 1fr); } .eb-rooms-normal.items-per-row-2 { grid-template-columns: repeat(2, 1fr); } .eb-rooms-normal.items-per-row-4 { grid-template-columns: repeat(4, 1fr); } .eb-rooms-normal.items-per-row-5 { grid-template-columns: repeat(5, 1fr); } .eb-rooms-normal.items-per-row-6 { grid-template-columns: repeat(6, 1fr); } /* Rooms Grid Element */ .eb-rooms-grid, .eb-rooms-grid .second-col { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 30px; } .eb-rooms-grid .room-item { margin-bottom: 0; } .room-item { position: relative; border-radius: 4px; overflow: hidden; } .room-item figure { position: relative; margin: 0; padding: 0; } .room-item figure img { display: block; max-width: 100%; height: auto; } .room-item .room-details { color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; padding-bottom: 10px; padding-left: 10px; background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 0%, .6)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, hsla(0, 0%, 0%, .6) 0%, rgba(0, 0, 0, 0) 100%); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .room-item .room-details .room-title a { color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; } .wpb_wrapper .room-item .room-details .room-title a { color: #606060; } .room-item .room-details .room-services { display: none; } .room-item .room-price { position: absolute; top: 10px; right: 10px; background: rgb(0 0 0 / 20%); color: #fff; padding: 2px 10px; border-radius: 2px; line-height: 24px; font-size: 14px; } .room-item .room-price .normal-price strong { font-weight: normal; } .room-item .room-title { font-size: 18px; margin-bottom: 0; } .room-item.small-item .room-image { max-height: 175px; overflow: hidden; display: block; height: 100%; } /* Rooms Carousel */ .eb-rooms-carousel.owl-carousel .owl-nav { width: 100%; position: absolute; top: 48%; } .eb-rooms-carousel.owl-carousel .owl-nav .owl-prev, .eb-rooms-carousel.owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -5px; background: #f5f5f5; outline: 0; width: 50px; height: 50px; border-radius: 50%; text-align: center; -webkit-transition: .4s; transition: .4s; } .eb-rooms-carousel.owl-carousel .owl-nav .owl-prev { float: left; left: -70px; } .eb-rooms-carousel.owl-carousel .owl-nav .owl-next { float: right; right: -70px; } /* -------------------------------------------------------------------------- * DATERANGEPICKER & GUESTS PICKER ---------------------------------------------------------------------------*/ .daterangepicker { color: #808080; } .eb-datepicker.form-control { display: block; cursor: pointer; } .daterangepicker.dropup:before { border-top: 7px solid #efefef; } .eb-datepicker.form-control[readonly] { background: #fff; } .daterangepicker.dropdown-menu { display: none; margin-top: 0; padding: 10px; border: 1px solid #efefef; box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13); border-radius: 2px; z-index: 999; } .daterangepicker:before { border-bottom: 7px solid #efefef; z-index: 9; } .daterangepicker .calendar { max-width: 370px; } .daterangepicker .calendar .calendar-title { margin: 5px 0; color: #b5bec4; font-weight: 500; font-size: 14px; text-transform: uppercase; } .daterangepicker table, .daterangepicker table tr, .daterangepicker table td, .daterangepicker table th { padding: 0; margin: 0; border-collapse: collapse !important; } .daterangepicker table { width: 100%; margin: 0; border-spacing: 2px; border-collapse: separate; } .daterangepicker .calendar td { width: 35px; height: 35px; padding: 0; font-size: 13px; font-weight: 600; line-height: 35px; border: 0; border-radius: 1px; } .daterangepicker .calendar td span { position: relative; /* z-index: 9; */ } .daterangepicker .calendar td.wrong-month { visibility: hidden; } .daterangepicker .calendar td.disabled, .daterangepicker .calendar option.disabled { color: #ccc; text-decoration: none; } .single-eagle_rooms .daterangepicker .calendar td.available { color: #587f99; background: repeating-linear-gradient( -45deg, #bee5ff, rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px); } .daterangepicker .calendar .calendar-table td.in-range { background: rgba(25, 161, 247, .6); color: #fff; } .single-eagle_rooms .daterangepicker .calendar td.booked { color: #fd7285; background: repeating-linear-gradient( -45deg, #ffd2da, rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px); } .single-eagle_rooms .daterangepicker .calendar td.booked { color: #fd7285; background: repeating-linear-gradient( -45deg, #ffd2da, rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px); } .single-eagle_rooms .daterangepicker .calendar td.semi-available { position: relative; overflow: hidden; background: #fde7f1 !important; } .single-eagle_rooms .daterangepicker .calendar td.semi-available:before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #e7f8fb; } .single-eagle_rooms .daterangepicker .calendar td.semi-available.in-range:before { background: #b2e6ef; } .daterangepicker .calendar .calendar-table td.start-date, .daterangepicker .calendar .calendar-table td.active, .daterangepicker .calendar .calendar-table td.active:hover { background: #19a1f7; position: relative; color: #fff; } .daterangepicker td.start-date.end-date { border-radius: 0; } .daterangepicker .calendar td.end-date { background: #19a1f7; color: #fff; } .daterangepicker .calendar th { font-size: 14px; font-weight: 600; line-height: 30px; } .daterangepicker .calendar th.month { font-weight: 800; } .daterangepicker_input { display: none; } .daterangepicker label { color: #999; font-weight: 500; font-size: 14px; text-transform: uppercase; } .daterangepicker label a { margin-left: 5px; color: #999; } .daterangepicker .booking-nights { display: block; clear: both; font-size: 14px; text-align: center; padding-top: 10px; border-top: 1px dashed #ebebeb; } .daterangepicker .eb-close-calendar { display: none; } /* Availability Calendar */ .availability-calendar { position: relative; overflow: hidden; text-transform: capitalize; text-align: center; font-size: 14px; color: #808080; } .availability-calendar a { text-decoration: none; color: inherit; } .availability-calendar .availability-calendar-header .btn-prev, .availability-calendar .availability-calendar-header .btn-next { display: inline-block; padding: 10px 10px; border-radius: 4px; line-height: 40px; text-align: center; transition: .3s; } .availability-calendar .availability-calendar-header .btn-prev:hover, .availability-calendar .availability-calendar-header .btn-next:hover { background: #eee; color: #999; cursor: pointer; } .availability-calendar .availability-calendar-header .btn-prev { float: left; } .availability-calendar .availability-calendar-header .btn-next { float: right; } .availability-calendar .availability-calendar-header .month { display: inline-block; font-size: 15px; font-weight: 800; line-height: 60px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .availability-calendar table.calendar { width: 100%; margin: 10px 0; border-spacing: 0px; border: 0; } .availability-calendar thead .day-name { padding: 2px; font-size: 13px; text-align: center; text-transform: capitalize; font-weight: 700; } .availability-calendar tr { border: none; } .availability-calendar .calendar tr { border: 0; } .availability-calendar .calendar tr td { padding: 1px; text-align: left; } .availability-calendar .day { position: relative; display: inline-block; font-size: 12px; text-align: center; background: #bee5ff; color: #587f99; background: repeating-linear-gradient(-45deg, #bee5ff, rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px); width: 100%; padding: 2px; font-weight: 700; } .availability-calendar .day.event { background: #ffd2da; color: #fd7285; background: repeating-linear-gradient(-45deg, #ffd2da, rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px); } .availability-calendar .day.today { background: repeating-linear-gradient(-45deg, #bee5ff, rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(160, 160, 160, 1) 4px); } .availability-calendar .day.event.today { background: repeating-linear-gradient(-45deg, #ffd2da, rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgba(160, 160, 160, 1) 4px); } .availability-calendar .day.wrong-day { background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px); color: #858a99; } .availability-calendar .day.semi-available { position: relative; overflow: hidden; display: block; color: #5c98a3 !important; } .availability-calendar .semi-available:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0%; width: 50%; height: 100%; background: #e7f8fb; } .availability-calendar .semi-available .number { position: relative; z-index: 9; } .availability-calendar .day.wrong-month { visibility: hidden; } .availability-calendar .event-container { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #545A5C; } .availability-calendar .day .room-price { position: relative; top: -5px; margin-left: 10px; font-size: 10px; } .availability-calendar .filler { position: absolute; width: 0; height: 0; border-radius: 50%; background: #545A5C; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .availability-calendar-list-availability { padding-left: 0 !important; margin-left: 0; margin-top: 15px; } .availability-calendar-list-availability li { display: inline-block; font-size: 14px; margin-right: 15px; margin-left: 0; margin-bottom: 0 !important; } .availability-calendar-list-availability li span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; } .availability-calendar-list-availability li span.not-available { background: #ffd2da; } .availability-calendar-list-availability li span.available { background: #bee5ff; } .availability-calendar-list-availability li span.semi-available { background: #ffd2da; position: relative; overflow: hidden; } .availability-calendar-list-availability li span.semi-available::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #bee5ff; } /* Price Ranger (Slider) */ .irs--round .irs-handle { width: 18px; height: 18px; top: 28px; border: 4px solid #19a1f7; } .irs--round .irs-bar { background: #19a1f7; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 11px; background: #19a1f7; } .irs--round .irs-min, .irs--round .irs-max { font-size: 12px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { border-top-color: #19a1f7; } .irs--round .irs-min, .irs--round .irs-max { color: #858a99; } .irs--round .irs-grid-text { font-size: 12px; } /* New loader */ .eb-rooms .wrapper-cell { width: 100%; display: -webkit-box; display: flex; margin-bottom: 30px; background: #fff; border: 1px solid #ebebeb; } @-webkit-keyframes placeHolderShimmer { 0% { background-position: -868px 0; } 100% { background-position: 468px 0; } } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .animated-background, .image-line, .text-line, .service-line, .button-line, .price-line, .night-line { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: #F6F6F6; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #F6F6F6), color-stop(18%, #F0F0F0), color-stop(33%, #F6F6F6)); background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%); background-size: 800px 104px; height: 96px; position: relative; } .eb-rooms .wrapper-cell { display: grid; grid-template-columns: 5fr 5fr 3fr; column-gap: 20px; } .eb-rooms.grid-view .wrapper-cell { display: grid; grid-template-columns: repeat( auto-fill, minmax( 300px, 2fr ) ); column-gap: 30px; } .eb-rooms.grid-view .eagle_booking_search_loader { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; } .eb-rooms.grid-view .text-cell { padding: 15px 20px; text-align: center; } .eb-rooms .image-line { height: 100%; min-height: 212px; } .eb-rooms .text-cell { padding: 15px 0; } .eb-rooms .price-cell { padding: 50px 20px; border-left: 1px dashed #ebebeb; } .eb-rooms.grid-view .price-cell { padding: 20px 20px; } .eb-rooms .text-line { height: 8px; width: 100%; margin: 9px 0; } .eb-rooms .text-line:nth-of-type(4) { width: 70%; } .eb-rooms .title-line { height: 20px; margin-bottom: 20px; } .eb-rooms .service-line { display: inline-block; width: 42px; height: 26px; margin-right: 11px; margin-top: 20px; } .eb-rooms .service-line:last-child { margin-right: 0px; } .eb-rooms .price-line { width: 50%; height: 15px; margin: 0 auto; margin-bottom: 10px; } .eb-rooms .night-line { height: 5px; width: 30%; margin: 0 auto; } .eb-rooms .button-line { margin-top: 40px; height: 37px; } .eb-rooms .text-line:last-child { width: 70%; } /* Grid Loader */ .eb-guestspicker .eb-guestspicker-content { position: absolute; left: 0; top: 100%; min-width: 220px; width: 100%; margin-top: 1px; padding: 15px; visibility: hidden; opacity: 0; background: #fff; border: 1px solid #efefef; color: #858a99; box-shadow: 0 12px 26px 0 rgb(178 178 178 / 13%); border-radius: 2px; z-index: 99; display: none; } .eb-guestspicker .eb-guestspicker-content.up { top: auto; bottom: 100%; } .eb-guestspicker.active .eb-guestspicker-content { visibility: visible; opacity: 1; display: block; cursor: auto; } .eb-guestspicker .eb-guestspicker-content:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #efefef; position: absolute; display: inline-block; content: ''; } .eb-guestspicker .eb-guestspicker-content.up:before { position: absolute; bottom: -8px; top: auto; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px transparent; border-top: 7px solid #efefef; } .eb-guestspicker .guests-buttons { display: -webkit-box; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .eb-guestspicker .guests-buttons:last-child { margin-bottom: 0; } .eb-guestspicker-content .qtyButtons:first-child { margin-top: 8px } .eb-guestspicker-content .qtyButtons:last-child { margin-bottom: 3px } .eb-guestspicker .guests-button { margin-left: auto; } .eb-guestspicker .guests-button input { outline: 0; font-size: 15px; text-align: center; width: 32px; height: 32px; padding: 0; margin: 0; border: 0; box-shadow: none; pointer-events: none; display: inline-block; } .eb-guestspicker .description label { display: block !important; margin-bottom: 0; } .eb-guestspicker .ages { font-size: 12px; line-height: 12px; } .eb-guestspicker .plus, .eb-guestspicker .minus { width: 32px; height: 32px; line-height: 32px; font-size: 10px; background: #fafafa; border: 1px solid #d4d9e1; display: inline-block; text-align: center; cursor: pointer; font-family: fontawesome; } .eb-guestspicker .plus:hover, .eb-guestspicker .minus:hover { background: #efefef; } .eb-guestspicker .plus:active, .eb-guestspicker .minus:active { position: relative; box-shadow: rgb(255, 255, 255) 0px 0px 0px 4px, rgb(62, 76, 102) 0px 0px 0px 5px, rgba(255, 255, 255, 0.5) 0px 0px 0px 6px !important; -webkit-transition: box-shadow 0.2s ease 0s; transition: box-shadow 0.2s ease 0s; z-index: 99; } .eb-guestspicker .plus:before { content: "\f067" } .eb-guestspicker .minus:before { content: "\f068" } /* Select*/ .eb-select { position: relative; } .eb-select .form-control { line-height: 30px; cursor: pointer; } .eb-select .eb-select-list { display: none; position: absolute; width: 100%; margin-top: 0; background: #fff; border: 1px solid #dedede; color: #858a99; box-shadow: 0 12px 26px 0 rgb(178 178 178 / 13%); border-radius: 2px; z-index: 99; list-style: none; padding-left: 0; } .eb-select .eb-select-list.up { top: auto; bottom: 100%; } .eb-select .eb-select-list.active { display: block; } .eb-select .eb-select-list li { padding: 5px 10px; margin-bottom: 0; border-bottom: 1px solid #dedede; font-size: 14px; text-transform: none; cursor: pointer; } .eb-select .eb-select-list li.selected, .eb-select .eb-select-list li:hover { background: #efefef; } /* Room Services */ .room-services-list [class^='eb-g'] { row-gap: 15px; } .room-services-list .room-services-item { padding: 5px 12px; border: 1px dashed #dedede; font-size: 14px; border-radius: 2px; } .room-services-list .room-services-item i, .room-services-list .room-services-item img { margin-right: 8px; } .room-services-list .room-services-item img { display: inline-block; max-height: 14px; width: auto; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .room-services-list.no .room-services-item { color: #F1572F; } .room-services-list-page { margin-top: 0px; margin-bottom: 0px; } .room-services-list-page .room-services-item { margin-bottom: 20px; padding: 20px 20px; text-align: center; font-size: 16px; margin-bottom: 30px; border-radius: 2px; } .room-services-list-page .room-services-item i, .room-services-list-page .room-services-item img { margin: 0 auto; margin-bottom: 10px; display: block; font-size: 18px; } .room-services-list-page .room-services-item img { max-height: 18px; } .room-services-list.no .room-services-item { color: #F1572F; } /* Room Quick Preview */ .room-more-details { position: absolute; bottom: -1px; left: 0; right: 0; z-index: 9; text-align: center; font-size: 13px; line-height: 30px; border-top: 1px solid #ededed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .room-more-details.open { background: #ffffff; } .room-more-details.open:after { content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 10px; background: #ffffff; } .room-more-details i { margin-left: 5px; } .room-more-details:hover { color: #606060; cursor: pointer; } .room-quick-details { position: relative; display: none; } .room-quick-details:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; top: 0; background: #ededed;; } .room-quick-details.open { display: block; } .room-quick-details .inner { padding: 20px; } .room-quick-details .room-services-list { margin: 40px 0; } .room-quick-details .room-services-list .section-title { margin-bottom: 0; } .room-quick-details .room-services-list:last-child { margin-bottom: 0; } .room-quick-details .room-services-list .room-services-item { padding: 3px 10px; } /* Room Details Page */ .room-page figure { margin: 0; } .room-page figure img { width: auto !important; max-width: 100%; border-radius: 2px; } /* Places */ .eb-place-item { background-repeat: no-repeat; background-size: cover; } .eb-place-item a { position: absolute; width: 100%; height: 100%; } .eb-place-item .details { position: absolute; width: 100%; bottom: 10px; left: 15px; margin-bottom: 0; } .eb-place-item .title { color: #fff; font-size: 18px; } /* Place Details Page */ .single-place { padding-top: 0; padding-bottom: 100px; } .single-place .social_media { margin-top: 30px; } .single-place .social_media span { margin-right: 10px; } .single-place .social_media a { margin-right: 10px; } .single-place .social_media a i { font-size: 16px; } .single-place .social_media a:last-child { margin-right: 0; } .place-details .place-image { position: relative; } .place-details .place-image img { display: block; width: 100vw; object-fit: cover; } .place-details .place-title { padding: 50px; position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0)); } .place-details .details { padding-top: 50px; } .place-details .place-title .title { font-size: 38px; color: #fff; } /* Animations - KeyFrames */ @-webkit-keyframes ebfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes ebfadeIn { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes ebfadeOut { from { opacity: 0; } to { opacity: 1; } } @keyframes ebfadeIn { from { opacity: 0; } to { opacity: 1; } } /* User Dashboard - Login */ .eb-user-dashboard, .eb-user-dashboard a { color: #606060; } .eb-user-dashboard a:hover, .eb-user-dashboard a:active, .eb-user-dashboard a:focus { color: #303030; } .eb-user-dashboard .no-bookings { padding: 100px 0; text-align: center; } .eb-user-dashboard .no-bookings a { color: #19a1f7; display: block; font-style: italic; padding-top: 15px; } .eb-user-dashboard .no-bookings i { display: block; font-size: 34px; margin-bottom: 20px; color: #d6d9db; } .eb-user-dashboard .login-page .title { text-align: center; } .eb-user-dashboard .login-form { margin: 0 auto; padding: 30px; background: #ffff; border: 1px solid #e6e9eb; border-radius: 2px; width: 400px; } .eb-user-dashboard .login-form input { margin-bottom: 30px; } .eb-user-dashboard .login-form .status { display: block; padding: 2px 5px; border-radius: 2px; background: #000; color: #fff; } .eb-user-dashboard .login-form .login-form-footer a { font-size: 14px; color: #858a99; display: inline-block; margin-top: 20px; } .eb-user-dashboard .login-form .login-form-footer a + a { float: right; } .eb-user-dashboard .login-form .gdpr { display: flex; align-items: center; } .eb-user-dashboard .login-form .gdpr label { margin-left: 5px; } .eb-user-dashboard .login-form .gdpr input { margin-bottom: 0; } .eb-user-dashboard .login-form .status .status-success { background: #c8e8d1; color: #fff; } .eb-user-dashboard .login-form .status .status-error { background: #d82222; color: #fff; } .eb-user-dashboard label { display: block; margin-bottom: 5px; } .eb-user-dashboard .login-form label { display: inline-block; margin-bottom: 0; } label .required { color: #ff0000; } /* User Account Menu */ .eb-account-menu { margin-bottom: 50px; border-radius: 2px; background: #f5f3f0; position: relative; border-bottom: 1px solid #ededed; } .eb-account-menu ul { text-align: center; list-style: none; padding-left: 0 !important; } .eb-account-menu ul li { display: inline-block; margin-bottom: 0 !important; } .eb-account-menu ul li.active { border-bottom: 1px solid var( --color-primary ); } .eb-account-menu ul li a { display: block; padding: 20px 40px; font-size: 14px; color: #606060; font-weight: 700; } .eb-account-menu .user-avatar img { border-radius: 50%; } .eb-account-booking-header { display: flex; justify-content: space-between; } /* User Account Page */ .mlduo-stat-box { background: #19a1f7; height: 120px; border-radius: 2px; padding: 30px; margin-bottom: 20px; overflow: hidden; } .mlduo-stat-box h2, .mlduo-stat-box p { color: #fff; margin: 0; font-weight: 400; } .mlduo-stat-box i { position: absolute; top: 34px; right: 44px; font-size: 50px; color: rgba(0,0,0,.15); } /* User Bookings */ .eb-user-dashboard .eb-user-bookings-table { width: 100%; border-collapse: separate; border-spacing: 0 10px; border: 0; font-size: 14px; line-height: 22px; } .eb-user-dashboard .eb-user-bookings-table tr { background: #ffffff; } .eb-user-dashboard .eb-user-bookings-table tr th { background: #f2f2f2; padding: 10px 12px; } .eb-user-dashboard .eb-user-bookings-table tr td { padding: 18px 15px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } .eb-user-dashboard .eb-user-bookings-table tr td:first-child { border-left: 1px solid #f2f2f2; } .eb-user-dashboard .eb-user-bookings-table tr td:last-child { border-right: 1px solid #f2f2f2; } .eb-user-dashboard .eb-user-bookings-table tr td img { border-radius: 50%; } .eb-user-dashboard .eb-booking-status.eb-pending-payment { color: #bd9b57; } .eb-user-dashboard .eb-booking-status.eb-completed { color: #50b64a; } .eb-user-dashboard .eb-booking-status.eb-pending { color: #90302f; } .eb-user-dashboard .eb-booking-status.eb-canceled { color: #f5f5f5; } .eb-user-dashboard .view-booking-link { color:#19a1f7; } /* User Booking Details */ .eb-main-booking-details { background: #fff; border: 1px solid #eaeaea; border-radius: 2px; font-size: 13px; } .eb-main-booking-details-head { display: flex; padding: 10px 15px; justify-content: space-between; } .eb-main-booking-details-head span { display: block; line-height: 22px; font-weight: bold; } .eb-main-booking-details-head span+span { color: #333; font-weight: normal; } .eb-suborder-item { padding: 15px 30px; border-bottom: 1px dashed #eaeaea; } .eb-suborder-item:last-child { border-bottom: 0; } .eb-booking-details-footer { margin-top: 50px; font-size: 14px; } .eb-booking-details-footer { display: flex; justify-content: space-between; } .eb-booking-details-footer span { display: block; line-height: 24px; font-weight: bold; color: #333333; } .eb-booking-details-footer span+span { font-weight: normal; } .eb-booking-synopsis { min-width: 300px; } .eb-booking-synopsis span { display: inline-block; font-weight: normal; } .eb-booking-synopsis-item span+span { float: right; color: #151515; } .eb-booking-synopsis .eb-booking-synopsis-item { border-bottom: 1px solid #e3e3e3; padding: 10px 0; } .eb-booking-synopsis .eb-booking-synopsis-item.total { border-bottom: none; font-weight: bold; font-size: 16px; } .eb-booking-synopsis .eb-booking-synopsis-item.total span { font-weight: bold; } /* PRINT BOOKING DETAILS */ .eb-only-printable { display: none; } @media print { * { font-size: 13px !important; line-height: 1 !important; } html, body { height:100vh; margin: 0 !important; padding: 0 !important; overflow: hidden; } .eb-only-printable { display: block; text-align: center; } .eb-page * { visibility: hidden; margin: 0 !important; padding: 0 !important; } .thankyou-page .eb-printable { width: 100vw; border: 0; } .eb-printable, .eb-printable * { line-height: 2 !important; visibility: visible; margin: 0 !important; padding: 0 !important; border: 0; } .eb-printable { padding: 0 80px !important; overflow: hidden; } .eb-printable .eb-hotel-logo { margin-bottom: 30px !important; font-size: 18px !important; text-align: left; display: inline-block; font-weight: 600; } .eb-printable .title { display: inline-block; float: right; font-size: 18px !important; padding: 15px 0 !important; margin-top: -15px !important; } .eb-printable.eb-thank-details ul { margin-top: 50px !important; } .eb-main-booking-details-head span { display: inline-block; } .eb-page button, .eb-page .btn { display: none; } a[href]:after { display: none; visibility: hidden; } } /* EB Grid System */ [class^='eb-g-'] { display: grid; column-gap: 30px; row-gap: 30px; } .eb-g-c-g-40 { column-gap: 40px;; } .eb-g-c-g-50 { column-gap: 50px;; } /* EB New Grid System > 992px */ .eb-g-lg-1 { grid-template-columns: repeat(1, 1fr); } .eb-g-lg-2 { grid-template-columns: repeat(2, 1fr); } .eb-g-lg-3 { grid-template-columns: repeat(3, 1fr); } .eb-g-lg-4 { grid-template-columns: repeat(4, 1fr); } .eb-g-lg-5 { grid-template-columns: repeat(5, 1fr); } .eb-g-lg-6 { grid-template-columns: repeat(6, 1fr); } .eb-g-2-1-1 { grid-template-columns: 2fr 1fr 1fr; } /* 3 Columns */ .eb-g-3-3-1 { grid-template-columns: 3fr 3fr 1fr; } .eb-g-3-3-2 { grid-template-columns: 3fr 3fr 2fr; } .eb-g-3-1-1 { grid-template-columns: 3fr 1fr 1fr; } .eb-g-3-1-2 { grid-template-columns: 3fr 1fr 2fr; } .eb-g-5-1-3 { grid-template-columns: 5fr 1fr 3fr; } .eb-g-5-2 { grid-template-columns: 5fr 2fr; } .eb-g-5-3 { grid-template-columns: 5fr 3fr; } .eb-g-6-2 { grid-template-columns: 6fr 2fr; } .eb-g-7-2 { grid-template-columns: 7fr 2fr; } /* Elementor Search Forms */ /* Branches */ .eb-branches-grid { column-gap: 60px; } .eb-branch-item { height: 500px; overflow: hidden; border-radius: 4px; position: relative; cursor: pointer; } .eb-branch-item figure { height: 100%; border-radius: 4px; transition: .3s; margin: 0; } .eb-branch-item .eb-branch-item-logo { background: #ffffff; position: absolute; top: -50px; left: -50px; padding: 15px; width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; } .eb-branch-item .eb-branch-details { color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; z-index: 9; background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 0%, .6)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, hsla(0, 0%, 0%, .6) 0%, rgba(0, 0, 0, 0) 100%); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .eb-branch-item .eb-branch-details .eb-branch-details-inner { position: absolute; width: 100%; bottom: -10px; transition: .3s; text-align: left; padding-left: 20px; } .eb-branch-item:hover .eb-branch-details .eb-branch-details-inner { bottom: 8px; } .eb-branch-item .eb-branch-details .title { font-size: 18px; line-height: 20px; margin-bottom: 0; } .eb-branch-item .eb-branch-details .eb-branch-location { font-size: 14px; letter-spacing: .5px; opacity: 0; transition: .3s; } .eb-branch-item:hover .eb-branch-details .eb-branch-location { opacity: 1; } .eb-branch-item .eb-branch-details .eb-branch-location i { margin-right: 5px; font-size: 13px; } .eb-branch-item .eb-branch-item-info { background: #f5f3f0; position: absolute; top: calc(50% - 58px); left: 15px; width: 230px; padding: 15px; border-radius: 4px; pointer-events: none; z-index: 999; transition: .3s; } .eb-branch-item .eb-branch-item-info ul { list-style: none; padding-left: 0; } .eb-branch-item .eb-branch-item-info ul li { color: #6e6e6e; display: flex; overflow: hidden; margin-bottom: 20px; white-space: nowrap; } .eb-branch-item .eb-branch-item-info ul li:last-child { margin-bottom: 0; } .eb-branch-item .eb-branch-item-info ul li span { margin-left: 10px; margin-top: -2px; line-height: 18px; } .eb-branch-item a { text-decoration: none; } .eb-branch-item .eb-branch-item-title { position: absolute; bottom: 0; left: 20px; color:#fff; } .eb-branch-page .eb-branch-header { position: relative; min-height: 400px; background-size: cover; background-position: center; background: #f5f3f0; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; } .eb-branch-page .eb-branch-header:before { z-index: 1; content: ''; position: absolute; width: 100%; left: -100%; bottom: -1px; top: 0; background: #f5f3f0; border-bottom: 1px solid #ededed; } .eb-branch-page .eb-branch-header:after { content: ''; position: absolute; width: 100%; right: -100%; bottom: -1px; top: 0; background: #f5f3f0; border-bottom: 1px solid #ededed; } .eb-branch-cover { display: flex; position: relative; bottom: -100px; } .eb-branch-page .eb-branch-header .eb-branch-image { min-height: 600px; min-width: 40%; max-width: 40%; background-size: cover; background-position: center; position: relative; } .eb-branch-page .eb-branch-header .eb-branch-image .parallax-mirror { border-radius: 8px; } .eb-branch-page .eb-branch-details { width: 100%; z-index: 9; margin-left: 50px; } .eb-branch-page .eb-branch-logo { position: absolute; width: 130px; height: 130px; left: -64px; top: -64px; background: #fff; border: 6px solid #f5f3f0; text-align: center; border-radius: 50%; padding: 10px; display: flex; align-items: center; margin-right: 30px; } .eb-branch-page .eb-branch-logo img { max-width: 100%; } .eb-branch-page .eb-branch-info { height: 100%; position: relative; } .eb-branch-page .eb-branch-info .eb-branch-title { margin-bottom: 15px; font-size: 30px; color: #666; } .eb-branch-page .eb-branch-info ul { margin-top: 20px; padding-left: 30px; } .eb-branch-page .eb-branch-info ul li { padding: 5px 0; } .eb-branch-page .eb-branch-info .eb-branch-contact { list-style: none; padding-left: 0; } .eb-branch-page .eb-branch-info .eb-branch-contact li { display: inline-block; margin-right: 15px; } .eb-branch-page .eb-branch-info .eb-branch-contact li:last-child { margin-right: 0; } .eb-branch-page .eb-branch-info .eb-branch-contact li i { margin-right: 12px; font-size: 14px; } .eb-branch-page .eb-branch-rooms { padding: 100px 0; margin-top: 100px; } .eb-branch-page .eb-branch-rooms .select-booking-dates-notice { display: none; } .eb-branch-page .eb-branch-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px } .eb-branch-page .eb-branch-rooms-title { font-size: 24px; margin-bottom: 0; } .eb-branch-search-form { background: #fff; border: 1px solid #ededed; border-radius: 4px; padding: 20px; position: absolute; width: 100%; bottom: 60px; } .eb-branch-search-form .search-form { width: 100%; display: grid; grid-template-columns: 2fr 2fr 1fr; grid-column-gap: 25px; align-items: center; } .eb-branch-search-form .search-form .eb-field-group { margin-bottom: 0; } .eb-branch-search-form label { display: none; } .eb-branch-search-form #eb_search_form i { margin-right: 0; font-size: 16px; } /* Search Forms */ .eb-search-form { z-index: 999; } .eb-search-form.eb-vertical-search-form { border-radius: 4px; } .eb-search-form.eb-vertical-search-form .form_title { text-align: center; color: #606060; padding: 10px; padding-top: 10px; } .eb-search-form.eb-vertical-search-form .eb-btn { margin-bottom: 15px; } .eb-search-form.eb-horizontal-search-form { border: 1px solid #ededed; border-radius: 4px; } .eb-search-form.eb-vertical-search-form .inner, .eb-search-form.eb-horizontal-search-form .inner { padding: 30px; background: #fff; border-radius: 4px; } .eb-search-form.eb-vertical-search-form .inner { padding: 15px; } .eb-search-form, .eb-search-form .eb-form-fields, .eb-search-form .eb-field-group { position: relative; } .eb-search-form input, .eb-search-form .eb-btn-search-form { display: block; width: 100%; } .eb-horizontal-search-form .eb-form-fields { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; column-gap: 30px; align-items: end; } .eb-horizontal-search-form.eb-elementor .eb-form-fields { align-items: center; } /* Vertical Forms */ .eb-vertical-search-form .eb-field-group { margin-bottom: 10px; } .eb-vertical-search-form button { width: 100%; text-align: center; } /* Hide Labels by default */ .eb-search-form .eb-field-group label { display: none; } /* EB POPUP SEARCH FORM */ .eb-popup-search-form-btn { position: fixed; left: 40px; bottom: 15px; z-index: 9999; cursor: pointer; transition: 1s; visibility: hidden; opacity: 0; } .eb-popup-search-form-btn.active { opacity: 1; bottom: 15px; visibility: visible; } .eb-popup-search-form-btn .btn-text { text-align: center; height: 20px; line-height: 20px; width: 300%; position: absolute; bottom: 25px; left: 18px; transform: rotate(-90deg); transform-origin: top left; text-transform: uppercase; font-size: 13px; font-weight: 600; letter-spacing: 1px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; opacity: 1; transition: .5s; } .eb-popup-search-form-btn.open .btn-text { opacity: 0; } .eb-popup-search-form-btn .btn { width: 55px; height: 55px; text-align: center; border-radius: 50%; padding: 0; display: flex; justify-content: center; align-items: center; background: var( --color-primary ); border-color: var( --color-primary ); } .eb-popup-search-form-btn .btn:hover { background: var( --color-primary-hover ); border-color: var( --color-primary-hover ); } .eb-popup-search-form-btn .btn i { width: 28px; height: 28px; display: inline-block; font-size: 14px; line-height: 28px; border-radius: 50%; background-color: rgba(0, 0, 0, .15); color: #fff; text-align: center; margin-right: 0; } .eb-slide-search-form { position: fixed; z-index: 999; bottom: -150px; padding: 24px 10px; width: 100%; background: #fff; border-top: 1px solid #ededed; -webkit-transition: .5s; transition: .5s; } .eb-slide-search-form.open { bottom: 0; } .eb-slide-search-form .eb-form-fields { display: grid; grid-template-columns: 2fr 2fr 1fr; align-items: end; column-gap: 30px; } .eb-slide-search-form .eb-form-fields .eb-field-group { position: relative } .eb-slide-search-form .eb-form-fields .eb-field-group > label { display: none; } .eb-search-form.eb-search-form.eb-slide-search-form .eb-field-button .eb-btn-search-form { width: 100%; padding: 12px 15px; line-height: 25px; } .eb-search-form.eb-search-form.eb-slide-search-form .eb-field-button .eb-btn-search-form i { display: none; } /* Testimonials */ .testimonial-item { min-height: 355px; background: #fff; border: 1px solid #ececec; float: left; position: relative; padding: 30px; font-size: 15px; text-align: center; } .testimonial-item p { font-size: 16px; color: #6d7991; line-height: 1.6; } .testimonial-item .author .name { font-size: 18px; line-height: 22px; margin-bottom: 0; } .testimonial-item .author-img img { max-width: 100px; border-radius: 100px; margin: 0 auto; } .testimonial-item .rating i { color: #e3e3e3; font-size: 13px; margin: 0 2px; } .testimonial-item .rating i.voted { color: #ffb600; } /* EB New Grid System */ [class^='eb-cols-'] { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } .eb-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333%; padding-left: 15px; padding-right: 15px; } ion-icon { font-size: 64px; color: blue; } ion-icon { --ionicon-stroke-width: 16px; } .eb-service-item { display: flex; grid-template-columns: 1fr 6fr; align-items: center; } .eb-service-item .title { margin-bottom: 0; } .eb-service-item .icon { width: 30px; } /* Tooltip */ [data-eb-tooltip] { position: relative; z-index: 2; height: 100%; width: 100%; } [data-eb-tooltip]::before, [data-eb-tooltip]::after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } [data-eb-tooltip]::before { position: absolute; bottom: 100%; left: 50%; margin-bottom: 5px; margin-left: -100px; padding: 10px; width: 200px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fcfcfc; content: attr(data-eb-tooltip); text-align: center; font-size: 12px; font-weight: normal; line-height: 1.4; letter-spacing: 0.5px; } [data-eb-tooltip]::after { position: absolute; bottom: 100%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } [data-eb-tooltip]:hover::before, [data-eb-tooltip]:hover::after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings