.events-page {
  max-width: 1200px;
  margin: 0 auto; }
  .events-page #events-nav-heading {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    padding-top: 0.8rem;
    font-family: "Future PT ExtraBold";
    color: #ef445d; }
  .events-page #events-nav {
    width: 100%;
    display: flex;
    margin: 1rem auto; }
    .events-page #events-nav .events-nav-item {
      padding: 0.5rem 1rem;
      font-size: 1.5rem;
      text-align: center;
      border: 1px #ef445d solid;
      background-color: #fff;
      flex: 1 1;
      display: inline-block; }
      .events-page #events-nav .events-nav-item a {
        display: block;
        color: #ef445d;
        text-decoration: none; }
      .events-page #events-nav .events-nav-item.selected {
        background-color: #ef445d; }
        .events-page #events-nav .events-nav-item.selected a {
          color: #fff;
          cursor: default; }
      .events-page #events-nav .events-nav-item:not(.selected):hover {
        font-weight: bold;
        cursor: pointer; }
  .events-page .events-banner {
    text-align: center; }
  .events-page .events-list, .events-page .single-event {
    margin: 1rem auto;
    width: 100%; }
    .events-page .events-list .event, .events-page .single-event .event {
      display: flex;
      width: 100%;
      height: 200px;
      padding: 0.5rem;
      border: 1px solid #ef445d;
      margin: 1rem 0; }
      .events-page .events-list .event .event-date, .events-page .single-event .event .event-date {
        display: inline-block;
        position: relative;
        top: 1;
        left: 1;
        width: 25%;
        max-width: 300px;
        background-color: #ef445d;
        font-size: 1rem;
        font-family: "Future PT ExtraBold"; }
        .events-page .events-list .event .event-date img, .events-page .single-event .event .event-date img {
          width: 100%;
          height: auto; }
        .events-page .events-list .event .event-date .event-date-text, .events-page .single-event .event .event-date .event-date-text {
          position: absolute;
          top: 0px;
          left: 0px;
          display: flex;
          background-color: #fff;
          color: #ef445d;
          width: 40px;
          flex-direction: column;
          justify-content: space-between;
          text-align: center; }
          .events-page .events-list .event .event-date .event-date-text .event-day, .events-page .single-event .event .event-date .event-date-text .event-day {
            flex: 1 1; }
          .events-page .events-list .event .event-date .event-date-text .event-month, .events-page .single-event .event .event-date .event-date-text .event-month {
            flex: 1 1; }
      .events-page .events-list .event .event-body, .events-page .single-event .event .event-body {
        padding: 0 0.5rem;
        width: 75%;
        font-family: "Arial Narrow";
        color: #444;
        font-size: 1rem; }
        .events-page .events-list .event .event-body .event-title a, .events-page .single-event .event .event-body .event-title a {
          font-size: 1.5rem;
          font-weight: bold;
          color: #ef445d; }
        .events-page .events-list .event .event-body .event-date-range, .events-page .single-event .event .event-body .event-date-range {
          font-size: 0.8rem; }
        .events-page .events-list .event .event-body .event-project a, .events-page .events-list .event .event-body .event-url a, .events-page .single-event .event .event-body .event-project a, .events-page .single-event .event .event-body .event-url a {
          color: #ef445d; }
    .events-page .events-list .featured-event, .events-page .single-event .featured-event {
      height: 400px;
      padding: 0; }
      .events-page .events-list .featured-event .event-date, .events-page .single-event .featured-event .event-date {
        font-size: 2rem;
        width: 50%;
        max-width: 600px; }
        .events-page .events-list .featured-event .event-date .event-date-text, .events-page .single-event .featured-event .event-date .event-date-text {
          width: 80px; }
      .events-page .events-list .featured-event .event-body, .events-page .single-event .featured-event .event-body {
        width: 50%;
        padding: 1rem;
        font-size: 1.3rem; }
        .events-page .events-list .featured-event .event-body .event-title a, .events-page .single-event .featured-event .event-body .event-title a {
          font-size: 2rem; }
        .events-page .events-list .featured-event .event-body .event-date-range, .events-page .single-event .featured-event .event-body .event-date-range {
          font-size: 1.5rem; }
  .events-page .single-event {
    border: 1px solid #ef445d; }
    .events-page .single-event .event {
      border: none; }
    .events-page .single-event > .event-description {
      padding: 1rem;
      width: 100%; }
  .events-page .events-add-prebody {
    font-weight: bold;
    width: 540px;
    text-align: center;
    margin: 1rem auto; }
  .events-page .node-event-form {
    max-width: 800px;
    margin: 0 auto; }
    .events-page .node-event-form #edit-field-global-wrapper {
      margin-left: 1rem; }
    .events-page .node-event-form #edit-field-address-wrapper .details-wrapper {
      padding: 0 15px; }
      .events-page .node-event-form #edit-field-address-wrapper .details-wrapper * {
        padding: 0; }
      .events-page .node-event-form #edit-field-address-wrapper .details-wrapper .form-control {
        padding: 0.375rem 0.75rem; }
    .events-page .node-event-form #edit-field-date-time-wrapper > fieldset fieldset {
      padding-left: 0px; }
  .events-page .event-topic {
    max-width: 100%;
    margin: 2rem auto 0.5rem;
    padding: 1rem;
    font-family: "Arial Narrow", Arial;
    color: #444; }
    .events-page .event-topic .comments .comments-heading {
      font-size: 1.4rem; }
      .events-page .event-topic .comments .comments-heading span {
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #fcc8d2; }
    .events-page .event-topic .comments .comment {
      border-bottom: 1px solid #fcc8d2;
      width: 100%; }
      .events-page .event-topic .comments .comment .comment-heading .comment-metadata {
        display: inline-flex;
        flex-direction: column;
        justify-content: space-around;
        vertical-align: middle;
        padding: 0.5rem; }
        .events-page .event-topic .comments .comment .comment-heading .comment-metadata .comment-title {
          font-size: 1.4rem; }
        .events-page .event-topic .comments .comment .comment-heading .comment-metadata .comment-credit {
          font-size: 1.0rem; }
          .events-page .event-topic .comments .comment .comment-heading .comment-metadata .comment-credit .comment-author a {
            color: #ef445d !important; }
      .events-page .event-topic .comments .comment .comment-body {
        padding: 1rem 0 0;
        font-size: 1.2rem; }
        .events-page .event-topic .comments .comment .comment-body a {
          text-decoration: underline !important; }
        .events-page .event-topic .comments .comment .comment-body img {
          max-width: 100%;
          height: auto; }
    .events-page .event-topic .add-comments .comment-title {
      padding: 1rem 0;
      font-family: "Future PT ExtraBold";
      font-size: 1.6rem;
      color: #ef445d; }
    .events-page .event-topic .add-comments .field--name-subject label,
    .events-page .event-topic .add-comments .form-item-comment-body-0-value label {
      font-size: 1.2rem; }
    .events-page .event-topic .add-comments .form-item-new-topic-subscribe input {
      margin-left: 0px; }
    .events-page .event-topic .add-comments .form-item-new-topic-subscribe label {
      padding-left: 1.5rem; }
    .events-page .event-topic .add-comments #comment-form {
      width: 100%;
      max-width: 1200px;
      margin: 0; }
      .events-page .event-topic .add-comments #comment-form div {
        padding-left: 0;
        padding-right: 0; }
        .events-page .event-topic .add-comments #comment-form div fieldset {
          padding-left: 0;
          padding-right: 0; }
    .events-page .event-topic .add-comments #edit-actions {
      padding: 0;
      margin: 0 2rem 2rem;
      text-align: right; }
      .events-page .event-topic .add-comments #edit-actions .btn {
        font-family: "Future PT ExtraBold";
        font-size: 1.6rem;
        border: 1px solid #ef445d;
        background-color: #ef445d;
        color: #fff; }
        .events-page .event-topic .add-comments #edit-actions .btn:hover, .events-page .event-topic .add-comments #edit-actions .btn:active, .events-page .event-topic .add-comments #edit-actions .btn:focus {
          color: #ef445d;
          background-color: #fff; }
      .events-page .event-topic .add-comments #edit-actions #edit-submit {
        content: "Submit"; }
      .events-page .event-topic .add-comments #edit-actions #edit-preview {
        display: none; }

@media (max-width: 700px) {
  .events-page .responsive-hide {
    display: none; }
  .events-page #events-nav-heading {
    display: block; }
  .events-page #events-nav {
    margin: 0.6rem auto; }
  .events-page .events-list .event, .events-page .events-list .featured-event {
    height: 500px;
    flex-direction: column;
    padding: 0; }
    .events-page .events-list .event .event-date, .events-page .events-list .featured-event .event-date {
      order: 1;
      flex: 1 1;
      min-width: 315px;
      width: 100%;
      height: 250px;
      font-size: 1.6rem; }
      .events-page .events-list .event .event-date .event-date-text, .events-page .events-list .featured-event .event-date .event-date-text {
        width: 60px; }
    .events-page .events-list .event .event-body, .events-page .events-list .featured-event .event-body {
      order: 2;
      flex: 1 1;
      min-width: 315px;
      width: 100%;
      height: 250px;
      font-size: 1.2rem; } }