/*
Theme Name: Themway
Theme URI: http://underscores.me/
Author: Semway
Author URI: http://semway.no
Description: Semway leverer et bredt spekter av tjenester innen digital markedsføring, også nettsider som denne – levert [årstid] 20xx.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: themway
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Themway is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

This file should be left as is and only be used for quick fixes when absolutely necessary (paste in below the import). All CSS/SASS goes in assets/scss/style.scss or assets/scss/partials/_partial_name.scss

*/

@import 'assets/css/style.css';

.checkin_out_date_wrapper .booking_date {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.checkin_out_date_wrapper .booking_date>div {
    padding: 20px;
    background-color: #fff;
    color: #000;
    width: calc(50% - 7.5px);
    font-size: 17px;
    text-transform: uppercase;
    cursor: pointer;
}
.checkin_out_date_wrapper .booking_date>div p:last-child{
    margin-bottom: 0;
}

.checkin_out_date_wrapper .booking_date>div label {
    font-size: inherit;
}

p.check_date {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.3;
}

.day_date_year {
    font-size: 20px;
    text-transform: uppercase;
}

.booking_caleneder_date {
    max-width: 320px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: 50px;
}

.calender-table th {
    border-radius: 0;
}

.select_room_adult_child_wrapper .select_room_adult_child_wrap .room_adult_child {
    padding: 8px 20px;
    color: #000;
    text-align: center;
    background-color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.select_room_adult_child_wrapper .select_room_adult_child_wrap .room_adult_child::after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid #000;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.checkin_out_date_wrapper #booking_enqurey_submit {
    padding: 13px 20px;
    display: block;
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #fff;
    cursor: pointer;
    transition: all 0.4s ease;
    margin-bottom: 20px;
}

section.booking-calender-sec:before {
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
    /* background-color: rgb(0 0 0 / 32%); */
    left: 0;
    top: 0;
    z-index: 1;
}

.jumbotron--fp.booking-bg-sec > .grid-container{
    width: 100%;
}
.checkin_out_date_wrapper #booking_enqurey_submit:hover {
    background-color: #fff;
    color: #000;
}

.select_room_adult_child_wrapper {
    margin-bottom: 15px;
}

.select_room_adult_child_wrap {
    position: relative;
}

.room_adult_child_wrap {
    position: absolute;
    left: 0;
    background: #fff;
    width: 100%;
    color: #000;
    padding: 12px 20px;
    border-top: 1px solid #ddd;
}

.room_adult_child_wrap>div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 18px;
}

.room_adult_child_wrap>div label {
    font-size: inherit;
    font-size: 16px;
    font-weight: 700;
    order: 3;
    min-width: 50px;
}

.room_adult_child_wrap>div input {
    border: none !important;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    width: auto;
    padding: 0;
    font-weight: 700;
    outline: none;
    box-shadow: none !important;
    text-align: center;
    order: 2;
    pointer-events: none;
}

.daterangepicker:before,
.daterangepicker:after{
    display: none !important;
}

.room_adult_child_wrap>div input::-webkit-outer-spin-button,
.room_adult_child_wrap>div input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.room_adult_child_wrap>div input[type=number] {
  -moz-appearance: textfield;
}

.room_adult_child_wrap>div>span {
    cursor: pointer;
    order: 1;
    transform: scale(1.4);
    padding: 0 11px;
}
.room_adult_child_wrap>div>span.plus{
    order: 4;
}

.coupon-btn-wrap {
    text-align: center;
}

.coupon-btn-wrap a {
    text-decoration: underline;
    color: #fff;
}

.booking_caleneder_date .coupon_code {
    position: fixed;
    z-index: 140;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 48%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.coupon_open {
    overflow: hidden;
}

.coupon_open .booking_caleneder_date .coupon_code {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.booking_caleneder_date .coupon_code .coupon-poup-inner {
    width: 450px;
    max-width: 90%;
    background: rgb(255 255 255 / 88%);
    color: #000;
    padding: 15px 25px 25px;
}

.close-pop {
    text-align: right;
}

.close-pop span {
    display: inline-block;
    cursor: pointer;
}

.coupon-form-wrap {
    display: flex;
    gap: 15px;
}

.coupon-form-wrap>* {
    margin-bottom: 0;
}

.coupon-form-wrap #apply_coupon {
    padding: 10px 12px;
    display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.4s ease;
    min-width: 100px;
}

.coupon-form-wrap #apply_coupon:hover {
    background-color: #fff;
    color: #000;
}

body .daterangepicker .calendar-table th,
body .daterangepicker .calendar-table td {
    border: none;
    border-radius: 0;
    min-width: 32px;
    width: 33px;
    height: 31px;
    line-height: 1.7;
    font-size: 14px;
    border-radius: 0;
    font-family: 'latolight';
    color: #000;
}

.daterangepicker .calendar-table thead tr:first-child th {
    background-color: #B8963D;
    color: #fff;
    padding: 10px;
    font-size: 16px;
}

body .daterangepicker td.active,
body .daterangepicker td.active:hover {
    background-color: #B8963D;
    color: #fff;
}

body .daterangepicker td.disabled,
body .daterangepicker option.disabled {
    color: #999 !important;
    cursor: not-allowed;
    text-decoration: none;
}

body .daterangepicker td.start-date.end-date{
    border-radius: 0;
}

body .daterangepicker .calendar-table .next span, body .daterangepicker .calendar-table .prev span{
    border-color: #fff;
}

body .daterangepicker td.available:hover,
body .daterangepicker th.available:hover {
    background-color: #B8963D;
}

.daterangepicker .calendar-table thead tr:nth-child(2) th {
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding: 8px 2px;
}
.booking-calender-sec{
    padding: 100px 0;
    min-height: 550px;
    display: flex;
    align-items: center;
    position: relative;
}
.booking-calender-sec .grid-container{
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0;
}
.booking-calender-sec .booking-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.booking-calender-sec .booking-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    p.check_date{
        font-size: 50px;
    }
    .checkin_out_date_wrapper .booking_date>div{
        font-size: 15px;
        padding: 15px 10px;
    }
    .checkin_out_date_wrapper #booking_enqurey_submit{
        font-size: 16px;
    }
    .select_room_adult_child_wrapper .select_room_adult_child_wrap .room_adult_child{
        padding: 8px 20px;
        font-size: 16px;
    }
    .booking-calender-sec {
        padding: 40px 0;
        min-height: 420px;
    }
    .booking_caleneder_date{
        margin-right: auto;
    }
}