@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);
@import url(https://use.fontawesome.com/releases/v5.15.2/css/all.css);

/* ===============================
   LEDstudio Online Banner Area   
   =============================== */

.feature-region, #feature {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.feature-region {
    border-top: 10px solid #F8B300;
    background-color: black;
    background-image: url(https://ledstudio.vcu.edu/media/ledstudio/images/mainpage_qual3_logo_03.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
    height: clamp(280px, 50vh, 560px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-inline: 1rem;
}

.feature-region::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(5 24 48 / 60%), rgb(18 36 67 / 70%));
    z-index: 0;
}

#ledstudio-catalog-header {
    font-family: "Roboto Slab", Roboto, sans-serif;
    font-weight: 600;
    font-size: clamp(2.5rem, 6vw, 5rem);
    color: white;
    text-shadow: 0 0 10px #001e44;
    letter-spacing: -0.02em;
    margin: 0;
    max-width: 1100px;
    position: relative;
    z-index: 1;
}
#ledstudio-catalog-subheader {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: clamp(1.25rem, 3vw, 2.5rem);
    color: white;
    text-shadow: 0 0 8px #001e44;
    letter-spacing: 0.01em;
    margin: 0;
    max-width: 1100px;
    position: relative;
    z-index: 1;
}

/*.row::after{
content: "We have paused our Online Professional Development courses while our Instructional Designers are hard at work refining and updating our offerings. Be on the lookout for the new and exciting things we will be sharing.";
}*/

#vcu-online-signature-experiences {
     width: 100%;
}

#vcu-online-catalog-header{
    font-family: 'Roboto', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: black;
}

#vcu-online-catalog-subheader{
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    color: black;
}


#search-form.callout-region {
    background-color: #333333;
}


.vcu-online-card {
    padding: 1rem;
    border-top: 2px solid rgba(0,0,0,0.125);
    border-right: 2px solid rgba(0,0,0,0.125);
    border-bottom: 2px solid rgba(0,0,0,0.125);
    border-left: 5px solid #F8B300;
    background-color: #fff;
    margin-bottom: 1rem;
}

a{
  cursor: pointer;
  color: inherit; 
}

a:link{
    text-decoration: none;
    color: inherit; 
}

a:hover{
    color: inherit; 
}