/*Modify the account logo in the header*/
/*any header logo uploaded in a catalog will override this option*/
#app-header .logo a {
 background-image: url("UoW_Logo_black.png");
}

/*Modify the course icon*/
.ProductIcon__LargeCircle--course {
background-color: #7B2182;
}


/*Modify product dates*/
.product-dates {
color: #7B2182;
font-size: 15px;
  font-style: normal;
   font-family: Raleway;
   font-weight: 500;
   letter-spacing: 0;
}

/*Modify product price*/
.product-price{
color: #7B2182;
font-size: 20px;
  font-style: normal;
   font-family: Raleway;
   font-weight: 500;
   letter-spacing: 0;
}

/*Modify the learn more arrow link*/
.learn-more {
color: #7B2182;
}

/*Modify the product footer*/
.product-footer {
border-color: #7B2182;
}


/*HOME PAGE*/

/*Modify the home page feature area background*/
#home-page .feature-region {
  height: 300px;
  background-repeat: no-repeat;
  background: #7B2182;
border-color:#B473B9;
}

/*Modify the layout for the contents of the feature area background*/
#home-page #feature div {
  max-width: 1000px;
  padding-top: 48px;
  margin: auto;
  color: #ffff;
font-family: Raleway;
}

/*Modify the H3 text style in the feature area. Add actual text via JavaScript */
#home-page #feature h3 {
  text-align: center;
  font-size: 2.3em;
  margin-top: 1em;
  line-height: 1;
}

/*Modify the H4 text style in the feature area. Add actual text via JavaScript */
#home-page #feature h4 {
  text-align: center;
  font-size: 1.9em;
}

/* Modify the search box background color*/
#search-form .callout-region {
  background-color: #944c99;
border-color: #7B2182;
}

/*Modify the layout of the search box label*/ 
.search-form .search-label {
  line-height: 1.5;
  font-size: 26px;
  font-weight: 500;
  color: #944c99;
}

/*To hide the search box label completely, use code below instead and remove /* */ around code*/
/*.search-form .search-label {
  display: none;
}
*/

/* Modify the layout of the search box*/
.search-form .search-box-wrapper {
  margin: 0 auto;
  display: block;
  width: 50%;
  padding: 0 0 0 0;
}

 
/* Modify the corners and size of the search box*/
.search-form .search-box {
  border-radius: 4px;
  height: 44px
}

/* Modify the layout of the search box submit icon*/
.search-form .search-submit {
width: 30px;
height: 30px;
top: 8px;
}

/* Modify the layout of the search box submit icon*/
.search-form-container {
background-color: #944c99;
}

/*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;
}

/*Modify font on Product Heading*/
 .product-heading {
  font-size: 26px;
   font-weight: 400;
    font-family: Times New Roman;
    color: #5A5959;
    text-transform: uppercase;
}

/*Modify font on Product Description*/
 .product-description {
font-family: Raleway;
color: #5A5959;
font-size: 16px;
    line-height: 1.5;
    font-weight: 500;

}


/*LISTING PAGE*/

/*Format the listing page feature area background*/
#product-page #feature {
    background: #7b2182;
    padding-top: 20px
  }

/*Format the background inside the feature area*/
.product-bg {
  background-color: #944c99;
  }

/*Format the course title inside the feature area*/
#feature .h1  {
   font-size: 26px;
   font-weight: 400;
    font-family: Times New Roman;
    color: white;
    text-transform: uppercase;
 }

/*Format the course date inside the feature area
 .strong {
   color: #fff;
   font-family: Raleway;
    font-size: 26px;
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0;
      }


/*Modify the enrol button colour in the feature area*/
#feature .btn {
/*background-color: #257478;
border-color: #257478;*/
font-family: Raleway;
 font-size: 18px;
   font-weight: 500;
}

/*Format the account logo under feature area; same logo on Home Page*/
.product-tile .product-account-logo {
  height: 100x;
  margin-bottom: 10px;
  margin-top: 10px;
}

 
/*To hide the account logo on listing page, use code below instead and remove /* */ around code*/
.product-tile .product-account-logo {
  display: none;
}


/*Format the full course or program description area*/
#main {
font-family: Raleway;
 font-size:20px;
line-height: 1.5;
font-weight: 500;
color: #5A5959;
/*min-height: 150px;*/
}

/* Modify the listing page footer background*/
.callout-region {
  background-color: #944c99;
border-color: #944c99;
}

/*Format the listing page footer text layout*/
#product-page footer .h2 {
  margin: 15px 0;
  color: #ffff;
  font-size: 16px;
  font-style: normal;
   font-family: Raleway;
   font-weight: 500;
   letter-spacing: 0;
}

/*Format the button in the  footer text*/
#product-page footer .btn {
/*background-color: #7b2182;
border-color: #7b2182;*/
font-family: Raleway;
font-size: 18px;
  font-weight: 500;
}

/*FOOTER*/

/*Format the footer for all catalog pages*/
#app-footer {
  background-color: #ffffff;
  padding-top: 30px;
border-color: ##7b2182;
}

/*To change the size of the first row of footer links, add to above code*/  
font-size: 16px;
}
/*

/*Format the second row of copyright information*/
.small {
  font-size: 14px;
  color: #5A5959;
}

/*REGISTRATION PAGE*/

/*Modify panel colour*/
.panel {
background-color: #fffff;
border-color: #fffff;
 color: #fffff;
}

/*Modify Course Title
span ~ span  {
    color: #fffff;
   font-size: 20px;
   font-weight: 500;
  font-family: Times new roman;
   text-transform: uppercase;
        }*/

/*Modify font on Date Info*/
 .RegistrationHeader__DateInfo {
   font-size: 16px;
   font-style: normal;
   font-family: Raleway;
   font-weight: 500;
   letter-spacing: 0;
   
    }

/*Modify font on Authentication Status*/
.RegistrationHeader__AuthenticationStatus {
   font-size: 16px;
   font-style: normal;
   font-family: Raleway;
   font-weight: 500;
   letter-spacing: 0;
    color: #ffff;
}

/*Modify Promotion Code text*/
#registration  .fCrpb_bGBk {
  font-size: 16px;
   font-style: normal;
   font-family: Raleway;
   font-weight: 500;
   letter-spacing: 0;
    
}

#registration  .ELpHc_bGBk {
  font-size: 16px;
   font-style: normal;
   font-family: Raleway;
   font-weight: 500;
   letter-spacing: 0;
    color: #ffff;
}

/*Modify Total*/
#total   {
  font-size: 16px;
   font-style: normal;
   font-family: Raleway;
   font-weight: 500;
   letter-spacing: 0;
    
}


/*Modify  Buttons
.button {
background-color: #257478;
border-color: #257478;
}*/