/* Update the following image URL for mobile screens. The current image is 414px x 400px. If you choose a different size, adjust the height below.  

Optional: Use this template: https://www.canva.com/design/DAFz6HDcf94/c7d6ArNMV2NCvuflRBMyDw/view?utm_content=DAFz6HDcf94&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink&mode=preview 

*/ 

  #home-page #feature img { 

    visibility: hidden; 

  } 
#home-page #feature {
    background:url("https://lh3.googleusercontent.com/d/1_n6Tw7bksiMOtjt4PZ4U2mRZAHN77jfA"); 

    background-repeat:no-repeat; 

    background-size: 100% 100%;

    background-position: center; 

    max-width:100%; 

    height:400px; 

  } 



element.style {
    background-color: #ffb300 !important;
}

.product-tile.course-tile {
    border-radius: 0 0 20px 20px;
}



/*Change background color to appropriate brand color */

.ProductIcon__SmallCircle--course {
    background: #ffb300;
}


.ProductIcon__LargeCircle--course {
    font-size: 21px;
    color: #343434;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffb300 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 4px solid white;
}


.product-results .product-tile:hover {
 transform: scale(1.03);
box-shadow: 0px 4px 8px rgba(46, 26, 71, 0.8);
  border-radius: 0 0 20px 20xp; 
}




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

  .ProductEnrollment__Notice {
    color: #0b652e
}

.product-flag-free {
    background-color: #FFB300;
color: #343434;
  border-radius: 20px 20px 0 0; 
}