/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* 2778x1284 pixels at 458ppi */
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {

    #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        left: -16px !important;
    }

        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block {
            left: 0px !important;
        }
}

@media only screen and (max-width: 767px) and (min-width: 540px) {
    #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        left: -128px !important;
    }

        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block {
            left: 0px !important;
        }
}

@media only screen and (max-width: 819px) and (min-width: 768px) {
    #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        left: -356px !important;
    }

        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block {
            left: 0px !important;
        }
}

@media only screen and (max-width: 912px) and (min-width: 820px) {
    #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        left: -408px !important;
    }

        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block {
            left: 0px !important;
        }
}

@media only screen and (max-width: 991.98px) and (min-width: 913px) {
    #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        left: -500px !important;
    }

        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block {
            left: 0px !important;
        }
}

@media (min-width: 768px) {
    #p-resort-name {
        font-size: 15px !important;
    }

    #provinceselect {
        margin-bottom: 60px !important;
    }

    .profile-edit-desktop {
        display: none;
    }
}

@media (max-width: 768px) {
    #xplorer-name-layout {
        display: none;
    }

    #resort-logo-desktop {
        display: none;
    }

    #rules-header {
        display: none !important;
    }
}

@media (min-width: 992px) {
    #header-wrap {
        background: url('/media/cfqc2fyc/desktop-sky-banner-new.png') !important;
    }

    .bg-overide-desktop {
        background: url('/images/Dream Xplorers/map-background.jpg') !important;
        background-size: cover !important;
    }

    #voucher-desktop {
        width: 25% !important;
    }

    #desktop-wdith-700 {
        width: 700px !important;
        margin: 0 auto;
    }

    .resort-bg-desktop {
        background: url('/images/Dream Xplorers/map-background.jpg') !important;
        margin-top: -40px !important;
    }

    #text-brown {
        color: #44140E !important;
    }

        #text-brown a {
            color: #44140E !important;
        }
}

#resort-nav li a {
    cursor: pointer !important;
}

    #resort-nav li a::before {
        background-color: #44140E !important;
    }

#header-wrap {
    background-color: transparent !important;
    background-position: center !important;
}

#header {
    z-index: 2;
}

/* 2778x1284 pixels at 458ppi */
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
    .menu-container {
        left: -16px;
    }
}