/* Positioning */
/* Box Model */
/* Typography */
/* Visuals */
/* Transitions & Animations */
/* Miscellaneous */
/* Media Queries */
/* Base Styles */
/* Main Styles */
/* Novera Logo */
/* Registration Form */
/* Form Fields */
/* Hover */
/* Focus */

/* Fonts */

/* ------------------------------------------------------------------------------ */

.home_container {
    /* Box Model */
    height: 88vh;
}

/* Desktop styles */
@media (min-width: 932px) {
    .home_container {
        /* Positioning */
        display: flex;
        flex-direction: row;
    }
}

/* Mobile Styles */
@media (max-width: 932px) {
    .home_container {
        /* Positioning */
        display: flex;
        flex-direction: column;
        /* Box Model */
        width: 100vw;
    }
}

.home_container__articles {
    /* Positioning */
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    scrollbar-width: none;
    /* Box Model */
    /* Visibility */
    overflow: scroll;
}

/* Article Button */

.article_button {
    /* Box Model */
    border-bottom: none !important;
}

.home_container__home_dashboard {
    /* Box Model */
    background-color: var(--neutral-color-000);
    border: 1px solid var(--primary-border-color);
    border-radius: 0.4rem;
    padding: 1rem;
    margin: 1rem;
    /* Visibility */
    overflow: scroll;
    /* Typography */
    font-family: var(--font-family-primary);
}

/* Desktop styles */
@media (min-width: 932px) {
    .home_container__home_dashboard  {
        /* Positioning */
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: space-between;
        scrollbar-width: none;
    }
}

/* Mobile Styles */
@media (max-width: 932px) {
    .home_container__home_dashboard {
        /* Positioning */
        display: none;
    }
}

.trending_article,
.home_container__home_dashboard__container__last_read__article {
    /* Box Model */
    border-top: 1px solid var(--neutral-color-100);
}

.trending_article__title h3 a,
.home_container__home_dashboard__container__last_read__article__title h3 a {
    /* Typography */
    text-decoration: none;
    color: var(--neutral-color-black-000);
}

.trending_article__title h3 a:hover,
.home_container__home_dashboard__container__last_read__article__title h3 a:hover {
    /* Typography */
    text-decoration: underline;
}

.trending_article__description p,
.home_container__home_dashboard__container__last_read__article__description p {
    /* Positioning */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* Typography */
    color: var(--neutral-color-300);
    /* Visibility */
    overflow: hidden;
}

.home_container__home_dashboard__container__draft_articles__items {
    /* Positioning */
    display: flex;
    flex-direction: column;
}

.draft_article {
    /* Positioning */
    display: flex;
    flex-direction: column;
    /* Box Model */
    padding: 1rem;
    border-top: 1px solid var(--neutral-color-100);
    /* Typography */
}

.draft_article__author span {
    /* Typography */
    color: var(--neutral-color-200);
}

.draft_article__author span a {
    /* Typography */
    text-decoration: none;
    color: var(--neutral-color-200);
}

.draft_article__title {
    /* Typography */
    color: var(--neutral-color-black-000);
    text-decoration: none;
}

.draft_article__title:hover {
    /* Typography */
    text-decoration: underline;
}

.draft_article__title h4 {
    /* Box Model */
    margin: 0rem;
    margin-top: 0.3rem;
}

.draft_article__description p {
    /* Box Model */
    margin: 0rem;
    margin-top: 0.5rem;
    /* Typography */
    color: var(--neutral-color-300);
}

/* Unregistered Dashboard */

.home_container__home_unregistered {
    /* Positioning */
    flex: 1;
    /* Box Model */
    min-width: 0;
    padding: 1rem;
}

/* Mobile Styles */
@media (max-width: 932px) {
    .home_container__home_unregistered {
        /* Visibility */
        display: none;
    }
}

.home_container__home_unregistered__about_us {
    /* Positioning */
    display: flex;
    flex-direction: column;
    /* Box Model */
    background-color: var(--neutral-color-black-000);
    padding: 1rem;
    padding-bottom: 1.6rem;
    border: 1px solid var(--neutral-color-black--100);
    border-radius: 0.2rem;
    /* Typography */
    font-family: var(--font-family-primary);
    color: var(--neutral-color-000);
}

.novera_logo__container {
    /* Positioning */
    display: flex;
    justify-content: center;
    /* Box Model */
    scale: 0.7;
    margin: 2rem;
}

/* Tablet Styles */
@media (min-width: 768px) and (max-width: 1024px) {
    .novera_logo__container {
        /* Box Model */
        scale: 0.3;
    }
}

.novera_logo {
    /* Positioning */
    display: inline-flex;
    align-items: center;
    /* Box Model */
    gap: 2rem;
    /* Typography */
    text-decoration: none;
    color: white;
}

.novera_logo__triangles {
    /* Box Model */
    width: 4.5rem;
    height: auto;
    /* Visibility */
    overflow: visible;
}

.novera_logo__text {
    /* Box Model */
    margin-bottom: 0.2rem;
    /* Typography */ 
    font-family: "Mulish", sans-serif;
    font-size: 3.5rem;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.7rem;
}

.home_container__home_unregistered__about_us__caption {
    /* Box Model */
    padding-left: 1rem;
}

.home_container__home_unregistered__about_us__join_button {
    /* Box Model */
    padding: 1rem;
}

.home_container__home_unregistered__about_us__join_button a {
    /* Box Model */
    background-color: var(--neutral-color-000);
    padding: 1rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border: 1px solid var(--neutral-color-200);
    border-radius: 0.1rem;
    /* Typography */
    color: var(--neutral-color-black-000);
    text-decoration: none;
    /* Miscellaneous */
    cursor: pointer;
}

.home_container__home_unregistered__about_us__join_button a:hover {
    /* Box Model */
    background-color: var(--neutral-color-100);
}

.home_container__home_unregistered__about_us__join_button a:active {
    /* Box Model */
    background-color: var(--neutral-color-200);
}

.footer {
}

/* Desktop styles */
@media (min-width: 932px) {
    .footer {
    }
}

/* Mobile Styles */
@media (max-width: 932px) {
  .footer {
    /* Positioning */
    display: none;
  }
}

/* ------------------------------------------------------------------------------ */