/* Wilderness top logo & banner */
#headerpane {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: rgba(0, 0, 0, 0.4); /* Semi-transparent background */
    backdrop-filter: blur(5px); /* Applies the blur effect */
    -webkit-backdrop-filter: blur(5px); /* For Safari support */
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5); /* Optional shadow for depth */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

    
@media (max-height: 635px) {
    #headerpane {
        display: none;
    }
}

#headerpane_logo {
    z-index: 1000;
}

#headerpane_logo img {
        
    height: 60px;
}

@media (min-width: 768px) {
    #headerpane {
        justify-content: flex-start;
    }
    #headerpane_logo img {
        margin-left: 40px;
        height: 70px;
    }
}

/**/
#menupane {
    width: 100%;
    height: 65px;
    box-shadow: 0 0 1rem 0 rgba(0,0,0,0);
    /*position: relative;*/
    background: inherit;
    overflow: hidden;
    position: fixed;
    z-index: -1;
}

    #menupane:before {
        content: "";
        position: absolute;
        background: inherit;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 2000px rgba(0,0,0,0);
        filter: blur(5px);
        margin: -40px;
    }

    #menupane #img_height {
        margin-top: 20px;
        margin-bottom: 20px;
    }

.container2 {
}

.overlay_custom {
    background-image: radial-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0));
}

.background_custom {
    /* Image is centered vertically and horizontally at all times */
    background-position: center center;
    /* Image doesn't repeat */
    background-repeat: no-repeat;
    /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based on its container's size */
    background-size: cover;
    /* Pick a solid background color that will be displayed while the background image is loading */
    background-color: #464646;
    /*background-attachment: fixed;*/
}

.bg_index {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Index.jpg');
}

@media (min-width: 768px) {
    .bg_index {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Index.jpg');
    }
}

.bg_signin {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Login-V.png');
}

@media (min-width: 768px) {
    .bg_signin {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Login-V.jpg');
    }
}

.bg_signupguest {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Sign_up_Guest.jpg');
}

@media (min-width: 768px) {
    .bg_signupguest {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Sign_up_Guest.jpg');
    }
}

.bg_signupguestbooking {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Sign_upguestbooking.jpg ');
}

@media (min-width: 768px) {
    .bg_signupguestbooking {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Sign_upguestbooking.jpg');
    }
}

.bg_questions {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Questions-V.jpg');
}

@media (min-width: 768px) {
    .bg_questions {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Questions-V.jpg');
    }
}

.bg_family {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Family.jpg');
}

@media (min-width: 768px) {
    .bg_family {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Family.jpg');
    }
}

.bg_groups {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Groups.jpg ');
}

@media (min-width: 768px) {
    .bg_groups {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Groups.jpg ');
    }
}

.bg_indemnity {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Indemnity-V.png');
}

@media (min-width: 768px) {
    .bg_indemnity {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Indemnity-V.jpg');
    }
}

.bg_interest {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Interests-V.png');
}

@media (min-width: 768px) {
    .bg_interest {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Interests-V.jpg');
    }
}

.bg_languages {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Languages.jpg');
}

@media (min-width: 768px) {
    .bg_languages {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Languages.jpg');
    }
}

.bg_medical {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Medical-V.png');
}

@media (min-width: 768px) {
    .bg_medical {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Medical-V.jpg');
    }
}

.bg_passport {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Passport-V.png');
}

@media (min-width: 768px) {
    .bg_passport {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Passport-V.png');
    }
}

.bg_preferences {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Preferences-V.png');
}

@media (min-width: 768px) {
    .bg_preferences {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Preferences-V.png');
    }
}

.bg_profile {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Profile-V.png');
}

@media (min-width: 768px) {
    .bg_profile {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Profile-V.jpg');
    }
}

.bg_qfeedback {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/QFeedback-V.jpg');
}

@media (min-width: 768px) {
    .bg_qfeedback {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/QFeedback-V.jpg');
    }
}

.bg_questionaires {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Questionnaires-V.jpg');
}

@media (min-width: 768px) {
    .bg_questionaires {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Questionnaires-V.jpg');
    }
}

.bg_qoptiontranslation {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/QuestionOptionTranslations-V.jpg');
}

@media (min-width: 768px) {
    .bg_qoptiontranslation {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/QuestionOptionTranslations-V.jpg');
    }
}

.bg_qtranslation {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/QuestionTranslations-V.jpg');
}

@media (min-width: 768px) {
    .bg_qtranslation {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/QuestionTranslations-V.jpg');
    }
}

.bg_document {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Documents-V.png');
}

@media (min-width: 768px) {
    .bg_document {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Documents-V.png');
    }
}

.bg_roles {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Roles.png');
}

@media (min-width: 768px) {
    .bg_roles {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Roles.png');
    }
}

.bg_reset_password {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Reset-V.png');
}

@media (min-width: 768px) {
    .bg_reset_password {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Reset-V.jpg');
    }
}

.bg_timeline {
    background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Mobile/Timeline.png');
}

@media (min-width: 768px) {
    .bg_timeline {
        background-image: url('https://images.wilderness.co.za/Guest_Portal_Images/Web/Timeline.jpg');
    }
}