/*********************
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"; }

#three-col-block .three-col.has-waves:before {
  position: absolute;
  content: "";
  top: -50px;
  left: -5%;
  width: 105%;
  height: 80px;
  background: url(../images/svgs/divider-blue.svg) no-repeat top;
  background-size: 100% 100%;
  pointer-events: none; }
  @media (min-width: 1024px) {
    #three-col-block .three-col.has-waves:before {
      top: -90px;
      height: 120px; } }
  @media (min-width: 1340px) {
    #three-col-block .three-col.has-waves:before {
      top: -80px; } }

#three-col-block .three-col.has-waves:after {
  position: absolute;
  content: "";
  bottom: -50px;
  right: 0;
  width: 105%;
  height: 80px;
  background: url(../images/svgs/divider-blue-bottom.svg) no-repeat bottom;
  background-size: 100% 100%;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  pointer-events: none; }
  @media (min-width: 1024px) {
    #three-col-block .three-col.has-waves:after {
      bottom: -90px;
      height: 120px; } }
  @media (min-width: 1340px) {
    #three-col-block .three-col.has-waves:after {
      bottom: -80px; } }

/******************
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; }

#three-col-block .three-col {
  padding: 32px 12px;
  position: relative;
  background-color: #124459;
  color: #fff;
  width: 100vw;
  left: calc(-50vw + 50%); }
  .acf-block-preview #three-col-block .three-col {
    width: 100%;
    left: 0; }
  @media (min-width: 1024px) {
    #three-col-block .three-col {
      padding: 64px 12px; } }
  @media (min-width: 1340px) {
    #three-col-block .three-col {
      padding: 96px 12px; } }
  #three-col-block .three-col.has-waves {
    padding: 32px 12px;
    margin: 32px 0;
    background-color: #124459;
    color: #fff; }
    @media (min-width: 1024px) {
      #three-col-block .three-col.has-waves {
        padding: 64px 12px;
        margin: 36px 0; } }
    @media (min-width: 1340px) {
      #three-col-block .three-col.has-waves {
        padding: 96px 12px;
        margin: 48px 0; } }
    #three-col-block .three-col.has-waves:before {
      background: url(../../images/svgs/divider-blue.svg) no-repeat top;
      background-size: 100% 100%; }
    #three-col-block .three-col.has-waves:after {
      background: url(../../images/svgs/divider-blue-bottom.svg) no-repeat bottom;
      background-size: 100% 100%; }
  @media (min-width: 768px) {
    #three-col-block .three-col.has-welcome {
      margin-top: 84px; } }
  @media (min-width: 1024px) {
    #three-col-block .three-col.has-welcome {
      margin-top: 72px; } }
  @media (min-width: 1340px) {
    #three-col-block .three-col.has-welcome {
      margin-top: 96px; } }
  #three-col-block .three-col.has-welcome .three-col__welcome {
    display: none;
    position: absolute;
    top: -30%;
    right: 8%;
    margin: 0; }
    @media (min-width: 768px) {
      #three-col-block .three-col.has-welcome .three-col__welcome {
        display: block; } }
    @media (min-width: 1340px) {
      #three-col-block .three-col.has-welcome .three-col__welcome {
        right: 10%; } }
  #three-col-block .three-col__grid {
    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; }
    #three-col-block .three-col__grid .item {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      padding: 16px 0;
      border-bottom: 2px solid #fff;
      position: relative; }
      @media (min-width: 768px) {
        #three-col-block .three-col__grid .item {
          -webkit-box-flex: 1;
          -ms-flex: 1 0 50%;
          flex: 1 0 50%;
          border-bottom: none;
          border-right: 2px solid #fff;
          padding: 10px 36px; }
          #three-col-block .three-col__grid .item:nth-child(2) {
            border-right: none; }
          #three-col-block .three-col__grid .item:last-child {
            padding-left: 0;
            margin-top: 12px;
            border-top: 2px solid #fff; } }
      @media (min-width: 1024px) {
        #three-col-block .three-col__grid .item {
          -webkit-box-flex: 1;
          -ms-flex: 1 0 33%;
          flex: 1 0 33%;
          padding: 10px 56px 60px; }
          #three-col-block .three-col__grid .item:nth-child(2) {
            border-right: 2px solid #fff; }
          #three-col-block .three-col__grid .item:last-child {
            padding-left: 56px;
            margin-top: 0;
            border-top: none; } }
      #three-col-block .three-col__grid .item:first-child {
        padding-left: 0; }
      #three-col-block .three-col__grid .item:last-child {
        padding-right: 0;
        border-right: none;
        border-bottom: none; }
      #three-col-block .three-col__grid .item h2 {
        font-family: "proxima-nova", sans-serif; }
        @media (min-width: 768px) {
          #three-col-block .three-col__grid .item h2 {
            font-size: 36px; } }
      #three-col-block .three-col__grid .item a:not(.btn) {
        color: #f2cf51;
        font-weight: 500; }
      @media (min-width: 1024px) {
        #three-col-block .three-col__grid .item .btn,
        #three-col-block .three-col__grid .item .gform_wrapper {
          position: absolute;
          bottom: 0; } }

/*# sourceMappingURL=three-column.css.map */