/*CATALOG/SUB-CATALOG PAGES*/

/*Modify home page feature area background*/
#home-page .feature-region {
    position: absolute;
    opacity: 0;
    height: 20px;
    background-repeat: no-repeat;
    background: #331E54;
}

/*Modify search box background color*/
.search-form-container {
background-color: #331E54;
}

/*Modify search box size*/
form.search-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
}

/*Center search box*/
#search-form .search-box-wrapper {
    margin-top: 0px;
}

/* Modify search box size and corners*/
.search-form .search-box {
    border-radius: 4px;
    border: 1px solid black;
    height: 40px
}

/* Modify search box submit icon layout*/
.search-form .search-submit {
    color: #331E54;
    width: 30px;
    height: 30px;
    margin-top: -3px;
    top: 8px;
}

/*purple text for name dropdown on catalog pages*/
button#accountDropdown {
    color: #331e54;
}

/*purple text for login on catalog pages*/
div#user-nav a {
    color: #331e54;
}

/* Hover effect on course listings */
.product-link:hover {
transform: scale(1.04);
color: #331E54;
}

.product-link {
transition: transform 0.6s ease;
transform: none;
color: #000000;
}

/* Yellow underline when hover over listings */
.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #F4AA00;
}

/* Purple text at the bottom of listing tiles */
.learn-more {
    color: #331e54;
}

/* Change free flag color to purple */
.btn-info, .Icon__CircleWrap--info, .product-flag.product-flag-free, .ProductIcon__LargeCircle--course, .ProductIcon__SmallCircle--course {
  background: #331e54;
}

/* Change course icon color to gold */
.ProductIcon__LargeCircle--course {
    background: #ad974f;
}

/* Change program icon color to gold */
.ProductIcon__LargeCircle--program {
    background: #ad974f;
}

/*LISTING PAGES*/

/*Format feature stripe color*/
#product-page #feature {
    background: #331E54;
    padding-top: 50px
}

/* Change enrollment button on listing description page */
span.css-1biq480-baseButton__content {
    background-color: #ad974f;
}

/*STUDENT DASHBOARD*/

/* Hide the Drop Course option from the student dashboard */
.col-xs-2.col-sm-1 {
    display: none;
}