/* Variables */
.case-study-three-cards-block {
  position: relative; }
  body:not(.wp-admin) .case-study-three-cards-block:not(.colour-blue) {
    margin-bottom: 120px;
    margin-top: 120px; }
    @media (max-width: 1023px) {
      body:not(.wp-admin) .case-study-three-cards-block:not(.colour-blue) {
        margin-bottom: 100px;
        margin-top: 100px; } }
    @media (max-width: 767px) {
      body:not(.wp-admin) .case-study-three-cards-block:not(.colour-blue) {
        margin-bottom: 60px;
        margin-top: 60px; } }
  body:not(.wp-admin) .case-study-three-cards-block.colour-blue {
    background-color: #194866;
    padding-bottom: 120px;
    padding-top: 120px; }
    @media (max-width: 1023px) {
      body:not(.wp-admin) .case-study-three-cards-block.colour-blue {
        padding-bottom: 100px;
        padding-top: 100px; } }
    @media (max-width: 767px) {
      body:not(.wp-admin) .case-study-three-cards-block.colour-blue {
        padding-bottom: 60px;
        padding-top: 60px; } }
  @media (min-width: 900px) {
    body:not(.wp-admin) .case-study-three-cards-block .case-study-three-cards {
      background: url("/wp-content/themes/thetheme/images/case-studies-circle.svg") no-repeat right 30px top; } }
  .case-study-three-cards-block .cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px; }
    .case-study-three-cards-block .cards.two-col .card {
      flex: 0 0 50%; }
      @media (max-width: 767px) {
        .case-study-three-cards-block .cards.two-col .card {
          flex: 0 0 100%; } }
      .case-study-three-cards-block .cards.two-col .card .card-content {
        padding: 40px; }
        @media (max-width: 499px) {
          .case-study-three-cards-block .cards.two-col .card .card-content {
            padding: 20px; } }
    .case-study-three-cards-block .cards.three-col .card {
      flex: 0 0 33.333%; }
      @media (max-width: 1023px) {
        .case-study-three-cards-block .cards.three-col .card {
          flex: 0 0 50%; } }
      @media (max-width: 767px) {
        .case-study-three-cards-block .cards.three-col .card {
          flex: 0 0 100%; } }
      .case-study-three-cards-block .cards.three-col .card .card-content {
        padding: 30px; }
        @media (max-width: 499px) {
          .case-study-three-cards-block .cards.three-col .card .card-content {
            padding: 20px; } }
        .case-study-three-cards-block .cards.three-col .card .card-content span.button {
          margin-top: 15px; }
    .case-study-three-cards-block .cards.four-col .card {
      flex: 0 0 25%; }
      @media (max-width: 1023px) {
        .case-study-three-cards-block .cards.four-col .card {
          flex: 0 0 50%; } }
      @media (max-width: 599px) {
        .case-study-three-cards-block .cards.four-col .card {
          flex: 0 0 100%; } }
      .case-study-three-cards-block .cards.four-col .card .card-content {
        padding: 30px; }
        @media (max-width: 499px) {
          .case-study-three-cards-block .cards.four-col .card .card-content {
            padding: 20px; } }
        .case-study-three-cards-block .cards.four-col .card .card-content span.button {
          margin-top: 15px; }
    .case-study-three-cards-block .cards .card {
      flex: 1;
      max-width: none;
      padding: 15px; }
      .case-study-three-cards-block .cards .card .card-inner {
        border-radius: 16px;
        height: 100%;
        overflow: hidden;
        position: relative; }
      .case-study-three-cards-block .cards .card .card-content {
        padding: 30px; }
        @media (max-width: 499px) {
          .case-study-three-cards-block .cards .card .card-content {
            padding: 20px; } }
    .case-study-three-cards-block .cards .card .card-inner {
      min-height: 468px;
      max-height: 558px; }
      .case-study-three-cards-block .cards .card .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%; }
    .case-study-three-cards-block .cards .card img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
    .case-study-three-cards-block .cards .card .card-content {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; }
      .case-study-three-cards-block .cards .card .card-content h2,
      .case-study-three-cards-block .cards .card .card-content h3 {
        font-size: 28px;
        transition: color 0.2s; }
        @media screen and (min-width: 768px) {
          .case-study-three-cards-block .cards .card .card-content h2,
          .case-study-three-cards-block .cards .card .card-content h3 {
            font-size: 32px; } }
        @media screen and (min-width: 1024px) {
          .case-study-three-cards-block .cards .card .card-content h2,
          .case-study-three-cards-block .cards .card .card-content h3 {
            font-size: 36px; } }
    .case-study-three-cards-block .cards .card .pills {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 20px; }
      .case-study-three-cards-block .cards .card .pills div.pill-item {
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 30px;
        color: #282828 !important;
        font-size: 12px;
        font-weight: 600;
        line-height: 23px;
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 4px 15px 3px;
        white-space: nowrap; }
      .case-study-three-cards-block .cards .card .pills a.pill-item {
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 30px;
        color: #282828 !important;
        font-size: 12px;
        font-weight: 600;
        line-height: 23px;
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 4px 15px 3px;
        white-space: nowrap;
        background-color: #69E0FF;
        opacity: 1;
        transition: background-color 0.2s;
        background-color: #F98012; }
        .case-study-three-cards-block .cards .card .pills a.pill-item:after {
          display: none; }
        .case-study-three-cards-block .cards .card .pills a.pill-item:hover, .case-study-three-cards-block .cards .card .pills a.pill-item:focus {
          background-color: #F98012;
          text-decoration: none; }
        .case-study-three-cards-block .cards .card .pills a.pill-item:hover, .case-study-three-cards-block .cards .card .pills a.pill-item:focus {
          background-color: #69E0FF; }
    .case-study-three-cards-block .cards .card .button.arrow-external > span:after {
      margin: 0; }
    .case-study-three-cards-block .cards .card a.card-copy {
      display: block;
      font-weight: normal; }
      .case-study-three-cards-block .cards .card a.card-copy:not(:hover):not(:focus) {
        color: #fff !important; }
      .case-study-three-cards-block .cards .card a.card-copy:after {
        display: none; }
      .case-study-three-cards-block .cards .card a.card-copy:hover, .case-study-three-cards-block .cards .card a.card-copy:focus {
        color: #F98012;
        text-decoration: none; }
        .case-study-three-cards-block .cards .card a.card-copy:hover h2,
        .case-study-three-cards-block .cards .card a.card-copy:hover h3, .case-study-three-cards-block .cards .card a.card-copy:focus h2,
        .case-study-three-cards-block .cards .card a.card-copy:focus h3 {
          color: #F98012; }
        .case-study-three-cards-block .cards .card a.card-copy:hover .button > span:after, .case-study-three-cards-block .cards .card a.card-copy:focus .button > span:after {
          background-color: #F98012;
          color: #143A52; }
    .case-study-three-cards-block .cards.two-col .card a.card-copy {
      padding-right: 50px; }
    .case-study-three-cards-block .cards.two-col .card .button.arrow-external {
      position: absolute;
      right: 0;
      bottom: 0; }
    .case-study-three-cards-block .cards .card .card-content h2,
    .case-study-three-cards-block .cards .card .card-content h3 {
      font-family: 'Open Sans', sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.5; }
  .case-study-three-cards-block .button-block {
    margin-top: 60px; }
    @media (max-width: 767px) {
      .case-study-three-cards-block .button-block {
        margin-top: 20px; } }
  .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text h1, .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text h2, .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text h3, .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text h4, .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text h5, .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text h6 {
    color: #2c313f; }
  .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text p, .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text a:not(:hover):not(:focus) {
    color: #7a7c84; }
  .edit-post-visual-editor .block-editor-block-list__block .case-study-three-cards-block body.wp-admin.white-text .button.arrow.outline:not(.small) {
    border-color: #194866;
    color: #194866; }
  .case-study-three-cards-block body.wp-admin {
    position: relative; }
    .case-study-three-cards-block body.wp-admin:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 22; }
    .case-study-three-cards-block body.wp-admin .case-study-three-cards:empty {
      background-color: #ECF8FE;
      padding: 60px 20px;
      text-align: left; }
      .case-study-three-cards-block body.wp-admin .case-study-three-cards:empty:before {
        color: #7a7c84;
        content: "Enter case study content..."; }

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