/* Minification failed. Returning unminified contents.
(2,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-Citizens-Black'
(11,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-Citizens-Sage'
(16,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-Blue-600'
(30,21): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-Citizens-Black'
(78,25): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-Citizens-Black'
 */
.rankings-best-colleges-container {
    color: var(--color-neutral-Citizens-Black, #231F20);
    font-family: "Fira Sans" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

    .rankings-best-colleges-container.hero-container {
        background: var(--color-brand-Citizens-Sage, #F0F0E6);
        padding: 20px 0;
    }

    .rankings-best-colleges-container a {
        color: var(--color-blue-Blue-600, #044DA2);
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .rankings-best-colleges-container.hero-container .hero-title-container {
        padding-top: 30px;
    }

    .rankings-best-colleges-container h1.hero-title {
        color: var(--color-neutral-Citizens-Black, #231F20);
        font-size: 41px;
        font-style: normal;
        font-weight: 600;
        line-height: 48px;
    }

    .rankings-best-colleges-container .hero-description {
        font-size: 23px;
        line-height: 32px;
    }

    .rankings-best-colleges-container .main-notes {
        font-size: 18px;
        line-height: 28px;
        margin-top: 34px;
        margin-bottom: 92px;
    }

    .rankings-best-colleges-container .rankings-target-link {
        margin-top: 16px;
    }

        .rankings-best-colleges-container .rankings-target-link a {
            /* SM 16 Semibold UL */
            font-family: "Fira Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px; /* 150% */
        }

    .rankings-best-colleges-container .content-wrapper .article {
        margin-bottom: 64px;
    }

        .rankings-best-colleges-container .content-wrapper .article .article-thumbnail a {
            /* aspect-ratio: 1 / 1; */
            display: inline-block;
            /* width: 80%; */
        }

            .rankings-best-colleges-container .content-wrapper .article .article-thumbnail a img {
                width: 100%;
            }

        .rankings-best-colleges-container .content-wrapper .article .article-details .entry-header h2.entry-title a,
        .rebrand-container .content-section .content-text .article-details .entry-header h2.entry-title a {
            color: var(--color-neutral-Citizens-Black, #231F20);
            font-family: "Fira Sans";
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 38px;
            text-decoration: none;
        }

            .rankings-best-colleges-container .content-wrapper .article .article-details .entry-header h2.entry-title a:hover {
                text-decoration: underline;
            }

        .rankings-best-colleges-container .content-wrapper .article .article-details .the-excerpt {
            line-height: 24px;
        }

    .rankings-best-colleges-container.hero-container .rankings-best-colleges-logo {
        padding: 30px 0 0 0;
        text-align: center;
    }

.rebrand-container .content-section .content-text .article-thumbnail,
.rebrand-container .content-section .content-text .article-details {
    float: left;
}

.rebrand-container .content-section .content-text .article-thumbnail {
    width: 20%;
    min-width: 150px;
    margin-right: 3%;
    text-align: center;
    min-height: 150px;
}

.rebrand-container .content-section .content-text .article-details {
    width: 75%;
    padding-top: 10px;
}

    .rebrand-container .content-section .content-text .article-details .article-link {
        margin-bottom: 4px;
    }

        .rebrand-container .content-section .content-text .article-details .article-link a {
            background: none;
            font-size: 16px;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #9c9c9c;
            text-transform: capitalize;
        }

    .rebrand-container .content-section .content-text .article-details .entry-header {
        padding: 0;
        overflow: hidden;
        border-bottom: none;
        margin-bottom: 15px;
    }

        .rebrand-container .content-section .content-text .article-details .entry-header h2.entry-title {
            margin-bottom: 10px;
            padding: 0;
            margin-top: 0;
        }


@media (max-width: 592px) {
    .rebrand-container .content-section .content-text .article-thumbnail {
        width: 65%;
    }
}

@media (max-width: 768px) {
    #rankings-bestcolleges-landing #container.details {
        padding-top: 75px;
    }

    .rebrand-container .content-section .content-text .article-details {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .rebrand-container .content-section .content-text .article-details {
        width: 100%;
    }
}

@media (min-width:592px) and (max-width: 1020px) {
    .rebrand-container .content-section .content-text .article-thumbnail {
        width: 65%;
    }
}