/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /**
  * Flex classes
  */


 .flex {
   display: flex;
 }

 .flex.row {
   flex-direction: row;
 }

 .flex.column {
   flex-direction: column;
 }

 @media only screen and (max-width: 799px) {
   .flex.row.mobile-column {
     flex-direction: column;
   }
 }

 .flex.wrap {
   flex-wrap: wrap;
 }

 .flex.align-center {
   align-items: center;
 }

 .flex.space-between {
   justify-content: space-between;
 }

 /**
  * Single Event styles
  */

 @media print, screen and (min-width: 40em) {
   .medium-left {
     float: left;
   }
   .medium-right {
     float: right;
     text-align: right;
   }
 }

 .contact, .address {
   font-weight: 700;
 }

 /**
  * Archive styles
  */

@media only screen and (max-width: 799px) {
  #archive_events .events-container {
    width: 100%;
  }

  #archive_events .events-sidebar {
    width: 100%;
  }
}

#archive_events .events-sidebar .event-calendar table tr td {
  padding-right: 8px;
  padding-left: 8px;
  overflow: hidden;
}

#archive_events .events-sidebar .event-calendar table tr td .number-days {
  height: 30px;
  text-align: left;
}

#archive_events .events-sidebar .event-calendar table tr td .number-days .category-circle {
  font-size: 8px;
}