@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');

/*HEADER*/
#app-header {
background: url(https://ussa.edu/assets/CanvasCatalog/CanvasCatalogHeaderBG.png) repeat-x top left;
padding: 0px;
}
/* Modify the layout of the header contents*/
#app-header .container {
margin-right: auto;
margin-left: auto;
padding:0px 30px;
}

/*Modify the account logo in the header*/
/*any header logo uploaded in a catalog will override this option*/
#app-header .logo_new a {
  background: url(https://ussa.edu/assets/CanvasCatalog/USSAlogoWhite.png) no-repeat center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 350px;
  height: 75px;
}

/* user-nav includes changes to the Login / User information link */
#user-nav {
    padding-top:25px;
}

#user-nav > a {
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
    font-weight: 600;
    line-height: 1.5;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    padding: 0px;
    -webkit-user-select:none;
    color:#fff;
}
#user-nav .btn-link {
	color:#ffffff;
}
#user-nav > a:hover {
    text-decoration:none;
    color:#ffffff;
}
/* Active Color of Login button once logged in */
.header-nav li a {
    color:#ba0c2f;
	font-weight:bold;
}

/*HOME PAGE*/
/*Modify the home page feature area background*/
#home-page .feature-region {
	display:none;
}
/* Modify the search box background color*/
#search-form.callout-region {
  background: url(https://ussa.edu/assets/CanvasCatalog/CanvasCatalogSearchBG.png) #85868a repeat-x top;
	border-top: 1px solid #ba0c2f;
}
#search-form .search-label, #search-form .search-box-wrapper{
	margin-top: 0px;
}
/*Modify the layout of the search box label*/
.search-form .search-label {
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600;
  color: #63666a;
	padding: 0px;
}
/*To hide the search box label completely, use code below instead*/
/*.search-form .search-label {
  display: none;
}
*/

/* Hide Registration Fields */
/*.RegistrationBody__UserFields {
display: none;
}*/

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


/* Modify the layout of the search box*/
.search-form .search-box-wrapper {
  margin: 0px;
  display: block;
  width: 50%;
  padding: 0px;
}
/* Modify the corners and size of the search box*/
.search-form .search-box {
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600;
  border-radius: 4px;
  height: 42px
}
/* Modify the layout of the search box submit icon*/
.search-form .search-submit {
  color: #63666a;
  width: 30px;
  height: 30px;
  top: 7px;
}
.search-form .btn-lg{
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600;
	
}
.product-flag-free{
  background: #ba0c2f;
}
.ProductIcon__LargeCircle--course{
  background: #005eb8;
}
/*Modify the layout for account logo on product tile. Add logo in managed accounts area.*/
.product-tile .product-account-image-wrapper {
  height: 30px;
  margin-bottom: 10px;
}


/*LISTING PAGE*/
/*Format the listing page feature area background*/
#product-page #feature {
  background-color: #ba0c2f;
	padding-top: 2px;
}
/*Format the background inside the feature area*/
.product-bg {
  background-color: #e7e4e2;
}
/*Format the account logo under feature area; same logo on Home Page*/
.product-tile .product-account-logo {
  height: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.fQfxa_dqAF.fQfxa_eCSh{
	background-color: #ba0c2f !important;
}

/*To hide the account logo on listing page, use code below instead*/
/*.product-tile .product-account-logo {
  display: none;
}
*/
/*Style to hide dates in catalog listings */
/*#listings div.product-dates {
  display: none;
}*/

/*Format the full course or program description area*/
#main {
  color: #000;
  min-height: 150px;
}
/* Modify the listing page footer background*/
.callout-region {
  background-color: #e7e4e2;
}
/*Format the listing page footer text layout*/
#product-page footer .h2 {
  font-style: normal;
  margin: 15px 0;
  color: #0C1147;
  font-size: 25px;
}

/*FOOTER*/
/*Format the footer for all catalog pages*/
#app-footer {
  background-color: #63666a;
  padding-top: 30px;
  /*To change the size of the first row of footer links, add to above code*/
  font-size: 14px;
  color: #fff;
}
#app-footer a{
  color: #fff;
}
#app-footer a:hover {
	color: #fff;
}
/*Format the second row of copyright information*/
.small {
  font-size: 12px;
}

/*MEDIA FORMATTING rules for responsive devices. This coding is optional but helpful for tablets and mobile devices.*/
/*Media for header*/
@media (max-width: 768px) {
  #app-header .header-nav {
    background: #555;
  }
  */Media for feature region*/ @media (max-width: 1200px) {
    #home-page #feature div {
      max-width: 800px;
    }
    @media (max-width: 768px) {
      #home-page #feature {
        height: 200px;
        text-align: center;
        padding: 0 2em;
      }
      .alert-top {
        margin-bottom: 0;
      }