#app-header{
background-color: maroon;
}
.search-form-container {
background-color: maroon;
}

.header-nav {
color: #ffffff;
}
#user-nav a {
color: #ffffff !important;
}
#topnavbar nav a span {
color: #ffffff !important;
}
#switcher span {
color: #ffffff !important;
}
#header-menu-container button, #header-menu-container a{
color: #ffffff !important;
}
#user-nav .Dropdown__Menu a {
color: #000000;
}
#accountDropdown {
color: white;
}

#feature {
background-color: #ffc420;
background-image: none;
}
.jqFlag {
    border-top: 79px solid rgb(128, 0, 0) !important;
}
.product-flag-free {
    background-color: maroon;
}
.ProductIcon__LargeCircle--course {
background: maroon;
}
.learn-more {
color: #000000;
}

select#select_catalog {
    border: none;
    padding: 5px 35px 5px 10px;
    margin-top: 10px;
    font-size: 16px;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    color: #000000;
    background: #ffffff;
    cursor: pointer;
}
#catalog_wrap label {
display: none;
}

.headingOne{
color: white;
font-wight: bold;
font-style: normal;
margin-top: 20px !important;
margin-bottom: 0 !important;
font-family: 'Libre Baskerville', serif;
font-size: 2.8em;
}
#app-header .container .row .col-md-7 {
color: white;
font-weight: bold;
font-style: italic;
font-family: 'Libre Baskerville', serif;
font-size: 1.3em;
padding-left: 0;
}

.hero-unit.expand-home {
    position: relative;
    padding: 0;
    background: #fff url(https://www.salisbury.edu/administration/academic-affairs/instructional-design-delivery/_images/succeed-images/canvas-catalog-masthead.jpg) 0 0;
   background-size: cover;
    height: 0;
    padding-bottom: 20%;
   border-top: 5px solid #ffc420;
   border-bottom: 5px solid #ffc420;
}
.hero-unit {
    background: #555;
    width: 100%;
   height: 300px;
    margin: 0 auto;
    padding: 30px 0;
}
.newsEvents {
margin: 10px;
}

.newsEvents a{
margin: 0 10px 0 10px;
color: white;

}

.btn.has-pipe:before {
    content: '|';
    margin: 0 0.2em 0 0.5em;
    color: white;
}
.btn.has-pipe {
padding-left: 5px;
color: white;
}