/* Example of use is at the bottom of file */
/*

Example:

  div {
	 @include clear();
  }

Result:

  div:before,
  div:after {
	 content: '';
	 display: block;
	 clear: both;
  }

*/
@media (min-width: 768px) {
  .section--events-upcoming .articleGrid__item {
    width: 100%;
    float: unset;
  }
}
@media (min-width: 768px) {
  .section--events-upcoming .postThumb--event-upcoming .postThumb {
    display: flex;
    flex-direction: row;
  }
}
.section--events-upcoming .postThumb--event-upcoming .postThumb__image {
  background-color: #0D2A4A;
}
@media (min-width: 768px) {
  .section--events-upcoming .postThumb--event-upcoming .postThumb__image {
    display: flex;
    flex: 0 0 30%;
  }
}
@media (min-width: 768px) {
  .section--events-upcoming .postThumb--event-upcoming .postThumb__content {
    padding: 0 4rem;
    flex: unset;
  }
}
.section--events-upcoming .postThumb--event-upcoming .postThumb__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  top: 50%;
  /* Moves the element's top to the middle of the parent */
  left: 50%;
  /* Optional, if you want to horizontally center it as well */
  transform: translate(-50%, -50%);
  /* Adjust the element back by half its height and width */
}
.section--events-upcoming .postThumb--event-upcoming .postThumb__date-day {
  font-size: 5.2rem;
  font-weight: 700;
  line-height: 1;
}
.section--events-upcoming .postThumb--event-upcoming .postThumb__date-month {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.7647058824;
}

.container_home_textboxes {
  display: flex;
  margin: 4rem -2rem 2rem;
}
.container_home_textbox {
  flex: 0 0 33.3333%;
}
.container_home_textbox_content {
  border-radius: 0.5rem;
  background: #fff;
  margin: 2rem;
  padding: 3rem;
}
.container_home_textbox_heading {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3636363636;
  margin-bottom: 0.8rem;
}
.container_home_textbox p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
}
.container_home_textbox .button {
  margin-top: 20px;
}