/*CATALOG/SUB-CATALOG PAGES*/

/*Modify home page feature area background*/
#home-page .feature-region {
    height: 20px;
    background-repeat: no-repeat;
    background: #ac1a2f;
}

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

/*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: #0899D3;
    width: 30px;
    height: 30px;
    margin-top: -3px;
    top: 8px;
}


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

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

/* Underline when hovering over listings */
.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #ac1a2f;
}

/* Hide the refine dropdown */
button#search-refine-button--refine {
    display: none;
}

/*LISTING PAGES*/

/*Format feature stripe color*/
#product-page #feature {
    background: #ac1a2f;
    padding-top: 20px
}

/*STUDENT DASHBOARD*/

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

/* This helps you change the color of the header bar incase you want white links
#app-header {
    padding:4px 0 5px;
    background-color:#414042;
}
*/
#app-header h1 {
    margin:10px 0;
}

/* user-nav includes changes to the Login / User information link */
#user-nav {
    padding-top:25px;
}
#user-nav > a {
    display:inline-block;
    margin-bottom:0;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:5px 10px;
    font-size:14px;
    line-height:1.428571429;
    border-radius:4px;
    -webkit-user-select:none;
    color:#4d4d4d;
}

#user-nav > a:hover {
    text-decoration:none;
    color:#e63d2f;
}
/* Active Color of Login button once logged in */

.header-nav li a {
    color:#4d4d4d;
}

/* CATALOG CUSTOM LINKS AT THE TOP OF THE PAGE */
#page-links {
    display:inline-block;
}
#page-links a {
    display:inline-block;
    padding: 5px 10px 5px 0;
    font-size:14px;
}

#page-links .piped-list>li:after {
    content:"|";
    color:#000;
}
#page-links .piped-list>li:before {
    display:none;
    margin-right:0;
}

/*FOOTER*/

/*Format the footer for all catalog pages*/
#app-footer {
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 10px;

  
  /*To change the size of the first row of footer links, add to above code*/  
  font-size: 12px;
  }
  /*
  
  /*Format the second row of copyright information*/
  .small {
    font-size: 12px;
    color: #8e99a0;
  }

/* Allows items to wrap onto the next line if not enough space */
.app-footer .piped-list {
    max-width: 100%;  
    overflow: auto;
    display: flex; 
    flex-wrap: wrap; 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
}

  /*HIDE SELF-PACED/COURSE DATES IN THE LISTING TILES*/
div.product-dates {
display: none;
}

span.RegistrationBody__DashboardLink .css-vmxnoh-view {
    font-size: 20px;
    border: 2px solid #ac1a2f;
    padding: 10px;
    background-color: #ac1a2f;
    color: white;
}

span.RegistrationBody__DashboardLink a.css-zi7qzf-view-link {
    color: white;
}