/* Variables */
.three-col-cards-block.no-top-padding {
  padding-top: 0 !important; }
.three-col-cards-block.grey {
  background-color: #f5f5f5; }
.three-col-cards-block.blue {
  background-color: #194866; }
.three-col-cards-block.cream {
  background-color: #fff8f1; }
body:not(.wp-admin) .three-col-cards-block:not(.grey):not(.blue):not(.cream) {
  margin-bottom: 120px;
  margin-top: 120px;
  margin-bottom: 105px; }
  @media (max-width: 1023px) {
    body:not(.wp-admin) .three-col-cards-block:not(.grey):not(.blue):not(.cream) {
      margin-bottom: 100px;
      margin-top: 100px; } }
  @media (max-width: 767px) {
    body:not(.wp-admin) .three-col-cards-block:not(.grey):not(.blue):not(.cream) {
      margin-bottom: 60px;
      margin-top: 60px; } }
  @media (max-width: 1023px) {
    body:not(.wp-admin) .three-col-cards-block:not(.grey):not(.blue):not(.cream) {
      margin-bottom: 85px; } }
  @media (max-width: 767px) {
    body:not(.wp-admin) .three-col-cards-block:not(.grey):not(.blue):not(.cream) {
      margin-bottom: 45px; } }
body:not(.wp-admin) .three-col-cards-block.grey, body:not(.wp-admin) .three-col-cards-block.blue, body:not(.wp-admin) .three-col-cards-block.cream {
  padding-bottom: 120px;
  padding-top: 120px;
  padding-bottom: 105px; }
  @media (max-width: 1023px) {
    body:not(.wp-admin) .three-col-cards-block.grey, body:not(.wp-admin) .three-col-cards-block.blue, body:not(.wp-admin) .three-col-cards-block.cream {
      padding-bottom: 100px;
      padding-top: 100px; } }
  @media (max-width: 767px) {
    body:not(.wp-admin) .three-col-cards-block.grey, body:not(.wp-admin) .three-col-cards-block.blue, body:not(.wp-admin) .three-col-cards-block.cream {
      padding-bottom: 60px;
      padding-top: 60px; } }
  @media (max-width: 1023px) {
    body:not(.wp-admin) .three-col-cards-block.grey, body:not(.wp-admin) .three-col-cards-block.blue, body:not(.wp-admin) .three-col-cards-block.cream {
      padding-bottom: 85px; } }
  @media (max-width: 767px) {
    body:not(.wp-admin) .three-col-cards-block.grey, body:not(.wp-admin) .three-col-cards-block.blue, body:not(.wp-admin) .three-col-cards-block.cream {
      padding-bottom: 45px; } }
body:not(.wp-admin) .three-col-cards-block.grey + .key-features-block.grey {
  padding-top: 0 !important; }
body:not(.wp-admin) .three-col-cards-block.blue + .key-features-block.blue {
  padding-top: 0 !important; }
body:not(.wp-admin) .three-col-cards-block.cream + .key-features-block.cream {
  padding-top: 0 !important; }
.three-col-cards-block .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px; }
  .three-col-cards-block .cards.two-col .card {
    flex: 0 0 50%; }
    @media (max-width: 767px) {
      .three-col-cards-block .cards.two-col .card {
        flex: 0 0 100%; } }
    .three-col-cards-block .cards.two-col .card .card-content {
      padding: 40px; }
      @media (max-width: 499px) {
        .three-col-cards-block .cards.two-col .card .card-content {
          padding: 20px; } }
  .three-col-cards-block .cards.three-col .card {
    flex: 0 0 33.333%; }
    @media (max-width: 1023px) {
      .three-col-cards-block .cards.three-col .card {
        flex: 0 0 50%; } }
    @media (max-width: 767px) {
      .three-col-cards-block .cards.three-col .card {
        flex: 0 0 100%; } }
    .three-col-cards-block .cards.three-col .card .card-content {
      padding: 30px; }
      @media (max-width: 499px) {
        .three-col-cards-block .cards.three-col .card .card-content {
          padding: 20px; } }
      .three-col-cards-block .cards.three-col .card .card-content span.button {
        margin-top: 15px; }
  .three-col-cards-block .cards.four-col .card {
    flex: 0 0 25%; }
    @media (max-width: 1023px) {
      .three-col-cards-block .cards.four-col .card {
        flex: 0 0 50%; } }
    @media (max-width: 599px) {
      .three-col-cards-block .cards.four-col .card {
        flex: 0 0 100%; } }
    .three-col-cards-block .cards.four-col .card .card-content {
      padding: 30px; }
      @media (max-width: 499px) {
        .three-col-cards-block .cards.four-col .card .card-content {
          padding: 20px; } }
      .three-col-cards-block .cards.four-col .card .card-content span.button {
        margin-top: 15px; }
  .three-col-cards-block .cards .card {
    flex: 1;
    max-width: none;
    padding: 15px; }
    .three-col-cards-block .cards .card .card-inner {
      border-radius: 16px;
      height: 100%;
      overflow: hidden;
      position: relative; }
    .three-col-cards-block .cards .card .card-content {
      padding: 30px; }
      @media (max-width: 499px) {
        .three-col-cards-block .cards .card .card-content {
          padding: 20px; } }
  .three-col-cards-block .cards.two-col .card .card-inner, .three-col-cards-block .cards.three-col .card .card-inner, .three-col-cards-block .cards.four-col .card .card-inner {
    background-color: #fff;
    border: solid 1px #dedede; }
  .three-col-cards-block .cards.two-col .card img, .three-col-cards-block .cards.three-col .card img, .three-col-cards-block .cards.four-col .card img {
    position: absolute;
    left: 25px;
    top: 25px; }
  .three-col-cards-block .cards.two-col .card .card-content, .three-col-cards-block .cards.three-col .card .card-content, .three-col-cards-block .cards.four-col .card .card-content {
    padding: 165px 25px 25px 25px; }
    @media (max-width: 499px) {
      .three-col-cards-block .cards.two-col .card .card-content, .three-col-cards-block .cards.three-col .card .card-content, .three-col-cards-block .cards.four-col .card .card-content {
        padding: 140px 20px 20px 20px; } }
    .three-col-cards-block .cards.two-col .card .card-content h3, .three-col-cards-block .cards.three-col .card .card-content h3, .three-col-cards-block .cards.four-col .card .card-content h3 {
      font-size: 22px; }
      @media screen and (min-width: 768px) {
        .three-col-cards-block .cards.two-col .card .card-content h3, .three-col-cards-block .cards.three-col .card .card-content h3, .three-col-cards-block .cards.four-col .card .card-content h3 {
          font-size: 24px; } }
      @media screen and (min-width: 1024px) {
        .three-col-cards-block .cards.two-col .card .card-content h3, .three-col-cards-block .cards.three-col .card .card-content h3, .three-col-cards-block .cards.four-col .card .card-content h3 {
          font-size: 28px; } }
  .three-col-cards-block .cards.two-col .card.disable-icons .card-content, .three-col-cards-block .cards.three-col .card.disable-icons .card-content, .three-col-cards-block .cards.four-col .card.disable-icons .card-content {
    padding-top: 25px; }
    @media (max-width: 499px) {
      .three-col-cards-block .cards.two-col .card.disable-icons .card-content, .three-col-cards-block .cards.three-col .card.disable-icons .card-content, .three-col-cards-block .cards.four-col .card.disable-icons .card-content {
        padding-top: 20px; } }
  @media (min-width: 1024px) {
    .three-col-cards-block .cards.three-col .card.halfwidth {
      flex: 0 0 50%; } }
.three-col-cards-block .button-block {
  margin-top: 60px; }
  @media (max-width: 767px) {
    .three-col-cards-block .button-block {
      margin-top: 20px; } }
body.wp-admin .three-col-cards-block {
  position: relative; }
  body.wp-admin .three-col-cards-block:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 22; }
  body.wp-admin .three-col-cards-block .cards .card img {
    max-height: 80px; }
  body.wp-admin .three-col-cards-block .cards.two-col .card .card-inner, body.wp-admin .three-col-cards-block .cards.three-col .card .card-inner, body.wp-admin .three-col-cards-block .cards.four-col .card .card-inner {
    background-color: #fff;
    border: solid 1px #dedede; }
  body.wp-admin .three-col-cards-block .three-col-cards:empty {
    background-color: #ECF8FE;
    padding: 60px 20px;
    text-align: left; }
    body.wp-admin .three-col-cards-block .three-col-cards:empty:before {
      content: "Enter 3 column card content..."; }

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