/** Colors **/
/** Typography **/
@-webkit-keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
@keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

.highlight-tile {
  position: relative; }
  @media (min-width: 900px) {
    .highlight-tile {
      height: 100px; } }
  @media (min-width: 900px) {
    .layout--two-center-regions .highlight-tile,
    .layout--three-center-regions .highlight-tile {
      height: auto;
      min-height: 85px; } }

.highlight-tile__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  text-indent: -9999px; }
  .highlight-tile__link a {
    display: block;
    height: 100%;
    width: 100%; }

.highlight-tile__icon-content {
  height: 50px;
  width: 50px;
  border-radius: 15px;
  border: 1px solid #006400;
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: #fff;
  z-index: 2;
  -webkit-box-shadow: 2px 1px 2px 0 #999;
  box-shadow: 2px 1px 2px 0 #999; }
  @media (min-width: 600px) {
    .highlight-tile__icon-content {
      position: relative;
      width: 100px;
      height: 100px;
      top: 0;
      left: 0;
      max-width: 100px;
      border-radius: 25px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border-right: transparent;
      border-top: 3px solid #006400;
      border-bottom: 3px solid #006400;
      border-left: 3px solid #006400;
      -webkit-box-shadow: 4px 1px 2px 0 #999;
      box-shadow: 4px 1px 2px 0 #999; } }
  @media (min-width: 600px) {
    .layout--three-center-regions .highlight-tile__icon-content {
      height: 50px;
      width: 50px;
      border-radius: 15px;
      border: 1px solid #006400;
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
      position: absolute;
      top: -10px;
      left: -10px;
      background-color: #fff;
      z-index: 2;
      -webkit-box-shadow: 2px 1px 2px 0 #999;
      box-shadow: 2px 1px 2px 0 #999; } }
  @media (min-width: 600px) {
    .layout--three-center-regions .highlight-tile__icon-content::before {
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      content: '';
      height: 30px;
      position: absolute;
      left: 8px;
      width: 30px;
      z-index: 10;
      top: 55px; } }
  .highlight-tile__icon-content::after {
    content: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 88%;
    height: 100%;
    width: 18px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #fff;
    -webkit-box-shadow: 4px 1px 2px 0 #999;
    box-shadow: 4px 1px 2px 0 #999; }
    @media (min-width: 600px) {
      .highlight-tile__icon-content::after {
        content: ''; } }
    @media (min-width: 600px) {
      .layout--three-center-regions .highlight-tile__icon-content::after {
        content: none; } }
  .highlight-tile__icon-content .type-of-product-term {
    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;
    padding: 8px;
    z-index: 2; }
    @media (min-width: 600px) {
      .highlight-tile__icon-content .type-of-product-term {
        padding: 0 14px;
        margin-left: 7px; } }
    @media (min-width: 600px) {
      .layout--three-center-regions .highlight-tile__icon-content .type-of-product-term {
        padding: 8px;
        margin-left: 0; } }

body[class*="mental-health"] .highlight-tile__icon-content {
  border: 1px solid #006400; }
  @media (min-width: 600px) {
    body[class*="mental-health"] .highlight-tile__icon-content {
      border-top: 3px solid #cc4927;
      border-bottom: 3px solid #cc4927;
      border-left: 3px solid #cc4927; } }

.highlight-tile__icon-content__month {
  position: relative;
  max-height: 20px;
  margin: 4px auto 0;
  font-size: 0.9rem;
  text-transform: uppercase; }
  @media (min-width: 600px) {
    .highlight-tile__icon-content__month {
      right: -5px;
      font-size: 16px;
      margin: 5px auto; } }
  @media (min-width: 600px) {
    .layout--three-center-regions .highlight-tile__icon-content__month {
      right: unset;
      margin: 4px auto 0;
      font-size: 0.9rem; } }

.highlight-tile__icon-content__day {
  position: relative;
  margin: auto;
  font-size: 1.25rem;
  line-height: 1; }
  @media (min-width: 600px) {
    .highlight-tile__icon-content__day {
      right: -5px;
      margin: auto;
      font-size: 3.25rem; } }
  @media (min-width: 600px) {
    .layout--three-center-regions .highlight-tile__icon-content__day {
      right: unset;
      font-size: 1.25rem; } }

.highlight-tile__content {
  padding: 10px 10px 10px 50px;
  background-color: #ebeedd;
  border-radius: 10px; }
  @media (min-width: 600px) {
    .highlight-tile__content {
      margin-left: -10px;
      padding: 10px 10px 10px 25px; } }
  @media (min-width: 600px) {
    .layout--three-center-regions .highlight-tile__content {
      padding: 10px 10px 10px 50px;
      margin-left: 0; } }

.highlight-tile__content__title {
  font-size: 1rem;
  margin: 0 0 8px; }
  .highlight-tile__content__title::after {
    margin-left: 0.5rem; }

.highlight-tile__content__description {
  font-size: 0.85rem;
  color: #000; }

.node--event-highlight_tile {
  margin-bottom: 1rem; }
  @media (min-width: 600px) {
    .node--event-highlight_tile .highlight-tile__content {
      padding: 10px 10px 10px 45px; } }

.events-group-content-filtered_events_past h3, .events-group-content-filtered_events h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 5px; }

.node--products_and_resources-highlight_tile {
  margin-bottom: 1rem; }

.events-group-content-events_ongoing .highlight-tile__icon-content {
  background-image: url("https://web.archive.org/web/20221008023113im_/https://mhttcnetwork.org/themes/custom/attcnetwork/images/BlueCalendar.png");
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: 50% 45%; }
  @media (min-width: 600px) {
    .events-group-content-events_ongoing .highlight-tile__icon-content {
      background-size: 70px;
      background-position: 60% 50%; } }
  .events-group-content-events_ongoing .highlight-tile__icon-content h2,
  .events-group-content-events_ongoing .highlight-tile__icon-content span {
    display: none; }

.js-form-item-field-event-ongoing-value {
  display: none; }

/* IE Styles */
.ie11 .highlight-tile {
  height: 125px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.ie11 .highlight-tile__icon-content::before {
  bottom: auto;
  left: auto; }

/*
     FILE ARCHIVED ON 02:31:13 Oct 08, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:03:42 Nov 26, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.808
  exclusion.robots: 0.067
  exclusion.robots.policy: 0.052
  esindex: 0.013
  cdx.remote: 29.681
  LoadShardBlock: 120.127 (3)
  PetaboxLoader3.datanode: 130.417 (4)
  load_resource: 113.642
  PetaboxLoader3.resolve: 77.198
*/