/*
 * Copyright ©  2023 Thomas J Collinson
 * All rights reserved
 */

:root {
    --bg-main: #f5f8fd;
    --light-blue: #0092c0;
    --light-blue-2: #0092c0;
    --light-blue-3: #00aae0;
    /*--light-blue-3: #006689;*/
    --header-color: #1a2b68;
    --input-border: #e3ebf1;
    --error-text: #8a262f;
    --h1-text: #253062;
    --disabled-button: #e3ebf1;
}

div#return-and-save {
    display: none;
}

div#booking-widget-outer {
    width: 95%;
    margin-left: 0 !important;
}

div#booking-container {
    justify-content: center !important;
}

div#view-map {
    background: var(--light-blue-2);
    height: 34px;
    border-radius: 17px;
    padding: 0 10px;
    line-height: 34px;
    width: 200px;
    text-align: center;
    right: calc(50% - 100px);
    top: 0px;
    background: var(--light-blue-2);
    color: #ffffff;
    font-weight: 700;
    position: absolute;
    z-index: 1000;
    font-size: 20px !important;
    transition: transform 0.3s;
}

div#view-map:not(.open) {
    transform: translateY(-82%);
}

div#view-map:focus, div#view-map:active, div#view-map:hover {
    transform: translateY(0%);
}

#view-map.open {
    max-width: 200px;
    position: absolute;
    top: 0 !important;
}

body#wbody.minimised {
    background: transparent;
}

.no-menu a::after {
    display: none;
}

.site-header__main-nav-link {
    padding: 34px 35px 30px;
    text-align: center;
}

.site-header__top-bar.pos--rel.z--max.flex.flex--v-center.flex--h-between {
    display: flex;
    justify-content: right;
}

.site-header .site-header__logo {
    min-width: 165px;
}

.site-header .site-header__top-bar {
    margin-top: -40px;
}

.site-header .site-header__main-nav-link {
    padding: 30px 30px 24px;
    font-size: 1.125rem;
}

.site-header .site-header__logo-svg {
    width: 100px;
    height: 32px;
}

div#head {
    height: 90px;
}

.site-header__main-nav-list.flex {
    flex-wrap: nowrap;
    width: 100%;
}

.site-header__dropdown--private .site-header__dropdown-image {
    background: #202228;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-header__dropdown--private .site-header__dropdown-image svg {
    max-height: 250px;
}

.site-footer__left:before {
    background: var(--light-blue);
}

a.site-footer__logo {
    max-width: 140px;
    max-height: 140px;
}

a.site-footer__logo svg {
    width: 100%;
    height: 100%;
}

ul.site-footer__socials.flex.flex--h-between {
    justify-content: left;
}

ul.site-footer__socials.flex.flex--h-between li:first-of-type {
    margin-right: 10px;
}

a.site-header__logo svg {
    max-height: 65px;
    width: auto;
}

a.site-header__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-color: var(--light-blue-2);
    background: transparent;
}

@media screen and (min-width: 768px) {
    .no-menu:last-of-type {
        margin-left: auto;
    }

    div#content {
        min-height: calc(100vh - 341px);
    }

    a.site-header__logo {
        background: #202020;
    }
}

@media screen and (max-width: 768px) {
    .site-header.slim .site-header__main-nav-link {
        padding: 15px;
    }

    li.desktop-only {
        display: none;
    }

    #view-map {
        display: none;
    }

    a.site-header__quote-btn {
        background: linear-gradient(0deg, var(--light-blue) 0%, var(--light-blue-3) 100%);
    }

    .site-header__quote-btn:after {
        background: var(--light-blue);
    }

    .site-header__nav {
        background: #202020;
    }

    a.site-header__nav-btn {
        background: var(--light-blue);
    }

    iframe#booking-widget {
        min-height: 100vh;
    }

    #nb-body div#content {
        min-height: calc(100vh + 75px)
    }
}
