/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 24 2024 | 22:19:10 */
/* Add shadow to nav section on scroll */
.nav-section.elementor-sticky--effects,
.burger-section.elementor-sticky--effects {
    background-color: #FFFFFF !important;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

/* Shade the first section after the menu */
#content > .page-content > .elementor > .elementor-section:nth-child(1)::after {
    z-index: 1;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
    opacity: 0.78;
}

#content > .page-content > .elementor > .elementor-section > .elementor-container {
    z-index: 2;
}

/* Transitions */
.nav-section,
.nav-section .elementor-nav-menu .menu-item a.elementor-item,
.nav-section .elementor-widget-theme-site-logo a img {
    transition: 0.5s linear;
}

@media (min-width: 1200px) and (max-width: 2500px) {
    /* Hide Home */
/*     body:not(.elementor-editor-active) .nav-section .elementor-nav-menu > li:first-child { */
#menu-1-c78517b > li.menu-flex-0.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-16.current_page_item.menu-item-312 > a{
        display: none;
    }

    .nav-section .elementor-nav-menu .menu-item.menu-cta a.elementor-item {
        font-size: 20px;
        padding: 10px 20px;
    }
}

@media (min-width: 1200px) {
    /* make it a bit easier when editing */
    .elementor-editor-active .nav-section {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%) !important;
    }

    /* pull the banner up by height of menu seciton */
    body:not(.elementor-editor-active) .nav-section {
        margin-bottom: -200px;
    }

    /* Menu arrow control */
    .elementor-nav-menu > .menu-item-has-children > a.has-submenu > .sub-arrow {
        display: none !important;
    }

    /* Hide Home*/
    body:not(.elementor-editor-active) .nav-section .elementor-nav-menu > li:first-child {
        display: none;
    }

    /* Setup the nav container */
    .nav-section {
        padding-top: 35px;
        padding-bottom: 35px;
    }

        .nav-section.elementor-sticky--effects {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .nav-section > .elementor-container {
            min-height: 70px;
        }


        /* menu items formatting */
        .nav-section .elementor-nav-menu .menu-item a.elementor-item,
        .nav-section .elementor-nav-menu .menu-item a.elementor-item.elementor-item.elementor-item-active {
            color: #FFFFFF;
        }

            .nav-section .elementor-nav-menu .menu-item a.elementor-item:hover,
            .nav-section .elementor-nav-menu .menu-item a.elementor-item.elementor-item.elementor-item-active:hover {
                color: #B7B394;
            }

       .nav-section.elementor-sticky--effects .elementor-nav-menu .menu-item a.elementor-item,
        .nav-section.elementor-sticky--effects .elementor-nav-menu .menu-item a.elementor-item.elementor-item.elementor-item-active {
            color: #001B36;
        }

            .nav-section.elementor-sticky--effects .elementor-nav-menu .menu-item a.elementor-item:hover,
            .nav-section.elementor-sticky--effects .elementor-nav-menu .menu-item a.elementor-item.elementor-item.elementor-item-active:hover {
                color: #B7B394;
            }

        /* nav section */
	.nav-section.elementor-sticky--effects .elementor-nav-menu a.elementor-item {
		color: #001B36;
	}
	#header-cta-btn {
		color: #FFFFFF !important;
	}
	
        .nav-section .elementor-nav-menu {
            width: 100%;
            align-items: center;
        }

            .nav-section .elementor-nav-menu .menu-item.menu-cta {
                margin-left: 10px;
                margin-right: 12px;
            }

                .nav-section .elementor-nav-menu .menu-item.menu-cta a.elementor-item {
                    font-size: 20px;
                    font-weight: 400;
                    font-family: "DM Serif Display";
                    color: #001B36;
                    background-color: #E2DDCB;
                    padding: 10px 20px;
                    border-radius: 2px;
                }

                    .nav-section .elementor-nav-menu .menu-item.menu-cta a.elementor-item:hover {
                        color: #FFFFFF;
                        background-color: #001B36;
                    }

        .nav-section.elementor-sticky--effects .elementor-nav-menu .menu-item.menu-cta a.elementor-item {
            color: #FFFFFF;
            background-color: #001B36;
        }

            .nav-section.elementor-sticky--effects .elementor-nav-menu .menu-item.menu-cta a.elementor-item:hover {
                color: #001B36;
                background-color: #E2DDCB;
            }

        .nav-section .menu-item.menu-flex-0 {
            flex-grow: 0;
        }

        .nav-section .menu-item.menu-flex-1 {
            flex-grow: 1;
        }

        /* logo */
        .nav-section .elementor-widget-theme-site-logo {
            margin: 0 auto;
        }

            .nav-section .elementor-widget-theme-site-logo a {
                background-image: url(/wp-content/uploads/2024/08/fairview-logo-blue.svg);
                background-repeat: no-repeat;
                background-size: cover;
            }

        .nav-section.elementor-sticky--effects .elementor-widget-theme-site-logo a img {
            opacity: 0;
        }

        .nav-section .elementor-nav-menu .menu-item.menu-phone a.elementor-item,
        .nav-section .elementor-nav-menu .menu-item.menu-login a.elementor-item {
            background-repeat: no-repeat;
            background-size: 22px;
            background-position: 12px center;
        }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    /* menu login icon */
    .nav-section .elementor-nav-menu .menu-item.menu-login a.elementor-item {
        width: 46px;
        font-size: 0;
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-key' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 176.001C512 273.203 433.202 352 336 352c-11.22 0-22.19-1.062-32.827-3.069l-24.012 27.014A23.999 23.999 0 0 1 261.223 384H224v40c0 13.255-10.745 24-24 24h-40v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-78.059c0-6.365 2.529-12.47 7.029-16.971l161.802-161.802C163.108 213.814 160 195.271 160 176 160 78.798 238.797.001 335.999 0 433.488-.001 512 78.511 512 176.001zM336 128c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48-48 21.49-48 48z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");
    }

    .nav-section.elementor-sticky--effects .elementor-nav-menu .menu-item.menu-login a.elementor-item {
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-key' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 176.001C512 273.203 433.202 352 336 352c-11.22 0-22.19-1.062-32.827-3.069l-24.012 27.014A23.999 23.999 0 0 1 261.223 384H224v40c0 13.255-10.745 24-24 24h-40v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-78.059c0-6.365 2.529-12.47 7.029-16.971l161.802-161.802C163.108 213.814 160 195.271 160 176 160 78.798 238.797.001 335.999 0 433.488-.001 512 78.511 512 176.001zM336 128c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48-48 21.49-48 48z' fill='%23001B36'%3E%3C/path%3E%3C/svg%3E");
    }

    .nav-section .elementor-nav-menu .menu-item.menu-login a.elementor-item:hover {
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-key' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 176.001C512 273.203 433.202 352 336 352c-11.22 0-22.19-1.062-32.827-3.069l-24.012 27.014A23.999 23.999 0 0 1 261.223 384H224v40c0 13.255-10.745 24-24 24h-40v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-78.059c0-6.365 2.529-12.47 7.029-16.971l161.802-161.802C163.108 213.814 160 195.271 160 176 160 78.798 238.797.001 335.999 0 433.488-.001 512 78.511 512 176.001zM336 128c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48-48 21.49-48 48z' fill='%23B7B394'%3E%3C/path%3E%3C/svg%3E");
    }
}

@media (min-width: 1200px) and (max-width: 2500px) {
    /* menu phone icon */
    .nav-section .elementor-nav-menu .menu-item.menu-phone a.elementor-item {
        width: 46px;
        font-size: 0;
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-phone-alt' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");
    }

    .nav-section.elementor-sticky--effects .elementor-nav-menu .menu-item.menu-phone a.elementor-item {
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-phone-alt' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z' fill='%23001B36'%3E%3C/path%3E%3C/svg%3E");
    }

    .nav-section .elementor-nav-menu .menu-item.menu-phone a.elementor-item:hover {
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-phone-alt' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z' fill='%23B7B394'%3E%3C/path%3E%3C/svg%3E");
    }
}

@media (min-width: 1366px) {
    /* Hide Home */
    body:not(.elementor-editor-active) .nav-section .elementor-nav-menu > li:first-child {
        display: flex;
    }

    .nav-section .elementor-nav-menu .menu-item.menu-cta a.elementor-item {
        font-size: 21px;
        padding: 12px 28px;
    }

    .nav-section .elementor-nav-menu .menu-item.menu-cta {
        margin-left: 14px;
    }
}

a[href="https://fairviewvillage.webreview.nz/book-a-tour/"].elementor-item.elementor-item-active {
    color: white !important;
}
