@charset "utf-8";
/* CSS Document */
/* Begin root elements */ :root {
  /* BS5 Primary Colors */
  --blue: #0d6efd; /* RGB(13, 110, 253) */
  --main-brand-blue: #0057b8; /* RGB(13, 110, 253) */
  --indigo: #6610f2; /* RGB(102, 16, 242) */
  --purple: #6f42c1; /* RGB(111, 66, 193) */
  --pink: #d63384; /* RGB(214, 51, 132) */
  --red: #dc3545; /* RGB(220, 53, 69)  */
  --orange: #fd7e14; /* RGB(253, 126, 20) */
  --yellow: #ffc107; /* RGB(255, 193, 7)  */
  --green: #198754; /* RGB(25, 135, 84)  */
  --teal: #20c997; /* RGB(32, 201, 151) */
  --cyan: #0dcaf0; /* RGB(13, 202, 240) */
  /* BS5 Grayscale colors */
  --white: #ffffff; /* RGB(255, 255, 255) */
  --black: #000000; /* RGB(0, 0, 0) */
  --gray-100: #f8f9fa; /* RGB(245, 249, 250) */
  --gray-200: #e9ecef; /* RGB(233, 236, 239) */
  --gray-300: #dee2e6; /* RGB(222, 226, 230) */
  --gray-400: #ced4da; /* RGB(206, 212, 218) */
  --gray-500: #adb5bd; /* RGB(173, 181, 189) */
  --gray-600: #6c757d; /* RGB(108, 117, 125) */
  --gray-700: #495057; /* RGB(73, 80, 87) */
  --gray-800: #343a40; /* RGB(52, 58, 64) */
  --gray-900: #212529; /* RGB(33, 37, 41) */
  /* AMS Primary Colors */
  --ams-gray: #98a4ae; /* RGB(152, 164, 174) */
  --ams-blue: #0057b8; /* RGB(0, 87, 184 */
  --ams-orange: #e87722; /* RGB(232, 119, 34) */
  --transparent: transparent;
  /* AMS Secondary Colors */
  --ams-cyan: #0cb7e1; /* RGB(12, 183, 225) */
  --ams-yellow: #ffc222; /* RGB(255, 194, 34) */
  --ams-lime: #97d700; /* RGB(151, 215, 0) */
  --ams-green: #3b8352; /* RGB(59, 131, 82) */
  --ams-red: #d9465a; /* RGB(217, 70, 90) */
  --ams-peach: #f7955b; /* RGB(247, 149, 91) */
  --sunflower: #ffbf47;
  /* AMS colorblind Colors */
  --ams-colorblind-black: #231f20; /* RGB(35, 31, 32) */
  --ams-colorblind-orange: #f7941d; /* RGB(247, 148, 29) */
  --ams-colorblind-sky-blue: #00b9f2; /* RGB(0, 185, 242) */
  --ams-colorblind-bluish-green: #00a875; /* RGB(0, 168, 117) */
  --ams-colorblind-yellow: #ecde38; /* RGB(236, 222, 56) */
  --ams-colorblind-blue: #0072bc; /* RGB(0, 114, 188) */
  --ams-colorblind-vermillion: #f15a22; /* RGB(241, 90, 34) */
  --ams-colorblind-reddish-purple: #cc79a7; /* RGB(204, 121, 167) */
}
/* Secondary banners with text over backgrounf images: Apply existing variables for colors, backgrounds, and text styling */
.header .position-absolute {
  color: var(--white); /* Using predefined white color for default text color */
}
.header h1 {
  background-color: var(--ams-orange); /* Utilizing the accessible orange for h1 */
  padding: 0.25em; /* Padding around text for better visibility */
  display: inline-block; /* Ensures background only extends to text */
}
.header p {
  background-color: rgba(101, 117, 129, 0.6); /* Direct RGB values */
  padding: 0.5em;
}
.header .position-absolute {
  width: 100%; /* Full width */
  left: 0; /* Aligns to the left */
  bottom: 0; /* Aligns to the bottom */
  text-align: left; /* Text aligned left */
}
@media (max-width: 768px) {
  .header img {
    display: none; /* Hides the background image on mobile */
  }
  .header .position-absolute {
    color: var(--black); /* Black text on mobile for better contrast */
    background-color: var(--white); /* White background on mobile */
  }
  .header h1, .header p {
    background-color: var(--transparent); /* Transparent background for h1 and p on mobile */
    color: var(--black); /* Ensuring text is black */
  }
  .header {
    margin-top: 20px; /* Adds space above the header */
  }
}
/* End Secondary banners with text over backgrounf images */
/* Typography and links */
body {
  font-family: var(--font-family-system-sans, sans-serif) !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-system-serif, serif) !important;
}
#landingh1 {
  font-family: var(--font-family-system-serif);
  color: var(--ams-orange);
  background-color: transparent;
  font-size: 2.3em;
}
/* Landing page H1 Breakpoints */
@media (min-width: 768px) {
  #landingh1 {
    font-size: 2.3em;
  }
}
@media (min-width: 1200px) {
  #landingh1 {
    font-size: 3.3em;
  }
}
.lead {
  font-weight: 400;
}
h2.topdestinations {
  font-family: var(--font-family-system-serif);
  border-left: 3px solid var(--ams-orange);
  margin-top: 15px;
  padding-left: 10px;
}
a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}
/* Pull quotes */
aside .pullquote, .membersquote {
  font-style: italic;
  padding: 10px;
  margin: 20px 0;
  font-size: 1.2em;
  line-height: 1.4em;
}
aside .pullquote {
  border-top: 1px solid var(--pullquote-border-color);
  border-bottom: 1px solid var(--pullquote-border-color);
  color: var(--membersquote-color) !important;
  margin-left: 15px;
}
.membersquote {
  color: #555;
  border-left: 4px solid var(--membersquote-border-color);
  padding-left: 15px;
  font-family: 'Georgia', serif;
  background-color: #f9f9f9;
  border-radius: 8px;
}
/* Transcript link */
.transcriptlink {
  color: #0000EE;
  background-color: var(--white);
  text-decoration: underline;
  font-weight: 400;
  padding-top: 50px;
}
.transcriptlink:focus {
  outline: 3px solid var(--sunflower);
  background-color: var(--white);
}
/*News items*/
#amsNews .btn-group {
margin-bottom: 50px;
}
.newsItemDiv {
  margin-bottom: 50px;
  /*width: 80%;*/
  margin-left: auto;
  margin-right: auto;
}
.newsItemDiv:hover {}
.newsItemTitle {
  font-family: var(--font-family-system-sans, sans-serif) !important;
  font-size: 1.5em;
}
.newsItemDate {
  font-size: 0.7em;
}
.newsItemTickler {
  font-size: 1.1rem;
}
.clamp-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  position: relative;
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}
.badge-news {
  background-color: #e1f0ff;
  font-size: 0.75rem;
  float: right;
  padding-right: 10px !important;
}
.badge-features {
  background-color: #f7d3bf;
  font-size: 0.75rem;
  float: right;
  padding-right: 10px !important;
}
.badge-obits {
  color: #000 !important;
  background-color: #C1C0C0;
  font-size: 0.75rem;
  float: right;
  padding-right: 10px !important;
}
/* Subtle success background */
.badge-pressrelease {
  background-color: rgba(25, 135, 84, 0.15) !important;
  color: #198754;
  font-size: 0.75rem;
  float: right;
  padding-right: 10px !important;
}
section #newsSearch {
margin-bottom: 20px  
}
#newsSearch h1 {
  font-family: var(--font-family-system-sans, sans-serif) !important;
  font-size: 1.5em;    
}
#newsSearch p.lead {
      font-size: 1.1rem;
}

/*End news items*/
/* ACCESSIBILITY */
/* Focus Visible Enhancement */
*:focus-visible {
  --focusVisibleOutlineColor: var(--sunflower);
  --focusVisibleOutlineOffset: 2px;
  --focusVisibleOutlineAnimation: focusVisible;
  outline: 2px solid var(--focusVisibleOutlineColor);
  outline-offset: var(--focusVisibleOutlineOffset);
  animation: var(--focusVisibleOutlineAnimation) 0.2s ease;
  animation-fill-mode: forwards;
  border-radius: 4px;
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none;
    transition: none;
    scroll-behavior: auto;
  }
}
/* END ACCESSIBILITY */
/* Header and inspo area */
a .fa-arrow-right-long {
  color: var(--ams-orange);
  background-color: var(--transparent);
}
/* Legacy 3 column css layout */
.recipients {
  columns: 3;
  widows: 2;
  /*column-rule: 1px solid lightblue;*/
  column-gap: 40px;
  column-width: 200px;
}
.recipients:first-child {
  margin-top: 0;
}