/**
 * Theme Name:     Spirit Homes
 * Author:         Red Chilli Design
 * Template:       hello-elementor
 * Text Domain:	   spirit-homes
 * Description:    Website for Spirit Homes by Red Chilli.
*/

.elementor-kit-6 {
    --gold: var( --e-global-color-primary );
    --pink: var( --e-global-color-secondary );
}
 
nav ul {
    width:100%;
}

nav ul li:last-child {
    margin-left:auto;
}

nav ul div#contact-link a {
    background: var(--gold);
    border:1px solid var(--gold);
    border-radius:24px;
    padding:10px 50px;
}

nav ul div#contact-link a span {
    color: #ffffff;
}

nav ul div#contact-link a:hover {
	background-color:#ffffff;
    padding:10px 50px;
}

nav ul div#contact-link a:hover span {
    color: #ffffff;
    color:var(--gold);
}

/* Mobile Styles */
@media (max-width: 767px) {
    .elementor-menu-toggle {
        width: 28px;
        height: 28px;
        padding: 0px;
        position: absolute;
        right:0px;
    }

    .elementor-widget.elementor-widget-nav-menu {
        position:absolute;
        top: 20px;
        right: 20px;
    }

    header nav {
        height: calc(100vh - 70px);
        width:100vw;
        z-index:20;
        position:relative;
        top:70px;
        left:0px;
        right:0px;
        margin-left:-20px;
        margin-right:-20px;
    }

    html.menu-open {
        overflow: hidden;
        height: 100%;
        position: fixed;
        width: 100%;
    }

    /* Reset contact button */
    nav ul li.contact-link a.elementor-item {
        background: none;
        border: none;
        padding: 20px;
        --e-global-color-text: unset;
    }
}