/*********************
Breakpoints
*********************/
/*********************
COLORS
*********************/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/******************
Grids
******************/
.grid-col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .grid-col-2 > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 24px 12px; }
    @media (min-width: 768px) {
      .grid-col-2 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 12px 24px; } }
    @media (min-width: 1024px) {
      .grid-col-2 > * {
        padding: 12px 32px; } }

.grid-col-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .grid-col-3 > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 24px 12px; }
    @media (min-width: 768px) {
      .grid-col-3 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 12px 24px; } }
    @media (min-width: 1024px) {
      .grid-col-3 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
        flex: 1 0 33%;
        padding: 12px 32px; } }

.slick-slider .slick-slide {
  outline: none; }

.slick-slider .slick-dots li {
  margin: 0 1em; }
  .slick-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #fff;
    color: transparent; }
  .slick-slider .slick-dots li button:before {
    width: 15px;
    height: 15px;
    border-radius: 30px;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #fff;
    color: transparent; }

#content-media-block .content-media {
  padding: 32px 12px; }
  @media (min-width: 1024px) {
    #content-media-block .content-media {
      padding: 64px 12px; } }
  @media (min-width: 1340px) {
    #content-media-block .content-media {
      padding: 96px 12px; } }
  #content-media-block .content-media__grid {
    text-align: center; }
    @media (min-width: 481px) {
      #content-media-block .content-media__grid {
        text-align: left; } }
    @media (min-width: 768px) {
      #content-media-block .content-media__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    @media (min-width: 1024px) {
      #content-media-block .content-media__grid {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    @media (min-width: 768px) {
      #content-media-block .content-media__grid[data-side="left"] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        #content-media-block .content-media__grid[data-side="left"] .content {
          padding-right: 0;
          padding-left: 24px; } }
    @media (min-width: 1024px) {
      #content-media-block .content-media__grid[data-side="left"] .content {
        padding-right: 0;
        padding-left: 48px; } }
    #content-media-block .content-media__grid .content,
    #content-media-block .content-media__grid .media {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    @media (min-width: 768px) {
      #content-media-block .content-media__grid .content {
        padding-right: 24px; } }
    @media (min-width: 1024px) {
      #content-media-block .content-media__grid .content {
        padding-right: 48px; } }
    #content-media-block .content-media__grid .content p {
      line-height: 26px; }
    #content-media-block .content-media__grid .content .btn {
      margin-top: 18px; }
    #content-media-block .content-media__grid .media {
      margin-top: 32px;
      text-align: center; }
      @media (min-width: 768px) {
        #content-media-block .content-media__grid .media {
          margin-top: 0; } }
      @media (min-width: 768px) {
        #content-media-block .content-media__grid .media img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          margin-bottom: 0; } }
      #content-media-block .content-media__grid .media .video-container {
        position: relative;
        height: 100%;
        width: 100%;
        min-height: 300px; }
        @media (min-width: 768px) {
          #content-media-block .content-media__grid .media .video-container {
            min-height: 370px; } }
        #content-media-block .content-media__grid .media .video-container .wistia_embed {
          position: absolute;
          width: 100%;
          height: 100%; }
      #content-media-block .content-media__grid .media iframe {
        max-width: 100%; }

/*# sourceMappingURL=content-media.css.map */