body {
    --color_light: var(--wp--preset--color--sand);
}

/* WP Admin Bar*/
@media screen and (max-width:600px){
    #wpadminbar {
        margin-top: -46px;
    }
}

/* Footer */

.site-footer {
    .footer-middle {

        & ul.menu {
            & li {
                margin-bottom: 1rem;

                & a {
                    font-size: var(--wp--preset--font-size--small);
                    font-weight: 500;
                    color:#2a2a2a;
                    padding: 0.5rem 0.5rem 0.5rem 1rem;
                    text-decoration: none;
                    transition-duration: 300ms;
                    position:relative;
                    line-height: 2em;

                    &:before {
                        content: '\f105';
                        font-family: "Font Awesome 5 Pro";
                        font-weight: 400;
                        position:absolute;
                        left:0;
                        transition-duration: inherit;
                    }

                    &.phone-icon:before {
                        content: '\f095';
                    }

                    &.email-icon:before {
                        content: '\f0e0';
                    }

                    &.map-icon:before {
                        content: '\f3c5';
                    }

                    &.facebook-icon:before {
                        content: '\f39e';
                        font-family: "Font Awesome 5 Brands";
                    }

                    &.instagram-icon:before {
                        content: '\f16d';
                        font-family: "Font Awesome 5 Brands";
                    }

                    &.linkedin-icon:before {
                        content: '\f0e1';
                        font-family: "Font Awesome 5 Brands";
                    }

                    &.youtube-icon:before {
                        content: '\f167';
                        font-family: "Font Awesome 5 Brands";
                    }

                    &:hover {
                        padding: 0.5rem 0rem 0.5rem 1.5rem;

                        &:before {
                            opacity:1;
                        }
                    }

                    &.map-icon,
                    &.phone-icon,
                    &.email-icon,
                    &.instagram-icon,
                    &.facebook-icon,
                    &.linkedin-icon,
                    &.youtube-icon {
                        padding: 0.5rem 0.5rem 0.5rem 2rem;
                    }

                    &.map-icon:hover,
                        &.phone-icon:hover,
                        &.email-icon:hover,
                        &.instagram-icon:hover,
                        &.facebook-icon:hover,
                        &.linkedin-icon:hover,
                        &.youtube-icon:hover {
                        padding: 0.5rem 0 0.5rem 2.5rem;
                    }

                }
            }
        }

    }

    .footer-bottom {
        border-top: 1px solid #fff;

        & ul.menu {
            display:flex;

            & li {
                line-height:1em;
                padding:0 1em 0 0;
            }
        }

        & a {
            color:var(--theme--primary-color);
            text-decoration: underline;
            transition-duration:300ms;

            &:hover {
                color:var(--theme--primary-color);
            }
        }
    }
}

/* Taxonomy Pages */

.tax-description {
    width:90vw;
    max-width: 1100px;
    margin: 0 auto;
}

@media screen and (min-width: 992px){
    .tax-description {
        text-align: justify;
    }
}

/* Custom Cover block (add .cover-buttons to "Colums" block to apply)*/

.wp-block-columns.cover-buttons .wp-block-cover .wp-block-cover__inner-container,
.wp-block-columns.cover-buttons .wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-columns.cover-buttons .wp-block-buttons.is-style-cover,
.wp-block-columns.cover-buttons .wp-block-button {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
}

.wp-block-columns.cover-buttons .wp-block-cover,
.wp-block-columns.cover-buttons .wp-block-cover-image {
    padding-bottom:150% !important;
    min-height:unset;
}

.wp-block-columns.cover-buttons .wp-block-cover> img {
    transition-duration:500ms;
}

.wp-block-columns.cover-buttons .wp-block-cover:hover > img {
    transform:scale(1.1);
}

.wp-block-columns.cover-buttons .wp-block-button .wp-block-button__link {
    text-transform:capitalize
}

@media screen and (min-width: 576px) and (max-width: 1080px){
    .wp-block-columns.cover-buttons {
        flex-wrap:wrap !important;
        justify-content:space-between;
    }
    .wp-block-columns.cover-buttons .wp-block-column {
        /* flex-grow:unset !important; */
        flex-basis: calc(50% - var(--theme--gutters--mobile)) !important;
    }
}

/* List Default Styling */
ul.wp-block-list {
    list-style: unset;
}

.wp-block-list li {
    display:block;
    padding-left:20px;
    position:relative;
    margin-bottom: 10px;
}

.wp-block-list li:before {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    left:0; 
}


/* Icons */

i.thd-icon {
    height:1.2em;
    padding-left:1.2em;
    margin-right:0.5em;
    position:relative;
    background-size:contain;
    background-repeat:no-repeat;
    background-position-y: center;

}

i.thd-icon.thd-guests {
    background-image: url('../icons/guests.png');
}

i.thd-icon.thd-bed {
    background-image: url('../icons/bed.png');
}

i.thd-icon.thd-bunk-bed {
    background-image: url('../icons/bunk-bed.png');
}

i.thd-icon.thd-single-bed {
    background-image: url('../icons/single-bed.png');
}

i.thd-icon.thd-bath {
    background-image: url('../icons/bath.png');
}

i.thd-icon.thd-shower {
    background-image: url('../icons/shower.png');
}

i.thd-icon.thd-bath-shower {
    background-image: url('../icons/bath+shower.png');
}

i.thd-icon.toilet {
    background-image: url('../icons/toilet.png');
}

i.thd-icon.thd-car {
    background-image: url('../icons/car.png');
}

i.thd-icon.thd-calendar {
    background-image: url('../icons/calendar.png');
}

/* Quick Search Popout Styling */

#quick-search-wrapper {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:999;
    pointer-events:none;
    transition-duration:300ms;
    opacity:0;

    & .clickbox {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background: #000000aa;
        z-index:1;
    }

    &.active {
        opacity:1;
        pointer-events:initial;
    }

    & #quick-search-holder {
        background: var(--wp--preset--color--sand);
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        height:100vh;
        display:flex;
        align-items: flex-start;
        padding: 1.5rem 0.75rem;
        min-width:250px;
        max-width:300px;
        transition-duration:300ms;
        transform:translateX(500px);
        pointer-events: initial;
        z-index:2;

        @media screen and (min-width: 782px){
            max-width:500px;
            padding:1.5em;
        }

        & h4 {
            font-size:18px;
        }

        & form {
            position:relative;

            & input {
                font-size: 1.25em;
                border-bottom:1px solid var(--wp--preset--color--charcoal);
            }

            & input:focus-visible {
                outline:none;
            }

            & input::placeholder {
                color: #cacaca !important;
            }

            & #quick-search-submit {
                display:flex;
                align-items:center;
                justify-content:center;
                background: var(--theme--primary-color);
                color:#fff;
                padding: 0.25em 0.5em;
                cursor:pointer;
            }

            & #quick-search-autocomplete {
                position:absolute;
                top:100%;
                width:100%;
                max-width:100%;
                padding: 0.5em 0;
                background:#fff;
                box-shadow: 0 14px 28px rgba(0,0,0,0.10);
                visibility:hidden;
                z-index:999;

                &.open {
                    visibility:visible;
                }

                & span {
                    display:block;
                    padding: 0.5em 0.5em 0.5em 2em;
                    cursor:pointer;
                    position:relative;

                    &:hover {
                        background: #f4f4f4;
                    }

                    &:before {
                        content: '\f002';
                        font-family: "Font Awesome 5 Pro";
                        font-weight:400;
                        padding-right:10px;
                        position:absolute;
                        left:0.5em;
                    }
                }
            }

        }

        & #quick-search-results {

            & .listing-wrapper:not(last-child){
                padding-bottom: calc(var(--spacing) * 4);
                border-bottom: 1px solid #91472C50;
            }

            & img {
                max-width:70px;
                height:auto;

                @media screen and (min-width: 782px){
                    max-width:90px;
                }
            }

        }

        & .ql-default-background {
            &:after {
                content:'';
                position: absolute;
                top:0;
                left:0;
                right:0;
                bottom:0;
                background-color:#333;
                opacity:0.4;
                display:block;
                z-index: 1;
            }
        }


    }

    &.active #quick-search-holder{
        transform:translateX(0);
    }

    & .btn-close {
        display:block;
        padding: 0.25em 0.5em;
        position:absolute;
        top:18px;
        right:18px;
        cursor: pointer;
        transition-duration: 300ms;

        &:hover {
            transform:rotate(90deg);
        }
    }
}

body.admin-bar #quick-search-wrapper #quick-search-holder {
    top:32px;
}

@media screen and (max-width:782px){
    body.admin-bar #quick-search-wrapper #quick-search-holder {
        top:45px;
    }
}

/* Quick Search Pagination */

#quickSearchPagination {
    display:flex;
    flex-wrap:wrap;

    & .page-numbers {
        display:block;
        padding:4px 8px;
        border:1px solid var(--theme--primary-color);
        line-height: 1em;
        margin-right: 10px;


        &.current {
            background: var(--theme--primary-color);
            color:#fff;
        }
    }

}

/* Events Grid Block Overrides */
.mage_grid_box {
    .mep_event_list_item {
        background-color:#ffffffcc;

        .mep_list_event_details {
            padding: 20px;
        }
    }
}

/* Events Single Page Overrides */

.mep_events-template-default {
    background-color:#F1EFEC;

    div.mpwem_wrapper {
        padding:30px;
    }

    .mep-events-wrapper.wrapper {
        margin: 50px auto;
    }

    div.date_time_location_short .short_item,
    .default_theme .mep-default-sidrbar-price-seat .setas-info,
    div.timeline_item .timeline_tag,
    div.mpwem_form_submit_area {
        background-color:var(--color_light);
        border-radius:0;
    }

    div.event_date_list_area .date-list-item {
        border-radius:0;
    }

    div.mpwem_timeline_area .timeline_time {
        background-color:var(--theme--primary-color);
        color: #fff;
    }

}

.grecaptcha-badge {
    visibility: hidden;
}

.google-recaptcha-disclaimer small {
    font-size:0.75em;
    line-height:2rem;
    text-align:center;
    display: block;
}

.wpcf7 {
    & label {
        font-size:0.75em;
    }
    & .wpcf7-form-control-wrap {
        font-size: 1.125rem;  

        & input,
        & select,
        & textarea {
            background: #fff;
            padding: 8px 12px;
            width:100%;
        }
    }

    & input[type="submit"] {
        padding: 10px 20px;
        background-color: var(--color-theme-primary);
        color: #fff;
        font-weight: 500;
        font-size: 1rem;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        cursor:pointer;
    }
}


#hh-custom-booking-form .ajax-result div.discount *{
    color: var(--color-burnt-orange) !important;
}

#hh-custom-booking-form button, #hh-custom-booking-form .make-booking {
    color: var(--color-burnt-orange) !important;
    border-color: var(--color-burnt-orange) !important;
}

/* Footer Newsletter signup */

#footer-signup {
    margin-bottom: 20px;
    
    & .wpcf7-form-control:not(.wpcf7-submit) {
        padding-left:0;
        border-bottom:1px solid var(--theme--primary-color);
        margin-bottom:10px;
    }
    
    & p small {
        display:block;
        margin-bottom:10px;
        font-size:12px;
    }

}

/* Booking Sidebar Overrides */

#hh-custom-booking-form button#selectGuests {
    color: var(--theme--primary-color) !important;
}

#hh-custom-booking-form .dropdown-menu {
    border: 1px solid #ddd !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15); 
}

#hh-custom-booking-form {
    & .input-group,
    & .input-group-prepend {
        align-items: center;
    }
} 

/* Contact Block */

.contact-block td {
    padding: 5px;
    vertical-align: top;
    font-size:14px;
}