/*******************************
 * Onward Custom SCSS
 * v1.1 - June 2020
 *******************************/
/*******************************
 * Colors
 *******************************/
/*******************************
 * Fonts
 *******************************/
/*******************************
 * Responsive Mixins
 *******************************/
@keyframes oPulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.bold {
  font-weight: bold !important;
}
.whiten, .whiten *, .whiten::before, .whiten *::before {
  color: #fff !important;
}
.darken-15 {
  position: relative;
}
.darken-15::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .15);
}
.darken-25 {
  position: relative;
}
.darken-25::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .25);
}
.darken-35 {
  position: relative;
}
.darken-35::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .35);
}
.darken-45 {
  position: relative;
}
.darken-45::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .45);
}
.darken-55 {
  position: relative;
}
.darken-55::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .55);
}
.darken-65 {
  position: relative;
}
.darken-65::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .65);
}
.darken-75 {
  position: relative;
}
.darken-75::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .75);
}
.darken-85 {
  position: relative;
}
.darken-85::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .85);
}
.darken-95 {
  position: relative;
}
.darken-95::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .95);
}
.column-constrain, .section-constrain .x-column {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 750px;
  float: none;
}
.section-constrain .x-column {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 70%;
  max-width: 525px;
  /*******************************
 * Utility Mixins
 *******************************/
}
@media screen and (min-width: 480px) {
  .section-constrain .x-column {
    font-size: 75%;
    max-width: 562px;
  }
}
@media screen and (min-width: 768px) {
  .section-constrain .x-column {
    font-size: 85%;
    max-width: 636px;
  }
}
@media screen and (min-width: 1200px) {
  .section-constrain .x-column {
    font-size: 100%;
    max-width: 750px;
  }
}
@media screen and (min-width: 1850px) {
  .section-constrain .x-column {
    font-size: 125%;
    max-width: 936px;
  }
}
@media screen and (min-width: 2300px) {
  .section-constrain .x-column {
    font-size: 150%;
    max-width: 1125px;
  }
}
.cs-ta-left.mobile-center, .cs-ta-right.mobile-center {
  text-align: center !important;
}
@media screen and (min-width: 768px) {
  .cs-ta-left.mobile-center {
    text-align: left !important;
  }
}
@media screen and (min-width: 768px) {
  .cs-ta-right.mobile-center {
    text-align: right !important;
  }
}
.h1-plus {
  font-size: 500%;
}
.small {
  font-size: 45%;
  /*******************************
 * Important Overrides
 *******************************/
}
body, #top, .x-colophon.top, .x-colophon.bottom {
  background-color: #f3f5f6;
  border: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.x-img {
  margin-bottom: 0;
}
body a.x-img:not(.x-img-thumbnail) {
  display: inline-block;
  /*******************************
 * Custom Styles
 *******************************/
}
.post .entry-content {
  margin-top: 0;
}