/* Imports
------------------------------------------------*/
/* General Variables
------------------------------------------------*/
/* Media variables and expression aliases
------------------------------------------------*/
/* Mixins
------------------------------------------------*/
/* event page styles */
article.type-event .post-wrap h1.entry-title {
  font-size: 2.2em; }
article.type-event .post-wrap .post-content {
  margin-top: 12px; }

/* general */
.register-button {
  font-family: 'PT Sans','Helvetica','san-serif' !important;
  background-color: #f27522;
  color: white !important;
  display: block;
  width: 100%;
  padding: .5em .7em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600; }
  .register-button:hover {
    text-decoration: none; }

.register-button.past-event {
  display: none; }

/* list page */
#events-page-content {
  margin-top: -16px; }
  #events-page-content h2 {
    margin: 0px 0px 22px; }

/* list view */
#events-page-content .events-list {
  display: flex;
  flex-direction: column; }
#events-page-content .event-date {
  display: block;
  background-color: #00acee;
  color: white;
  padding: 6px 6px 0px 26px;
  font-family: 'PT Sans','Helvetica','san-serif' !important;
  font-weight: 700;
  font-size: 1em; }
#events-page-content .event-listing {
  display: flex;
  margin-bottom: 2em;
  padding: 0;
  background-color: #f0f0f0; }
  #events-page-content .event-listing .event-thumbnail {
    width: 30%; }
    #events-page-content .event-listing .event-thumbnail img {
      width: 100%; }
  #events-page-content .event-listing .event-content {
    text-align: left;
    width: 70%;
    padding: 0px 1em 1em 1.4em; }
    #events-page-content .event-listing .event-content .event-title {
      margin: 22px 0px 0px 0px;
      font-size: 1.8em; }
    #events-page-content .event-listing .event-content .event-meta .event-time, #events-page-content .event-listing .event-content .event-meta .event-location {
      font-family: 'PT Sans','Helvetica','san-serif' !important; }
    #events-page-content .event-listing .event-content .event-meta p {
      margin-top: 12px;
      margin-bottom: 0px; }
    #events-page-content .event-listing .event-content p:empty {
      display: none; }

@media (max-width: 768px) {
  #events-page-content .event-listing {
    flex-direction: column-reverse; }
    #events-page-content .event-listing .event-thumbnail {
      width: 100%; }
    #events-page-content .event-listing .event-content {
      width: 100%;
      padding: 1.2em 22px; }
      #events-page-content .event-listing .event-content .event-title {
        font-size: 1.8em;
        margin: 0px; } }
/* event details page */
#all-events-button a {
  display: inline-block;
  color: #00acee;
  font-family: 'PT Sans','Helvetica','san-serif' !important;
  font-size: .86em;
  font-weight: 600;
  margin: 0px 0px 24px 0px; }

.event-page p {
  font-size: 110%; }
.event-page .event-details {
  width: 47%;
  float: right;
  background-color: #f0f0f0;
  margin: 0 0 2em 2em; }
  .event-page .event-details .event-header {
    padding: 6px 10px;
    border-radius: 5px 5px 0px 0px;
    background-color: #00acee; }
    .event-page .event-details .event-header h4 {
      color: white;
      font-family: 'PT Sans','Helvetica','san-serif' !important;
      font-weight: 600;
      font-size: .9em;
      letter-spacing: .5px;
      text-transform: uppercase;
      margin: 0px;
      padding: 0px; }
    .event-page .event-details .event-header p {
      font-size: 100%; }
  .event-page .event-details .event-image {
    width: 100%; }
    .event-page .event-details .event-image img {
      width: 100%; }
  .event-page .event-details .event-details-inner {
    padding: .8em 1.2em 1.5em;
    font-family: 'PT Sans','Helvetica','san-serif' !important; }
    .event-page .event-details .event-details-inner p,
    .event-page .event-details .event-details-inner span {
      font-family: 'PT Sans','Helvetica','san-serif' !important; }
    .event-page .event-details .event-details-inner .event-location {
      margin-top: 1em; }
      .event-page .event-details .event-details-inner .event-location p {
        line-height: 1.2em;
        font-size: .9em; }
    .event-page .event-details .event-details-inner .register-button {
      margin-top: 1em; }

@media (max-width: 1024px) {
  #all-events-button {
    width: 90%;
    margin-left: auto; } }
@media (max-width: 768px) {
  .event-page .event-details {
    width: 100%;
    margin-left: 0px; } }
#yearMenu {
  text-align: center; }
  #yearMenu a {
    display: inline-block;
    margin-right: 18px;
    color: #00acee;
    font-family: 'PT Sans','Helvetica','san-serif' !important;
    font-size: .9em;
    font-weight: 600; }
  #yearMenu a:last-of-type {
    margin-right: 0px; }

#events-page-content .past-events h2 {
  text-align: center;
  margin-top: 32px; }
#events-page-content .past-events p:empty {
  display: none; }
#events-page-content .past-events .event-listing h2 {
  text-align: left; }

/* no events message */
.no-events-message {
  font-style: italic;
  text-align: center;
  padding: 12px 22px 42px; }
