#app-header {
    background-color: #ffffff;
}

#app-header {color:#000000;}

#app-header a {color:#000000;}

#app-header .Dropdown__ToggleIcon--header:after {color:black;}

#app-header .Dropdown__ToggleTextWrapper {color:black;}


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



/*header search form background color*/

.search-form-container {
background-color:  #00274C;
}

.search-form-container {
background-color:  #00274C;
}

#search-form .search-form-filters {
    background-color: #99CC33;
    padding-bottom: 8px;
}

.feature-region {
    background-image: none;
    background-color: #0099CC;
}

/*#main.product-results {
    background: #cccccc;
    padding-top: 30px;
}*/

#main.product-results {
  background: #cccccc;
  padding-top: 30px;
  margin-top: 30px;
}

.product-bg {
background-color: #00274C;
}

.hero-region {
color: #ffffff;
}

.hero-region h1, .hero-region .h1, .hero-region .AdminSynopsis__Title {
color: #ffffff;
}


.ProductEnrollment__Notice {
    color: #ffffff;
}

#ember908 {
font-weight: bold !important;
}

.product-tile.course-tile{
  border-radius: 10px;       /* rounded corners */
}


.product-image, .image-wrapper {
border-radius: 10px 10px 0px 0px;
border-style: solid;
border-color: #ffffff;

}


.product-tile .product-heading {
    margin: 10px;
}


.product-flag-free, .product-flag, .jqFlag, .ProductIcon__Wrapper--gallery-index {
visibility: hidden;
}

.product-account-image-wrapper {
    display: none !important;
}

.callout-region{
background-color: #00274C;
color: #ffffff;
}

.ahi-logo-button {
  background-color: #00274C;
  color: #ffffff;
  font-size: 1rem;
  padding: 10px 20px;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  transition: background-color 0.3s ease;
  margin-bottom: 10px;
}

.ahi-logo-button:hover {
  background-color: #ffffff;
  color: #003B73;
}

/* Added by Boxcar Studio for columned formatting */

@media (max-width: 768px) {
  .wrapper {
    flex-direction: column;
    gap: 20px;
  }
}

.wrapper {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     gap: 10%;
}
.wrapper .column {
     flex: 1;
     min-width: 400px;
}