@import url("../variables.css");
@import url("../unauthenticated/variables.css");

/* ---- Navbar ---- */
.cp-unauth-navbar {
    display: flex;
    justify-content: space-between;
    height: var(--cp-unauth-header-height);
    padding: 1rem 2rem;
    background-color: var(--cp-color-lightest-grey);
}

/* ---- Main Navbar Links Section ---- */
.cp-unauth-navbar-main {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: .9rem;
    font-family: var(--cp-header-font-family);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05rem;
    background-color: var(--cp-color-lightest-grey);
}

.cp-unauth-navbar-main a {
    text-decoration: none;
    padding: 0rem .8rem;
    color: var(--cp-color-dark-grey);
}

.cp-unauth-navbar-main a:hover {
    color: var(--cp-color-primary);
}


/* ---- PTC Logo ---- */
.cp-unauth-header-logo {
    max-height: 100%;
    height: auto;
    width: auto;
    display: block;
    align-content: center;
}

.cp-unauth-header-logo img {
    height: auto;
    width: 140px;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .cp-unauth-navbar {
        padding: .5rem .5rem;
    }
    .cp-unauth-header-logo img {
        width: 120px;
    }
}

@media (max-width: 500px) {
    .cp-unauth-navbar-main {
        font-size: .82rem;
        padding: 0rem 0rem;
        letter-spacing: 0rem;
    }
}