#description table th {background-color: #f5f5f5;}
#description table td,
#description table th {padding: 0.5rem;}

#main {padding-top: 0 !important;}
#app-header {background: #1e407c !important; height: auto !important; max-height: 5rem;}
#page-links {display: none;}
#page-links a:hover, .btn-link:hover, .btn-link, #user-nav  a {color: #EA8430 !important;}
.header-branding h1 a  {height: auto;}
.header-branding h1 a  img {max-height: 3rem;}
#user-nav {padding-top: 1rem !important;}
#search-form .search-form-container {
    padding: 6px 0 11px 0;
}

.col-sm-12:first-of-type, col-xs-12:first-of-type {
    width: 66% !important;
}

.col-sm-12:nth-of-type(2), col-xs-12:nth-of-type(2) {
    width: 33% !important;
}


@media(max-width: 1000px) {
     .header-branding h1 a img {max-height: 2.5rem;}
      #app-header  {max-height: 4rem;}
}

  @media(max-width: 700px) {
.header-branding h1 a img {max-height: 2rem;}
#home-page #feature div {padding-top: 1rem;}
#home-page .feature-region {height: 9.5rem;}
#home-page #feature p {font-size: 1.2rem;}
#home-page #feature h3 {font-size: 1.6rem; line-height: 1;}
}

.foot img {width:  100% !important; max-width: 200px !important; padding-top: 0.8rem;}

  @media(max-width: 500px) {
.Dropdown__ToggleText {font-size: 0.7rem;}
#home-page .feature-region {height: 8rem;}
#home-page #feature p {font-size: 1rem;}
#home-page #feature h3 {font-size: 1.3rem; line-height: 0.8;}
}

  @media(max-width: 400px) {
 .header-branding h1 a img {max-height: 1.5rem;}
.Dropdown__ToggleText {font-size: 0.5rem;}
#home-page .feature-region {height: 6rem;}
#home-page #feature p {font-size: 0.8rem; line-height: 0.6;}
#home-page #feature h3 {font-size: 1rem; line-height: 0.7;}
}

h5{
    display: inline-block;
    margin-top: 1.5rem;
    border-bottom: 3px solid #009CDE;
    padding-bottom: 0.375rem;
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
    letter-spacing: -0.0125em;
    font-weight: 700;
    clear: both;
}

blockquote {
  background: #f0fbff;
  border-left: 10px solid #009CDE;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  font-size: 1rem;
}
.DescriptionBox{
   width: 100% !important;
}

.image-container{
border:1px solid black;
}

/*Hides search bar*/
#search-form.callout-region{
  display:none;
}

/*Add Branding to Course Tile on Enrollment Page*/
.CourseBranding{
height: 3.5em;
max-width: 75%;
margin: .5em .5em 0 .5em;
background-image: url('https://media.smeal.psu.edu/cms/pearl/core/assets/images/2021_redesign/2021_psep_logo.png') !important;
background-repeat: no-repeat;
background-size: contain;
background-position: 0 50%;
}

/*Control attributes of Catalog Tile course brand logo*/
.product-tile .product-account-image-wrapper {
 height: 4rem;
max-width: 100%;
background-image: url('https://catalog-prod-s3-gallerys3-z26m75uims2u.s3.amazonaws.com/production/header_images/e86cdebc616d15a60693cbe23892142fd735c770.png') !important;
background-size: contain;
background-color: #1e407c;
}

/*Control attributes of Catalog Tile course brand logo*/
.product-account-logo {
}

.learnMore {
  background-color: #0073ac; 
  border: none;
  color: white;
  height: 2.5rem;
width: 10rem;
  text-align: center;
  display: inline-block;
  font-size: 1rem;
font-weight: 400
line-height: 1.124;
  border-radius: 8px;
  position: absolute;
  right: 1.5rem;
  bottom:  1.5rem;
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
border: 1px solid transparent;
}
.learnMore:hover {
  background-color: #005882;
  color: white;
}