:root {
	--primary-color: #00843D;
    --secondary-color: #014E25;
    --top-banner-bg-color: #A8007B;
    --accent-color: #E4f6ff;
    --topic-menu-bg-color-hover: #F0F0F0;
    /* LINK COLORS */
    --primary-links-color-hover: #014E25;
    --secondary-links-color-hover: #014E25;
    --footer-link-color: #C4C4C4;
    --footer-link-color-hover: #F9C22B;
    /* BUTTON COLORS - PRIMARY */
    --primary-button-color: #00843D;
    --primary-button-color-hover: #014E25;
    --primary-button-text-color: #FEFEFE;
    --primary-button-text-color-hover: #FEFEFE;
    --primary-button-border-color: #00843D;
    --primary-button-border-color-hover: #014E25;
    /* BUTTON COLORS - SECONDARY */
    --secondary-button-color: #E4F6FF;
    --secondary-button-color-hover: #001623;
    --secondary-button-text-color: #00843D;
    --secondary-button-text-color-hover: #FEFEFE;
    --secondary-button-border-color: #00843D;
    --secondary-button-border-color-hover: #00843D;
    /* NAVIGATION COLORS */
    --nav-bg-color: #00843D;
    --nav-tab-color: #FEFEFE;
    --nav-tab-color-hover: #F9C22B;
    --nav-link-color: #00843D;
    --nav-link-color-hover: #014E25;
    /* HEADING/BANNER BACKGROUND COLORS */
    --bg-color-1: #00843D;
    --bg-color-2: #F9C22B;
    --bg-color-3: #014E25;
    /* HEADING/BANNER BACKGROUND COLORS WITH TRANSPARENCY */
    --rgba-color-1: rgb(0 132 61 / .85);
    --rgba-color-2: rgb(249 194 43 / .85);
    --rgba-color-3: rgb(1 78 37 / .85);
    /* FONT FAMILY */
    --font-family-heading: "Oswald", sans-serif;
    --font-family-body: "Noto Sans", sans-serif;
}

.home-block a:after {
    background: none;
}

#announcements-heading,
#popular-heading,
#also-bought-heading {
    color: #fff;
}

/* ==========================================================================
   COURSE MATERIALS PAGES
   Custom components for the course materials section.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Link-card grid
    Used on: course_materials_landing.asp, site_student_resources.asp
   Markup: <ul class="landing-grid grid-x grid-margin-x grid-margin-y
           small-up-1 medium-up-2 large-up-4"> > li.cell > a.landing-card
   Card layout: 4 across on desktop, 2 on tablet, stacked on mobile
   (column counts come from the Foundation classes in the markup).
   -------------------------------------------------------------------------- */

.landing-grid {
    list-style: none;
}

.landing-grid .cell {
    display: flex; /* lets the link fill the full cell height so every card in a row matches */
}

.landing-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 150px;
    padding: 1.25rem;
    background-color: #f2f9f5;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 2px 6px 31px -19px rgba(0, 0, 0, 0.28);
    color: #0b7a3b; /* WilmU green */
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.landing-card:hover,
.landing-card:focus {
    background-color: #dcf1e5; /* text contrast on this background: 4.6:1 */
    color: #0b7a3b;
}

.landing-card:focus-visible {
    outline: 3px solid #0b7a3b;
    outline-offset: 3px;
}

/* Smaller grey subtext line inside a card, e.g. "(formerly RedShelf)" */
.landing-card-sub {
    margin: 0.125rem 0;
    color: #4b5563;
    font-size: 1rem;
    font-weight: 400;
}

/* Image variant: the card holds a fixed-size white panel with the image
   centered inside, so images of any shape give equal-height cards.
   Used on: site_grad_info.asp
   Markup: a.landing-card.landing-card--media > span.landing-card-media > img */
.landing-card--media {
    padding: 0.75rem;
}

.landing-card-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 4 / 3; /* every panel is this shape; change the ratio to taste */
    padding: 0.75rem;
    border-radius: 6px;
    background-color: #ffffff;
}

.landing-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain; /* scales each image to fit inside the panel without cropping or stretching */
}


/* --------------------------------------------------------------------------
   Breadcrumb
   Used on: accept_revised9.18.asp (reusable on any course materials page)
   Markup: <nav aria-label="Breadcrumb"> > ol.coursematerials-breadcrumb > li
           Current page item gets aria-current="page".
   -------------------------------------------------------------------------- */

.coursematerials-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 1rem 0;
    list-style: none;
    font-size: 0.9375rem;
}

.coursematerials-breadcrumb li {
    display: flex;
    align-items: center;
}

/* Chevron separator, drawn with CSS so screen readers don't read it out */
.coursematerials-breadcrumb li + li::before {
    content: "";
    width: 0.4em;
    height: 0.4em;
    margin: 0 0.75em 0 0.5em;
    border-top: 2px solid #6b7280;
    border-right: 2px solid #6b7280;
    transform: rotate(45deg);
}

.coursematerials-breadcrumb [aria-current="page"] {
    color: #4b5563;
}


/* --------------------------------------------------------------------------
   Accept / decline button row
   Used on: accept_revised9.18.asp
   Markup: div.agreement-actions > a.button + a.button.hollow
   Centered row; buttons wrap onto separate lines on narrow screens.
   -------------------------------------------------------------------------- */

.agreement-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.agreement-actions .button {
    min-width: 12rem;
    margin: 0;
}

/* --------------------------------------------------------------------------
   VitalSource / Digital Content page
   Used on: site_digital_content.asp
   Markup: everything is wrapped in <div class="digital-content">.
   Brand colors come from the template variables in :root (--primary-color,
   --secondary-color, --bg-color-2). The --dc-* variables below are
   page-only neutrals with no template equivalent.
   -------------------------------------------------------------------------- */

.digital-content {
    --dc-text: #1f2933;
    --dc-text-muted: #6b7280;
    --dc-border: #e1e5eb;

    color: var(--dc-text);
    font-size: 1.125rem;
    line-height: 1.5;
}

.digital-content > section {
    margin-bottom: 2rem;
}

.digital-content li {
    margin-bottom: 0.25rem;
}

/* Smaller grey intro/helper text */
.digital-content .dc-muted {
    color: var(--dc-text-muted);
    font-size: 0.875rem;
}

/* ---- Intro block (pill, eyebrow, lead paragraph) ---- */
.dc-intro {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 1.25rem 0 1.125rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04);
}

.digital-content .dc-pill {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.375rem;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    background-color: #e5f5eb;
    color: var(--secondary-color); /* darker green: --primary-color fails contrast at this size */
    font-size: 0.75rem;
    font-weight: 600;
}

.dc-pill span {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

.digital-content .dc-eyebrow {
    margin-bottom: 0.25rem;
    color: var(--primary-color);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.digital-content .dc-lead {
    margin: 0;
    color: var(--dc-text-muted);
}

/* ---- "At a glance" badge ---- */
.dc-badge {
    display: inline-block;
    margin-bottom: 0.25rem;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    background-color: #fef9c3;
    color: #854d0e;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* ---- Gold-bordered highlight box (Timing, Existing RedShelf eBooks) ---- */
.dc-highlight {
    margin: 0.375rem 0 1rem;
    padding: 0.625rem 0.625rem 0.625rem 0.75rem;
    border-left: 4px solid var(--bg-color-2);
    border-radius: 6px;
    background-color: #fffbeb;
    font-size: 1rem;
}

/* ---- Green tip box ---- */
.dc-callout {
    margin: 0.5rem 0 1rem;
    padding: 0.625rem 0.75rem;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background-color: #ecfdf3;
    font-size: 1rem;
}

/* ---- Receipt-style redemption steps (in-person eBook purchase) ---- */
.dc-steps-box {
    margin: 0.625rem 0 1rem;
    padding: 0.75rem;
    border: 1px solid var(--dc-border);
    border-radius: 8px;
    background-color: #f9fafb;
}

.digital-content .dc-steps-intro {
    margin-bottom: 0.625rem;
}

.dc-steps-box li {
    margin-bottom: 0.375rem;
}

.digital-content .dc-muted-note {
    margin: 0.625rem 0 0;
    color: var(--dc-text-muted);
    font-size: 0.875rem;
}

/* ---- Canvas "Step 1 / Step 2" list: numbered by its own labels ---- */
.dc-step-list {
    margin-left: 0;
    list-style: none;
}

/* ---- Two-column feature list (stacks below 640px) ---- */
.dc-two-column-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.25rem 1.125rem;
    margin: 0.375rem 0 1rem 1.25rem;
    list-style: disc;
}

.dc-two-column-list li::marker {
    color: var(--primary-color);
}

@media (max-width: 39.9375em) {
    .dc-two-column-list {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---- Pill-shaped link buttons (Bookshelf browser / apps) ---- */
.dc-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin: 0.375rem 0 1rem;
}

.dc-link-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border: 1px solid var(--dc-border);
    border-radius: 999px;
    background-color: #f9fafb;
    color: var(--primary-color);
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

.dc-link-chip:hover,
.dc-link-chip:focus {
    text-decoration: underline;
}

/* ---- FAQ drawers (native <details>) ---- */
.dc-faq {
    padding-top: 0.875rem;
    border-top: 1px solid var(--dc-border);
}

/* Chevron: points right when closed, down when open */
.digital-content summary::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0.125rem;
    width: 0.45em;
    height: 0.45em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
}

.digital-content details[open] > summary::before {
    transform: rotate(45deg);
}

.digital-content summary:hover {
    text-decoration: underline;
}

.digital-content summary:focus-visible {
    outline: 3px solid var(--primary-color);
    outline-offset: 2px;
}

.digital-content details p {
    margin: 0.5rem 0 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
    .digital-content summary::before {
        transition: none;
    }
}

/* ---- Responsive 16:9 video embeds (Wistia) ---- */
.dc-video {
    margin-bottom: 1rem;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.dc-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* --------------------------------------------------------------------------
   Faculty Resources page
   Used on: site_faculty_resources.asp
   Markup: everything is wrapped in <div class="faculty-resources">.
   -------------------------------------------------------------------------- */

/* ---- Instructor guide box (green left border) ---- */
.fr-guide {
    margin: 0.75rem 0 1.5rem;
    padding: 1rem 1.125rem;
    border-left: 4px solid var(--primary-color);
    border-radius: 4px;
    background-color: #f9fafb;
}

.fr-guide h2 {
    margin: 0 0 0.5rem;
    color: var(--primary-color);
}

.fr-guide h3 {
    margin: 0.875rem 0 0.375rem;
}

.fr-guide > :last-child {
    margin-bottom: 0;
}

/* ---- Embedded PDF ---- */
.fr-pdf {
    margin: 1rem 0 1.5rem;
}

.fr-pdf iframe {
    display: block;
    width: 100%;
    height: 700px; /* adjust height as needed */
    margin-bottom: 0.5rem;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

/* ---- Collapsible sections (native <details>) ---- */
.faculty-resources details {
    margin: 1rem 0 1.5rem;
}

.faculty-resources summary {
    position: relative;
    padding: 0.375rem 0 0.375rem 1.25rem;
    color: var(--primary-color);
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.faculty-resources summary::-webkit-details-marker {
    display: none;
}

/* Chevron: points right when closed, down when open (replaces the ▶/▼ text characters) */
.faculty-resources summary::before {
    content: "";
    position: absolute;
    top: calc(0.375rem + 0.5em);
    left: 0.125rem;
    width: 0.45em;
    height: 0.45em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
}

.faculty-resources details[open] > summary::before {
    transform: rotate(45deg);
}

.faculty-resources summary:hover {
    text-decoration: underline;
}

.faculty-resources summary:focus-visible {
    outline: 3px solid var(--primary-color);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .faculty-resources summary::before {
        transition: none;
    }
}

/* ---- Tables: black borders, grey header row, scroll sideways on small screens ---- */
.fr-table-scroll {
    margin: 0.5rem 0 1rem;
    overflow-x: auto;
}

.fr-table-scroll:focus-visible {
    outline: 3px solid var(--primary-color);
    outline-offset: 2px;
}

.faculty-resources table {
    width: 100%;
    min-width: 40rem; /* keeps columns readable; the wrapper scrolls instead of crushing them */
    margin-bottom: 0;
    border-collapse: collapse;
}

.faculty-resources th,
.faculty-resources td {
    padding: 0.625rem;
    border: 1px solid #0a0a0a;
    text-align: left;
    vertical-align: top;
}

.faculty-resources thead {
    background-color: #e6e6e6;
}

/* Row headers (first column) keep the regular-weight look of the original */
.faculty-resources tbody th {
    font-weight: 400;
}

/* Adoption dates table: only as wide as its content */
.faculty-resources .fr-dates {
    width: auto;
    min-width: 0;
}

/* Group heading rows in the liaisons table (one per school) */
.faculty-resources .fr-group-row th {
    background-color: #e5f5eb;
    color: var(--secondary-color); /* dark green: ~8.8:1 on this tint */
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* --------------------------------------------------------------------------
   Inclusive Access page
   Used on: site_inclusive_access.asp
   Markup: everything is wrapped in <div class="inclusive-access">.
   Drawers intentionally match the Digital Content page FAQ drawers.
   -------------------------------------------------------------------------- */

.inclusive-access > section {
    margin-bottom: 2rem;
}

/* ---- Course list image links (PDFs) ----
   Shared by: site_inclusive_access.asp (.ia-lists)
              site_course_material_list.asp (.cml-lists) */
.ia-lists,
.cml-lists {
    list-style: none;
    margin-bottom: 0; /* cancels grid-margin-y's negative bottom margin so the next paragraph isn't butted up against the images */
}

.ia-lists a,
.cml-lists a {
    display: block;
    border-radius: 8px;
}

.ia-lists img,
.cml-lists img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 2px 6px 31px -19px rgba(0, 0, 0, 0.28);
    transition: box-shadow 0.2s ease;
}

.ia-lists a:hover img,
.ia-lists a:focus img,
.cml-lists a:hover img,
.cml-lists a:focus img {
    box-shadow: 2px 8px 24px -10px rgba(0, 0, 0, 0.45);
}

.ia-lists a:focus-visible,
.cml-lists a:focus-visible {
    outline: 3px solid var(--primary-color);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .ia-lists img,
    .cml-lists img {
        transition: none;
    }
}

/* Welcome letters embed inside its drawer */
.ia-letters-frame {
    display: block;
    width: 100%;
    height: 600px;
    margin: 0.5rem 0;
    border: 0;
}

/* ---- Tables: black borders, scroll sideways on small screens ---- */
.ia-table-scroll {
    margin: 0.5rem 0 0.75rem;
    overflow-x: auto;
}

.ia-table-scroll:focus-visible {
    outline: 3px solid var(--primary-color);
    outline-offset: 2px;
}

.inclusive-access table {
    width: auto;
    margin-bottom: 0;
    border-collapse: collapse;
}

.inclusive-access th,
.inclusive-access td {
    padding: 0.5rem 0.75rem;
    border: 1px solid #0a0a0a;
    text-align: left;
    vertical-align: top;
}

/* Row headers (first column) keep the regular-weight look of the original */
.inclusive-access tbody th {
    font-weight: 400;
}

.inclusive-access .ia-footnote {
    font-size: 0.875rem;
}

/* --------------------------------------------------------------------------
   Course materials FAQ drawers (native <details>)
   Shared by: site_digital_content.asp (.digital-content)
              site_inclusive_access.asp (.inclusive-access)
              site_guild_information.asp (.guild-info)
   To use on another page, add its wrapper class to each selector list below.
   -------------------------------------------------------------------------- */

.digital-content details,
.inclusive-access details,
.guild-info details {
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e1e5eb;
    border-radius: 6px;
    background-color: #f9fafb;
    font-size: 1.125rem;
    line-height: 1.5;
}

.digital-content details[open],
.inclusive-access details[open],
.guild-info details[open] {
    background-color: #fefce8;
}

.digital-content summary,
.inclusive-access summary,
.guild-info summary {
    position: relative;
    padding-left: 1.25rem;
    color: var(--primary-color);
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.digital-content summary::-webkit-details-marker,
.inclusive-access summary::-webkit-details-marker,
.guild-info summary::-webkit-details-marker {
    display: none;
}

/* Chevron: points right when closed, down when open */
.digital-content summary::before,
.inclusive-access summary::before,
.guild-info summary::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0.125rem;
    width: 0.45em;
    height: 0.45em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
}

.digital-content details[open] > summary::before,
.inclusive-access details[open] > summary::before,
.guild-info details[open] > summary::before {
    transform: rotate(45deg);
}

.digital-content summary:hover,
.inclusive-access summary:hover,
.guild-info summary:hover {
    text-decoration: underline;
}

.digital-content summary:focus-visible,
.inclusive-access summary:focus-visible,
.guild-info summary:focus-visible {
    outline: 3px solid var(--primary-color);
    outline-offset: 2px;
}

.digital-content details p,
.inclusive-access details p,
.guild-info details p {
    margin: 0.5rem 0 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
    .digital-content summary::before,
    .inclusive-access summary::before,
    .guild-info summary::before {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Course Material Lists page
   Used on: site_course_material_list.asp
   Markup: everything is wrapped in <div class="course-material-lists">.
   PDF image grid styles are shared with Inclusive Access (see .cml-lists).
   -------------------------------------------------------------------------- */

.course-material-lists > section {
    margin-bottom: 2rem;
}

/* Requirement definitions (Required / Recommended / Optional / Choose One) */
.cml-terms dt {
    margin-bottom: 0.125rem;
    font-weight: 700;
}

.cml-terms dd {
    margin: 0 0 0.75rem 0;
}

/* --------------------------------------------------------------------------
   Guild FAQ page
   Used on: site_guild_information.asp
   Markup: everything is wrapped in <div class="guild-info">.
   FAQ drawer styles are in the shared course materials drawer block.
   -------------------------------------------------------------------------- */

.guild-info > section {
    margin-bottom: 2rem;
}

/* --------------------------------------------------------------------------
   Help Videos page
   Used on: site_trainingvideos.asp
   Markup: <div class="how-to-videos grid-x grid-margin-x grid-margin-y
           small-up-1 large-up-2"> > section.cell > h2 + div.htv-player
   Two videos per row on desktop, one per row below 1024px
   (column counts come from the Foundation classes in the markup).
   -------------------------------------------------------------------------- */

.how-to-videos h2 {
    margin-bottom: 0.5rem;
}

/* Responsive 16:9 player box for both <video> and Kaltura <iframe> embeds */
.htv-player {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 8px;
    background-color: #000000;
    box-shadow: 2px 6px 31px -19px rgba(0, 0, 0, 0.28);
}

.htv-player video,
.htv-player iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* --------------------------------------------------------------------------
   Technology Center page
   Used on: site_technology.asp
   Markup: everything is wrapped in <div class="technology-center">.
   -------------------------------------------------------------------------- */

.technology-center > section {
    margin-bottom: 2rem;
}

/* JourneyEd banner: centered, shrinks to fit on small screens */
.tech-banner {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* --------------------------------------------------------------------------
   Grad Info page
   Used on: site_grad_info.asp
   Markup: everything is wrapped in <div class="grad-info">.
   Image cards use the shared .landing-card--media variant.
   -------------------------------------------------------------------------- */

.grad-congrats {
    margin-bottom: 1.5rem;
    text-align: center;
    text-transform: uppercase;
}

.grad-signup {
    margin: 2.5rem 0;
    text-align: center;
}

.grad-signup-frame {
    display: block;
    width: 100%;
    height: 600px; /* tall enough that the form doesn't scroll */
    border: 0;
}

@media (max-width: 47.9375em) {
    .grad-signup-frame {
        height: 500px;
    }
}

.grad-hero {
    display: block;
}

.grad-hero img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Wilmington pickup notice list (inserted by js/custom.js on checkout_shipping.asp) */
.alert-block .pickup-notice-list {
    margin-bottom: 0;
}

/* Wilmington shipping processing-time note (inserted by js/custom.js on checkout_shipping.asp) */
.shipping-processing-note {
    margin-bottom: 0.5rem;
}

/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR MEDIUM SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */
@media screen and (min-width: 40em) {
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 64em) {
        .home-block a > span.caption-bottom {
        bottom: 0;
    }
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR X-LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 75em) {
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR XX-LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 90em) {
}