.m-spotlights {
  position: relative;
  padding: 50px 0;
  background: #f8f8f8;
  overflow: hidden; }
  .m-spotlights .bg-image {
    position: absolute;
    pointer-events: none;
    max-width: none;
    right: 0;
    top: 0;
    width: 180%;
    opacity: .4;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }
    @media (min-width: 480px) {
      .m-spotlights .bg-image {
        width: 120%;
        -webkit-transform: translateX(34%);
                transform: translateX(34%); } }
    @media (min-width: 768px) {
      .m-spotlights .bg-image {
        width: 80%;
        right: 50%;
        max-width: 592px;
        -webkit-transform: translateX(50%);
                transform: translateX(50%); } }
  @media (min-width: 768px) {
    .m-spotlights {
      padding: 80px 0 0; } }
  .m-spotlights .slick-list {
    position: relative; }
    @media (min-width: 768px) {
      .m-spotlights .slick-list {
        margin-top: -50px;
        padding: 50px 0; } }
    @media (min-width: 1024px) {
      .m-spotlights .slick-list {
        padding: 50px; } }
  .m-spotlights .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-spotlights .slick-track .slick-slide {
      height: auto;
      float: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .m-spotlights .slick-track .slick-slide > div {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .m-spotlights .slick-track .slick-slide > div .spotlight {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important; }
  .m-spotlights .slick-arrow {
    width: 37px;
    height: 77px;
    background: rgba(76, 76, 76, 0.8);
    z-index: 10; }
    .m-spotlights .slick-arrow::after {
      position: absolute;
      content: '';
      display: inline-block;
      width: 12px;
      height: 12px;
      top: 45%;
      border: 2px solid #fff;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transition: .2s;
      transition: .2s; }
    .m-spotlights .slick-arrow.slick-disabled {
      opacity: 0; }
    .m-spotlights .slick-arrow::before {
      display: none; }
    .m-spotlights .slick-arrow.slick-prev {
      left: 0; }
      .m-spotlights .slick-arrow.slick-prev::after {
        left: 14px;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
    .m-spotlights .slick-arrow.slick-next {
      right: 0; }
      .m-spotlights .slick-arrow.slick-next::after {
        left: 10px; }
  @media (min-width: 1024px) {
    .m-spotlights .spotlights.count-2 .slick-track .slick-slide {
      width: 400px; } }
  @media (min-width: 1366px) {
    .m-spotlights .spotlights.count-2 .slick-track .slick-slide {
      width: 357px; } }
  @media (max-width: 767.98px) {
    .m-spotlights .slick-slider {
      margin: 0 -16px; } }
  .m-spotlights .wrapper, .m-spotlights .single-post .module-common.image, .single-post .m-spotlights .module-common.image,
  .m-spotlights .single-news_article .module-common.image, .single-news_article .m-spotlights .module-common.image, .m-spotlights .single-post .reduced-wrapper.with-header-img .module-common.image, .single-post .reduced-wrapper.with-header-img .m-spotlights .module-common.image,
  .m-spotlights .single-news_article .reduced-wrapper.with-header-img .module-common.image, .single-news_article .reduced-wrapper.with-header-img .m-spotlights .module-common.image, .m-spotlights .module-common.separator .wp-block-separator.contained, .module-common.separator .m-spotlights .wp-block-separator.contained {
    position: relative; }
    @media (min-width: 1024px) {
      .m-spotlights .wrapper, .m-spotlights .single-post .module-common.image, .single-post .m-spotlights .module-common.image,
      .m-spotlights .single-news_article .module-common.image, .single-news_article .m-spotlights .module-common.image, .m-spotlights .single-post .reduced-wrapper.with-header-img .module-common.image, .single-post .reduced-wrapper.with-header-img .m-spotlights .module-common.image,
      .m-spotlights .single-news_article .reduced-wrapper.with-header-img .module-common.image, .single-news_article .reduced-wrapper.with-header-img .m-spotlights .module-common.image, .m-spotlights .module-common.separator .wp-block-separator.contained, .module-common.separator .m-spotlights .wp-block-separator.contained {
        padding-right: 0; } }
  .m-spotlights .inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }
    .m-spotlights .inner-wrapper > div {
      width: 100%; }
    @media (min-width: 768px) {
      .m-spotlights .inner-wrapper .title-wrapper {
        margin-top: 110px;
        padding-right: 17px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 41.6666666667%;
                flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%; }
      .m-spotlights .inner-wrapper .content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 58.3333333333%;
                flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
        width: 6000px; } }
    @media (min-width: 1024px) {
      .m-spotlights .inner-wrapper .title-wrapper {
        padding-right: 0; } }
    @media (min-width: 1366px) {
      .m-spotlights .inner-wrapper {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        .m-spotlights .inner-wrapper .title-wrapper {
          margin-top: 65px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33.3333333333%;
                  flex: 0 0 33.3333333333%;
          max-width: 33.3333333333%; }
        .m-spotlights .inner-wrapper .content {
          max-width: calc(50vw + 180px); } }
  .m-spotlights .spotlight {
    position: relative;
    outline: 0;
    -webkit-transition: .2s;
    transition: .2s; }
    .m-spotlights .spotlight:hover {
      z-index: 5;
      -webkit-transform: scale(1.03);
              transform: scale(1.03);
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
              box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
    .m-spotlights .spotlight .left-diagonal {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 18px;
      height: 100%;
      background: url(bundles/images/patterns/black_lines.svg) 0 0/30px repeat;
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1);
      opacity: .4; }
    .m-spotlights .spotlight.quote {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 88px 22px 95px 40px;
      background: #0061a0;
      color: #fff;
      border-left: 5px solid #c9db48; }
      .m-spotlights .spotlight.quote .quote {
        font-family: "Covered By Your Grace", -apple-system, BlinkMacSystemFont, sans-serif;
        font-size: 28px;
        line-height: 30px; }
      .m-spotlights .spotlight.quote.shorter-quote .quote {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        max-height: 150px; }
      .m-spotlights .spotlight.quote .person-info {
        font-family: "Arvo", -apple-system, BlinkMacSystemFont, sans-serif;
        font-size: 12px;
        line-height: 17px;
        letter-spacing: .2px;
        color: #c9db48;
        margin-top: 10px; }
      .m-spotlights .spotlight.quote .user-tag {
        background: #003050; }
  .m-spotlights .img {
    outline: 0;
    display: block;
    height: 210px;
    background: 50% 20% / cover no-repeat; }
  .m-spotlights .in {
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
  .m-spotlights .info {
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #fff;
    padding: 20px 26px 15px 27px; }
    .m-spotlights .info .meta-box {
      margin: 0 0 6px; }
    .m-spotlights .info .meta {
      line-height: 1; }
  .m-spotlights .meta-box .meta span,
  .m-spotlights .meta-box .meta a {
    position: relative;
    display: inline-block;
    color: #0061a0;
    margin: 0 10px 0 0;
    padding-right: 10px;
    font-size: 10px;
    line-height: 14px;
    font-family: "Open Sans Condensed", -apple-system, BlinkMacSystemFont, sans-serif;
    text-transform: uppercase;
    font-weight: 700; }
    .m-spotlights .meta-box .meta span:not(:last-child)::before,
    .m-spotlights .meta-box .meta a:not(:last-child)::before {
      position: absolute;
      content: '';
      right: 0;
      bottom: -1px;
      height: 15px;
      width: 1px;
      background: #0061a0; }
  .m-spotlights .name-box h3 {
    font-size: 18px;
    font-family: "Arvo", -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 20px;
    color: #478529;
    font-weight: 400; }
  .m-spotlights .bio-box {
    font-size: 12px;
    line-height: 15.6px; }
  .m-spotlights .user-tag {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    background: #478529;
    font-family: "Open Sans Condensed", -apple-system, BlinkMacSystemFont, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    padding: 6px 10px; }
  .m-spotlights .label {
    display: block;
    text-align: right;
    margin-top: auto; }
    .m-spotlights .label::before {
      top: 0; }
    .m-spotlights .label .link-span {
      font-size: 12px;
      color: #0061a0; }
  .m-spotlights .title-wrapper {
    text-align: center; }
    @media (min-width: 768px) {
      .m-spotlights .title-wrapper {
        text-align: left; } }
    .m-spotlights .title-wrapper .m-title h1 {
      font-size: 40px;
      line-height: 44px;
      font-family: "Arvo", -apple-system, BlinkMacSystemFont, sans-serif;
      color: #478529;
      font-weight: 400;
      margin: 0; }
      @media (min-width: 768px) {
        .m-spotlights .title-wrapper .m-title h1 {
          font-size: 50px;
          line-height: 55px; } }
      @media (min-width: 1024px) {
        .m-spotlights .title-wrapper .m-title h1 {
          font-size: 60px;
          line-height: 60px; } }
    .m-spotlights .title-wrapper .m-subtitle {
      margin-top: 7px; }
      @media (min-width: 1024px) {
        .m-spotlights .title-wrapper .m-subtitle {
          margin-top: 12px; } }
      .m-spotlights .title-wrapper .m-subtitle p {
        margin: 0;
        font-size: 14px;
        line-height: 23.8px; }
        @media (min-width: 1024px) {
          .m-spotlights .title-wrapper .m-subtitle p {
            font-size: 16px;
            line-height: 24px; } }
  .m-spotlights .content {
    margin-top: 50px; }
    @media (min-width: 768px) {
      .m-spotlights .content {
        margin: 0; } }