/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@media (max-width: 980px) {
  #section-dates {
    background-color: #0db2e7; }
    #section-dates .h2 {
      margin-bottom: .5em;
      display: block; } }

@media (min-width: 981px) {
  #section-dates .container {
    padding: 2em;
    background-color: #0db2e7; } }

#section-dates h2 {
  margin-bottom: 1em; }

#section-dates .container {
  max-width: 1140px; }
  #section-dates .container .h2 {
    color: #fff !important; }

@media (min-width: 981px) {
  #section-dates #dates {
    display: flex;
    flex-wrap: wrap; } }

#section-dates #dates .date {
  background: #fff;
  border-radius: 16px;
  padding: 1em; }
  @media (max-width: 980px) {
    #section-dates #dates .date {
      margin-bottom: 1em;
      padding: .5em; } }
  @media (min-width: 981px) {
    #section-dates #dates .date {
      margin-top: 2em;
      flex-basis: calc(50% - 1em);
      margin-right: 2em; }
      #section-dates #dates .date:nth-child(even) {
        margin-right: 0; } }
  #section-dates #dates .date h3 {
    margin: 0;
    color: #00B6E8 !important; }
  #section-dates #dates .date .time, #section-dates #dates .date .location {
    font-weight: 700;
    margin-top: .5em; }
  #section-dates #dates .date .call-to-actions {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    @media (max-width: 980px) {
      #section-dates #dates .date .call-to-actions a,
      #section-dates #dates .date .call-to-actions button {
        font-size: 14px; } }
    #section-dates #dates .date .call-to-actions button {
      background: none;
      border: none;
      color: #1C3F85;
      font-weight: 700;
      cursor: pointer;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: .16em; }
      #section-dates #dates .date .call-to-actions button:hover {
        text-decoration: none; }
    #section-dates #dates .date .call-to-actions .btn {
      padding: 0.25em .5em;
      margin-right: .5em; }
      @media (min-width: 768px) {
        #section-dates #dates .date .call-to-actions .btn {
          margin-right: 1em; } }

/*# sourceMappingURL=dates.css.map */
