/* --- Hero Image Background --- */
/* .image-bg.program {
     position: relative;
     width: 100%;
     height: 50vh;
     background-color: #450012;
     background-image: url('/renderfile/6d1fe22c0a0a65c2467942eb31b4e115/_files/images/_dev/program-heroes/mathematics-program-hero-0925.webp');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 .image-bg.program .logo img {
     width: 50%;
}
 */
/* --- Program CTA --- */
 .program-cta {
     background-image: linear-gradient(to bottom, #520012 50%, #3f0012 );
     padding: 2rem;
}
 .cta-buttons {
     text-transform: uppercase;
     font-family: 'Helvetica', 'Arial', sans-serif;
}
 .cta-buttons .one, .cta-buttons .two, .cta-buttons .three {
     padding: 0 0 0.5rem 0;
}
 .cta-buttons a {
     border-radius: .25rem;
     background-color: #602635;
     color: #fff;
     text-decoration: none;
    /* letter-spacing: 0.1rem;
     */
     padding: 0.3rem;
}
 .cta-buttons a:hover {
     background-color: #fff;
     color: #520012;
     text-decoration: none;
}
/* --- Program Content --- */
 h2 {
     font-family: 'Oswald', sans-serif;
     color: #333;
     font-weight: 400;
     font-size: 2rem;
     line-height: 2.2rem;
     padding-bottom: 1rem;
     border-bottom: 1px solid #666;
     margin: 1rem 0;
}
 .primary table tr td {
     font-size: 1rem;
}
 .primary table tr td strong {
     text-transform: uppercase;
     color: #520012;
}
 .program-info h3,
 .career h3,
 .secondary h3,
 .faculty h3 {
     font-family: 'Oswald', sans-serif;
     font-size: 2rem;
     font-weight: 500;
     text-transform: uppercase;
     color: #520012;
     padding-bottom: 1rem;
}
 .degrees h3 {
     font-family: 'Oswald', sans-serif;
     font-size: 1.8rem;
     font-weight: 400;
     padding: 0.8rem 0 0.4rem 0;
}
 .degrees h4 {
     font-family: 'Oswald', sans-serif;
     font-size: 1.5rem;
     font-weight: 400;
     padding: 0.7rem 0 0.3rem 0;
}
 .courses h3 {
     font-family: 'Oswald', sans-serif;
     font-size: 1.5rem;
     font-weight: 400;
     /* padding: 0.8rem 0 0.4rem 0;*/
}
 .courses h3 span {
     font-size: 1.3rem;
     color: #520012;
     text-transform: uppercase;
     padding-bottom: 1rem;
}
 .career {
     background-image: linear-gradient(to bottom, #ccc 30%, #f2f2f2 );
     padding: 2rem;
}
 .career .list {
    /* background-color: rgba(255, 255, 255, 0.6);
     */
     background-color: #fff;
}
/* --- Secondary Content --- */
 .secondary {
     background-image: linear-gradient(to bottom, #520012 50%, #3f0012 );
     padding: 2rem;
}
 .secondary h3 {
     color: #fff;
     text-align: center;
     margin-bottom: 1.5rem;
}
 .secondary .card {
     border: none;
     border-radius: 0;
}
 .secondary .card-img-top {
     border-radius: 0;
}
 .faculty {
     background-image: linear-gradient(to bottom, #f2f2f2 70%, #ccc );
     padding: 2rem;
}
 .faculty h3 {
     text-align: center;
     margin-bottom: 1.5rem;
}
 .faculty p {
     font-size: 0.9rem;
}
 .dept-footer {
     background-image: linear-gradient(to bottom, #520012 50%, #3f0012 );
     color: #fff;
     padding: 2rem;
}
 .dept-footer h3 {
     margin-bottom: 1.5rem;
}
 .dept-footer h3, .dept-footer h4 {
     color: #fff;
}
/* ---------- DEVICE Media Queries --------- */
/* Small devices (landscape phones, 576px and up) */
 @media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .image-bg.program {
        /* height: 50vh;
         */
    }
     .cta-buttons .one, .cta-buttons .two {
         text-align: center;
         padding: 0 1rem 0 0;
    }
     .cta-buttons .three {
         text-align: center;
         padding: 0;
    }
     .cta-buttons a {
         padding: 0.5rem;
    }
     .program-cta {
         padding: 2rem 0;
    }
     h2 {
         font-size: 2.5rem;
    }
     .secondary {
         padding: 2rem 5rem 3rem;
    }
 .faculty {
     padding: 2rem 6rem;
}
}
/* Large devices (desktops, 992px and up) */
 @media (min-width: 992px) {
     .image-bg.program {
        /* height: 60vh;
         */
    }
     .cta-buttons a {
         font-size: 1.1rem;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
     .image-bg.program {
        /* height: 80vh;
         */
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
 @media (min-width: 1400px) {
     .image-bg.program {
        /* height: 100vh;
         */
    }
}