/* ------------------------------ */
/* --------- Navigation --------- */
/* ------------------------------ */

/* General */
.site_nav li a {
    font-weight: bold;
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}

.site_nav li {
    display: inline-block;
}


/* Right */
.site_nav__main > li > a, .site_nav__main > li > a > span {
    position: relative;
}

.site_nav__main > li {
    position: relative;
}

.site_nav__main li:last-child {
    margin-right: 0;
}

.site_nav__main > li > a {
    border-radius: var(--border-radius-small);
    line-height: var(--line-height-1);
    font-size: var(--font-size-2);
    text-transform: uppercase;
    box-shadow: var(--box-shadow);
}

.site_nav__main > li:not(.nav__item--active) > a {
    background-color: var(--brand-white);
    transition: var(--transition-2);
}

.site_nav__main > li.nav__item--active > a, .no-touchevents .site_nav__main > li:not(.nav__item--active) > a:hover,
.site_nav__main > li.nav__item--active > a {
    color: var(--brand-white);
    background-color: var(--brand-brown);
}

.site_nav__main > .nav__item--has-children > a {
    padding-bottom: var(--spacing-3);
}

.site_nav__main > .nav__item > a .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.site_nav__main > .nav__item:not(.nav__item--active) > a .icon {
    fill: var(--brand-brown);
    transition: var(--transition-2);
}

.site_nav__main > .nav__item--active > a .icon, .no-touchevents .site_nav__main > li:not(.nav__item--active) > a:hover .icon {
    fill: var(--brand-white);
}

.site_button .button {
    margin: 0;
}

.site_button .button:not(.button--map) a {
    border-radius: var(--border-radius-small);
    line-height: var(--line-height-1);
    font-size: var(--font-size-2);
    text-transform: uppercase;
    box-shadow: var(--box-shadow);
    border: unset;
    background-color: var(--brand-white);
}

.page-template-page-home .nav__item--map, .page-template-page-faq .button--back-profile {
    display: none;
}


/* Left side */
.profile_info {
    transition: var(--transition-2);
}

.page-scrolled .profile_info {
    opacity: 0;
    transition: var(--transition-2) .5s;
}

.profile_info span {
    padding-left: var(--spacing-0);
    font-size: var(--font-size-3);
    font-weight: bold;
}

.site_button .icon--user {
    position: relative;
    top: 2px;
}





/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 1400px) {

    .site_nav__main > li {
        margin-right: var(--spacing-4);
    }

}


@media all and (min-width: 1240px) {

    .site_nav__main > li > a {
        padding: 10px 20px 8px 52px;
    }

    .site_nav__main > li.nav__item--tutorials > a {
        padding-left: 42px;
    }

    .site_nav__main > li.nav__item--map > a {
        padding-left: 64px;
    }

    .site_button .button:not(.button--map) a {
        padding: 10px 20px 8px 56px;
    }

    .site_button .button:not(.button--map) a .icon, .site_nav__main > .nav__item > a .icon {
        left: 20px;
    }

}


@media all and (min-width: 992px) {

    .site_nav__main > li.nav__item--tutorials {
        margin-right: 0;
    }

}


@media all and (min-width: 768px) {

    .site_nav__main > li.nav__item--farm-mobile, .site_nav__main > li.nav__item--map-mobile, .site_button .button--map {
        display: none;
    }

}


@media all and (max-width: 1399.98px) and (min-width: 1240px) {

    .site_nav__main > li {
        margin-right: var(--spacing-2);
    }

}


@media all and (max-width: 1239.98px) {

    .site_nav__main > li.nav__item--heart {
        display: none;
    }

    .site_button .button:not(.button--map) a {
        padding: 8px 16px 5px 52px;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 768px) {

    .site_nav__main > li {
        margin-right: var(--spacing-2);
    }

    .site_nav__main > li > a {
        padding: 8px 16px 5px 48px;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

    .site_nav__main > .nav__item > a .icon {
        transform: translateY(-50%) scale(.9);
    }

    .site_button .button .icon, .site_nav__main > .nav__item > a .icon {
        left: 16px;
    }
   
    .site_nav__main > li.nav__item--map > a {
        padding-left: 60px;
    }

    .site_nav__main > li.nav__item--tutorials > a {
        padding-left: 37px;
    }

}


@media all and (max-width: 991.98px) and (min-width: 768px) {

    .site_nav__main > li {
        margin-right: var(--spacing-0);
    }

    .site_nav__main > li.nav__item--tutorials {
        margin-right: 0;
    }

    .site_nav__main > li > a {
        padding-left: 44px;
    }

    .site_nav__main > .nav__item > a .icon {
        transform: translateY(-50%) scale(.85);
    }

    .site_button .button .icon, .site_nav__main > .nav__item > a .icon {
        left: 13px;
    }

    .site_nav__main > li.nav__item--tutorials > a {
        padding-left: 33px;
    }

    .site_nav__main > li.nav__item--map > a {
        padding-left: 52px;
    }

    .site_button .button:not(.button--map) a {
        padding-left: 48px;
    }

}


@media all and (max-width: 767.98px) {

    .site_nav__main > li.nav__item--list, .site_nav__main > li.nav__item--farm:not(.nav__item--farm-mobile):not(.nav__item--profile), .site_nav__main > li.nav__item--map:not(.nav__item--map-mobile),
    .page-template-page-entry-form .site_button, .page-template-page-profile .nav__item--map-mobile {
        display: none;
    }

    .site_nav__main > li > a, .site_button .button__map {
        padding: 8px 16px 5px 48px;
    }

    .site_nav__main > li.nav__item--farm > a {
        padding-left: 38px;
    }

    .site_nav__main > li.nav__item--map-mobile > a{
        padding: 8px 16px 5px;
    }

    .site_button .button {
        margin-bottom: 0;
    }

    .site_button .map__filter {
        opacity: 0;
        position: absolute;
        top: 0;
        display: none;
        transition: var(--transition-2);
    }

    .header--cover-map.map-visible .site_button .map__filter {
        opacity: 1;
    }

    .site_button .button--map {
        transition: var(--transition-2);
    }

    .site_button .button__map {
        border-radius: var(--border-radius-small);
        line-height: var(--line-height-1);
        font-size: var(--font-size-2);
        text-transform: uppercase;
        background-color: var(--brand-white);
        box-shadow: var(--box-shadow);
    }

    .header--cover-map.map-visible .site_button .button--map {
        opacity: 0;
    }

    .page-template-page-entry-form .site_nav {
        width: 100%;
    }

    .page-template-page-entry-form .site_nav__main {
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .site_nav__main > .nav__item > a .icon {
        transform: translateY(-50%) scale(.85);
    }

    .site_button .button .icon, .site_nav__main > .nav__item > a .icon {
        left: 10px;
    }

    .site_nav__main > li.nav__item--tutorials > a {
        padding-left: 29px;
    }

    .site_nav__main > li.nav__item--map > a {
        padding-left: 50px;
    }

    .site_button .button .icon.icon--map {
        transform: translateY(-50%) scale(.8);
    }

    .site_button .button:not(.button--map) a {
        padding-left: 42px;
    }

}


@media all and (max-width: 767.98px) and (min-width: 480px) {

    .site_nav__main > li {
        margin-right: var(--spacing-2);
    }

}


@media all and (max-width: 575.98px) {

    body:not(.page-template-page-profile) .site_nav__main > li.nav__item--map-mobile {
        display: none;
    }

}



@media all and (max-width: 479.98px) {

    .site_nav__main > li {
        margin-right: var(--spacing-0);
    }

}



@media all and (max-width: 413.98px) {

    .site_nav__main > li.nav__item--tutorials > a {
        padding: 8px 16px 5px;
    }

    .site_nav__main > li.nav__item--tutorials > a span {
        text-indent: -3000000px;
    }

}