.uppercase,
.action,
a.action,
.resourceButton,
.resource-button {
  /* overriding global text transform */
  text-transform: none !important;
}

#featured h2,
#featured h3,
#featured p {
  color: var(--primary-color);
}

#featured .hero-featured a,
#featured .hero-featured button {
  background: var(--secondary-color);
}

#featured .hero-featured a:hover,
#featured .hero-featured button:hover {
  background: var(--primary-color);
  transition: all ease-in-out 0.3s;
}

#programTiles {
	max-width: 75rem;
  margin: auto;
}

#programTiles .tile {
  box-shadow: rgba(0, 0, 0, 0.3) 2px 1px 4px;
  max-width: 300px;
  max-height: 300px;
}

.custom-page .no-tailwindcss-base {
  font-family: var(--primary-font);
}

.custom-page .resource-hero {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding: 1rem 0;
}

.custom-page .resource-hero-text {
  width: 90%;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.8);
  color: var(--color-primary);
  text-align: left;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  border-radius: 0.375rem;
}

.action,
a.action,
.resourceButton,
.resource-button {
  background-color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color) !important;
}

.action:hover,
a.action:hover,
.resourceButton:hover,
.resource-button:hover {
  background-color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
}

.custom-page .resource-content {
  max-width: 75rem;
  margin: auto;
}

.custom-page .resource-content .resource-links-heading {
  font-family: var(--secondary-font) !important;
}

.custom-page .resource-content .resource-links {
  display: block;
}

.custom-page .resource-links-heading {
  text-align: center;
  font-size: 1.125rem;
  color: var(--color-primary);
}

.custom-page h2.resource-links-heading {
  font-weight: normal;
}
.custom-page .resource-content .overlay h3 {
  font-weight: bold;
}

.custom-page .resource-content section {
  margin-bottom: 2rem;
}

.custom-page .resource-content section:has(.hr-subheading):not(:first-of-type),
.custom-page .resource-content section:has(.subheading):not(:first-of-type) {
  margin-top: 2rem;
}

.custom-page .resource-content .subheading,
.custom-page .resource-content .hr-subheading {
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 1rem;
}

.custom-page .resource-content .hr-subheading {
  color: var(--secondary-color);
  border-bottom: 2px solid var(--secondary-color);
}

.custom-page .resource-content ul,
.custom-page .resource-content ol {
  padding-left: 0;
}
.custom-page .resource-content ul {
  list-style-type: none;
}

.custom-page .resource-content li {
  margin-top: 1rem;
  padding: 0;
  list-style: disc inside;
}

.custom-page .overlay .resource-content li {
  list-style: none;
}

.custom-page .resource-content ol li {
  list-style: decimal inside;
}

.custom-page .resource-content.curated-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  max-width: 100rem;
  padding: 1rem 5%;
  margin: auto;
}

.custom-page .resource-content.curated-content .tile {
  width: 360px;
  height: 300px;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  position: relative;
  border: 1px solid lightblue;
}

.custom-page .resource-content.curated-content .tile:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 2px 1px 4px;
  transition: all ease-in-out 0.15s;
}

.custom-page .resource-content.curated-content .tile span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: start;
  height: 50%;
  background: rgba(255, 255, 255, 0.7);
  color: black;
  padding: 1rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 1.8rem;
  max-width: 360px;
  white-space: break-spaces;
}

.custom-page .no-tailwindcss-base .overlay {
  width: 75rem;
  max-width: 90%;
}

.custom-page .no-tailwindcss-base .resource-links-heading {
  margin-bottom: 0;
}

.custom-page .no-tailwindcss-base h2.resource-links-heading {
  margin-bottom: 1rem;
}

.custom-page
  .no-tailwindcss-base
  h2.resource-links-heading:not(:first-of-type) {
  margin-top: 1rem;
}

.custom-page .resource-content {
  padding: 2rem 0 0 0;
}

.custom-page .resource-links .resource-button {
  display: block;
  text-align: center;
  margin-bottom: 1rem;
  border-radius: 2rem;
  width: 100%;
  text-transform: none;
  break-inside: avoid;
}

.custom-page .no-tailwindcss-base .overlay h3 {
  text-align: center;
  margin-bottom: 0.5rem;
}

.custom-page .overlay .resource-content p:has(a),
.custom-page .overlay .resource-content .resource-link {
  text-align: center;
}

.custom-page .overlay .resource-content .resource-link {
  display: block;
}

/* collections page eap-orientation 'banner'*/
.collection.webinars-collection #curated-eap-orientation-section,
.collection.trainings-collection #curated-eap-orientation-section {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid var(--color-gray-200, currentColor);
  margin: auto;
  padding: 0.5rem;
}

.collection.trainings-collection #curated-eap-orientation-section {
  /* border top for trainings only, not webinars */
  border-top: 1px solid var(--color-gray-200, currentColor);
}

.collection.webinars-collection #curated-eap-orientation-section .action,
.collection.trainings-collection #curated-eap-orientation-section .action {
  margin: 0;
}
/* END collections page eap-orientation 'banner'*/

/*Program specific overrides*/
.program-fr .no-fr {
  display: none !important;
}

.program-fr #first-responders-resource-center-hero .resource-hero-text {
  color: black;
}
/*END Program specific overrides**/

/*Logo overrides*/
.cobrand-logo-10503142 {
	max-width: 75px;
}
/*END Logo overrides*/

@media screen and (min-width: 768px) {
  .resource-links {
    columns: 2;
  }

  .custom-page .resource-content .resource-links {
    /* display: flex; commented out to enable columns:2*/
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    align-items: initial !important;
  }

  .custom-page .resource-links-heading {
    font-size: 1.875rem;
  }

  .custom-page .no-tailwindcss-base .overlay h2.resource-links-heading {
    font-size: 1.5rem;
  }

  .custom-page .no-tailwindcss-base .overlay h3.resource-links-heading {
    font-size: 1.25rem;
  }

  .custom-page .resource-content {
    padding: 2rem;
  }

  .custom-page .resource-links .resource-button {
    /* display: inline-block; */
    font-size: 1rem;
    align-content: center;
    /* width: 48%; */
    /* margin-bottom: 1rem; */
  }

  /* collections page eap-orientation 'banner'*/
  .collection.webinars-collection #curated-eap-orientation-section,
  .collection.trainings-collection #curated-eap-orientation-section {
    width: 75%;
    flex-flow: row nowrap;
    gap: 1rem;
    margin-top: 1rem;
  }

  .collection.webinars-collection #curated-eap-orientation-section h2,
  .collection.trainings-collection #curated-eap-orientation-section h2 {
    font-size: 1.5rem;
  }
  .collection.webinars-collection #curated-eap-orientation-section .action,
  .collection.trainings-collection #curated-eap-orientation-section .action {
    font-size: 1rem;
  }
  /* END collections page eap-orientation 'banner'*/
}

@media screen and (min-width: 1024px) {
  .custom-page .resource-hero {
    min-height: 500px;
    padding-left: 5%;
    justify-content: flex-start;
  }

  .custom-page .resource-hero-text {
    width: 50%;
    padding: 20px;
    font-size: 1.5rem;
  }

  .resource-hero-text .action {
    font-size: 0.725rem;
  }
  
  /*Logo overrides*/
	.cobrand-logo-10503142 {
		max-width: 50%;
	}
	/*END Logo overrides*/
}