.event-footer_container {
  color: var(--calcite-ui-text-1);
  background: var(--calcite-ui-background);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.event-footer_wrapper {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (min-width: 640px) {
    .event-footer_wrapper {
      flex-wrap: nowrap; } }

.event-footer_border {
  display: none; }
  @media only screen and (min-width: 640px) {
    .event-footer_border {
      background-color: var(--esri-ui-opacity50);
      height: 1px;
      margin: 0 0 var(--space-5) 0;
      display: block; } }

.event-footer_heading {
  font-size: 12px;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
  padding-right: var(--space-5);
  padding-bottom: var(--space-2);
  position: relative;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis; }
  .event-footer_heading .signupLink {
    color: var(--calcite-ui-brand); }
    .event-footer_heading .signupLink:hover {
      text-decoration: none;
      color: var(--calcite-ui-brand-hover); }
  @media only screen and (min-width: 550px) {
    .event-footer_heading {
      padding-right: 0; } }
  @media only screen and (min-width: 880px) {
    .event-footer_heading {
      white-space: nowrap; } }
  @media only screen and (max-width: 549px) {
    .event-footer_heading:after {
      content: '';
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20white%3B%22%20d%3D%22M28%209v5L16%2026%204%2014V9l12%2012L28%209z%22/%3E%3C/svg%3E") center center no-repeat;
      display: inline-block;
      width: 14px;
      height: 19px;
      position: absolute;
      top: -2px;
      inset-inline-end: var(--space-5); }
    .event-footer_heading[aria-expanded="true"]:after {
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20white%3B%22%20d%3D%22M4%2023v-5L16%206l12%2012v5L16%2011%204%2023z%22/%3E%3C/svg%3E") center center no-repeat;
      top: 0; } }

.event-footer [data-event-footer-link][role=button] {
  cursor: pointer;
  margin-top: var(--space-2); }
  .event-footer [data-event-footer-link][role=button][aria-expanded=true] {
    color: var(--calcite-ui-brand-hover); }

@media only screen and (max-width: 549px) {
  .event-footer [data-event-footer-panel] {
    padding-inline-start: var(--space-4);
    max-height: 200vh;
    overflow: hidden;
    transition: max-height .4s ease-in-out; }
    .event-footer [data-event-footer-panel] a {
      padding: var(--space-3) 0; }
    .event-footer [data-event-footer-panel] a:not(.event-footer_col-app-apple-store):not(.event-footer_col-app-google-store) {
      border-bottom: 1px solid var(--esri-ui-opacity50); }
    .event-footer [data-event-footer-panel][aria-hidden=true] {
      visibility: hidden;
      overflow: hidden;
      max-height: 0;
      transition: max-height .4s,visibility 0s .4s; } }

.event-footer_text, .event-footer_link {
  font-size: 12px;
  display: block;
  margin-bottom: 0;
  line-height: 1.75; }

.event-footer_col-social {
  flex-basis: 100%;
  padding-inline-start: 15px; }
  @media only screen and (min-width: 640px) {
    .event-footer_col-social {
      flex-basis: 24%;
      padding-inline-start: 0; } }
  .event-footer_col-social .event--title {
    margin: 0;
    padding-inline-end: 30px; }
  .event-footer_col-social .event-footer_text {
    line-height: 1.25; }
    .event-footer_col-social .event-footer_text p {
      margin-bottom: 0; }
  .event-footer_col-social .event-footer_list {
    margin: 0;
    padding: 0; }
    .event-footer_col-social .event-footer_list-item {
      list-style-type: none;
      display: inline-block;
      padding: var(--space-3) var(--space-2) 0 0;
      margin: 0; }
      .event-footer_col-social .event-footer_list-item .icon-social-geonet {
        background-image: url("https://www.esri.com/content/dam/esrisites/en-us/common/icons/social-media/svgs/square-idle/esricommunity-30.svg"); }
      .event-footer_col-social .event-footer_list-item .icon-social-facebook:hover {
        background-color: #3D5A96; }
      .event-footer_col-social .event-footer_list-item .icon-social-twitter:hover {
        background-color: #59ADEB; }
      .event-footer_col-social .event-footer_list-item .icon-social-linkedin:hover {
        background-color: #127CB3; }
      .event-footer_col-social .event-footer_list-item .icon-social-geonet:hover {
        background-color: #5762F7; }
      .event-footer_col-social .event-footer_list-item .icon-social-instagram:hover {
        background-color: #DA3075; }
      .event-footer_col-social .event-footer_list-item .icon-social-youtube:hover {
        background-color: #C31A1E; }

.event-footer_col-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: var(--space-10) 0 0 var(--space-3); }
  @media only screen and (min-width: 640px) {
    .event-footer_col-info {
      flex-basis: 66%;
      margin: 0; } }
  @media only screen and (min-width: 1024px) {
    .event-footer_col-info {
      flex-basis: 74%; } }

.event-footer_col-location, .event-footer_col-resources, .event-footer_col-help, .event-footer_col-app {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin-bottom: var(--space-5); }
  @media only screen and (min-width: 640px) {
    .event-footer_col-location, .event-footer_col-resources, .event-footer_col-help, .event-footer_col-app {
      flex-basis: 50%;
      max-width: 50%;
      padding-right: var(--space-12); } }

@media only screen and (min-width: 1024px) {
  .event-footer_col-location {
    flex-basis: 30%;
    max-width: 30%; } }

@media only screen and (min-width: 1024px) {
  .event-footer_col-resources {
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 1024px) {
  .event-footer_col-help {
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 1024px) {
  .event-footer_col-app {
    flex-basis: 20%;
    width: 20%; } }

@media only screen and (max-width: 640px) {
  .event-footer_col-app [data-esri-uc-footer-panel] a {
    border-bottom: none;
    padding-bottom: 0; } }

.event-footer_col-app-apple-store, .event-footer_col-app-google-store {
  font-size: 12px;
  display: block;
  margin-bottom: 0;
  white-space: nowrap;
  border-bottom: none; }

.event-footer_col-app-img {
  max-width: 130px;
  border-radius: 5px; }
