/* Variables */
.card-grid-block {
  position: relative; }
  body:not(.wp-admin) .card-grid-block {
    margin-bottom: 120px;
    margin-top: 120px; }
    @media (max-width: 1023px) {
      body:not(.wp-admin) .card-grid-block {
        margin-bottom: 100px;
        margin-top: 100px; } }
    @media (max-width: 767px) {
      body:not(.wp-admin) .card-grid-block {
        margin-bottom: 60px;
        margin-top: 60px; } }
  .card-grid-block .cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    display: block; }
    .card-grid-block .cards.two-col .card {
      flex: 0 0 50%; }
      @media (max-width: 767px) {
        .card-grid-block .cards.two-col .card {
          flex: 0 0 100%; } }
      .card-grid-block .cards.two-col .card .card-content {
        padding: 40px; }
        @media (max-width: 499px) {
          .card-grid-block .cards.two-col .card .card-content {
            padding: 20px; } }
    .card-grid-block .cards.three-col .card {
      flex: 0 0 33.333%; }
      @media (max-width: 1023px) {
        .card-grid-block .cards.three-col .card {
          flex: 0 0 50%; } }
      @media (max-width: 767px) {
        .card-grid-block .cards.three-col .card {
          flex: 0 0 100%; } }
      .card-grid-block .cards.three-col .card .card-content {
        padding: 30px; }
        @media (max-width: 499px) {
          .card-grid-block .cards.three-col .card .card-content {
            padding: 20px; } }
        .card-grid-block .cards.three-col .card .card-content span.button {
          margin-top: 15px; }
    .card-grid-block .cards.four-col .card {
      flex: 0 0 25%; }
      @media (max-width: 1023px) {
        .card-grid-block .cards.four-col .card {
          flex: 0 0 50%; } }
      @media (max-width: 599px) {
        .card-grid-block .cards.four-col .card {
          flex: 0 0 100%; } }
      .card-grid-block .cards.four-col .card .card-content {
        padding: 30px; }
        @media (max-width: 499px) {
          .card-grid-block .cards.four-col .card .card-content {
            padding: 20px; } }
        .card-grid-block .cards.four-col .card .card-content span.button {
          margin-top: 15px; }
    .card-grid-block .cards .card {
      flex: 1;
      max-width: none;
      padding: 15px; }
      .card-grid-block .cards .card .card-inner {
        border-radius: 16px;
        height: 100%;
        overflow: hidden;
        position: relative; }
      .card-grid-block .cards .card .card-content {
        padding: 30px; }
        @media (max-width: 499px) {
          .card-grid-block .cards .card .card-content {
            padding: 20px; } }
    @media (min-width: 499px) {
      .card-grid-block .cards {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        grid-template-rows: auto; } }
    .card-grid-block .cards .card {
      position: relative; }
      @media (max-width: 899px) {
        .card-grid-block .cards .card.size-1x1 {
          grid-column-end: span 2; } }
      .card-grid-block .cards .card.size-2x1 {
        grid-column-end: span 2; }
        .card-grid-block .cards .card.size-2x1.blue .card-inner {
          background-color: #194866; }
          .card-grid-block .cards .card.size-2x1.blue .card-inner .card-content h3 {
            color: #fff; }
        .card-grid-block .cards .card.size-2x1.orange .card-inner {
          background-color: #FEDFC1; }
        .card-grid-block .cards .card.size-2x1.cream .card-inner {
          background-color: #fff8f1; }
      .card-grid-block .cards .card.size-2x2 {
        grid-column-end: span 2;
        grid-row-end: span 2; }
      .card-grid-block .cards .card.icon img.icon {
        height: 22px;
        position: absolute;
        top: 25px;
        left: 25px; }
      .card-grid-block .cards .card.background .card-inner {
        min-height: 400px; }
        .card-grid-block .cards .card.background .card-inner:before {
          background: transparent;
          background: -moz-linear-gradient(0deg, transparent 38%, #000 100%);
          background: -webkit-linear-gradient(0deg, transparent 38%, #000 100%);
          background: -o-linear-gradient(0deg, transparent 38%, #000 100%);
          background: -ms-linear-gradient(0deg, transparent 38%, #000 100%);
          background: linear-gradient(180deg, transparent 38%, #000 100%);
          content: "";
          height: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 1; }
        .card-grid-block .cards .card.background .card-inner img.background-image {
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 0; }
        .card-grid-block .cards .card.background .card-inner .card-content {
          position: relative;
          z-index: 2; }
          .card-grid-block .cards .card.background .card-inner .card-content h3 {
            color: #fff; }
      .card-grid-block .cards .card .card-inner {
        background-color: #f5f5f5;
        display: flex;
        align-items: flex-end;
        min-height: 200px; }
        .card-grid-block .cards .card .card-inner .card-content {
          padding: 80px 20px 20px; }
          @media (max-width: 1023px) {
            .card-grid-block .cards .card .card-inner .card-content {
              font-size: 14px; } }
          .card-grid-block .cards .card .card-inner .card-content h3 {
            font-size: 16px;
            color: #282828;
            line-height: 1.6;
            color: #545454;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 10px; }
  .card-grid-block .button-block {
    margin-top: 40px; }
    @media (max-width: 767px) {
      .card-grid-block .button-block {
        margin-top: 15px; } }
  body.wp-admin .card-grid-block {
    position: relative; }
    body.wp-admin .card-grid-block:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 22; }
    body.wp-admin .card-grid-block .card-grid:empty {
      background-color: #ECF8FE;
      padding: 60px 20px;
      text-align: left; }
      body.wp-admin .card-grid-block .card-grid:empty:before {
        content: "Enter card grid content..."; }

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