.upk-alex-grid {
  position: relative; }
  .upk-alex-grid .upk-alex-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr); }
    .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item {
      position: relative;
      overflow: hidden;
      display: flex;
      transition: all .3s ease; }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-author-wrapper {
        position: absolute;
        top: 15px;
        left: 15px;
        display: flex;
        align-items: center; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-author-wrapper .upk-author-img img {
          border-radius: 80px;
          margin-right: 10px; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-author-wrapper .upk-author-name a {
          color: #dcdcdc;
          font-size: 14px;
          text-transform: capitalize;
          font-weight: 600; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-author-wrapper .upk-alex-grid-date,
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-author-wrapper .upk-post-time {
          color: #dcdcdc;
          font-size: 12px;
          font-weight: 500; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-author-wrapper .upk-post-time {
          margin-left: 5px; }
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-author-wrapper .upk-post-time i {
            margin-right: 2px; }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-content-wrap {
        position: absolute;
        overflow: hidden;
        width: 100%;
        bottom: 0;
        height: auto;
        background: rgba(43, 45, 66, 0.3); }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-image-wrap {
        width: 100%; }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-image {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-content {
        padding: 20px; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-content .upk-alex-grid-title {
          font-size: 18px;
          font-weight: 600;
          display: inline;
          margin: 0; }
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-content .upk-alex-grid-title a {
            color: #fff; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-content .upk-alex-grid-category {
          font-size: 14px;
          margin-bottom: 5px; }
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-content .upk-alex-grid-category span {
            font-weight: 500; }
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-content .upk-alex-grid-category * {
            color: rgba(255, 255, 255, 0.5); }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-button-wrap {
        margin-bottom: -50px;
        transition: margin-bottom 0.5s cubic-bezier(0.25, 0.85, 0.35, 0.98); }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-readmore {
        display: block;
        position: relative;
        padding: 25px 20px;
        transition: all .3s ease; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-readmore .upk-readmore-icon {
          position: relative; }
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-readmore .upk-readmore-icon:before {
            content: '';
            position: absolute;
            left: 0;
            height: 2px;
            width: 15px;
            background: rgba(255, 255, 255, 0.5);
            transition: all .5s ease; }
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-readmore .upk-readmore-icon span:before,
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-readmore .upk-readmore-icon span:after {
            content: '';
            position: absolute;
            left: 40px;
            width: 10px;
            height: 2px;
            background: transparent;
            border-radius: 10px;
            transition: all .5s ease;
            opacity: 0; }
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-readmore .upk-readmore-icon span:after {
            transform: rotate(-45deg);
            bottom: -6px; }
          .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item .upk-alex-grid-readmore .upk-readmore-icon span:before {
            transform: rotate(45deg);
            top: -4px; }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item:hover .upk-button-wrap {
        margin-bottom: 0px !important; }
      .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item:hover .upk-alex-grid-readmore {
        background: #fff; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item:hover .upk-alex-grid-readmore .upk-readmore-icon:before {
          width: 50px;
          background: #2B2D42; }
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item:hover .upk-alex-grid-readmore .upk-readmore-icon span:before,
        .upk-alex-grid .upk-alex-grid-wrapper .upk-alex-grid-item:hover .upk-alex-grid-readmore .upk-readmore-icon span:after {
          width: 10px;
          transition-delay: .3s;
          background: #2B2D42;
          opacity: 1; }
  .upk-alex-grid .upk-content-position-left .upk-alex-grid-item .upk-alex-grid-content-wrap {
    left: 0; }
  .upk-alex-grid .upk-content-position-right .upk-alex-grid-item .upk-alex-grid-content-wrap {
    right: 0; }

.upk-global-link-yes .upk-alex-grid .upk-alex-grid-item:hover {
  cursor: pointer; }

@media (min-width: 768px) {
  .upk-alex-grid .upk-alex-grid-style-1 {
    grid-template-columns: repeat(6, 1fr); }
    .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+1), .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+2), .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+3), .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+4), .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+5) {
      grid-column: span 3 / auto; }
  .upk-alex-grid .upk-alex-grid-style-2 {
    grid-template-columns: repeat(6, 1fr); }
    .upk-alex-grid .upk-alex-grid-style-2 .upk-alex-grid-item {
      grid-column: span 3 / auto; }
      .upk-alex-grid .upk-alex-grid-style-2 .upk-alex-grid-item .upk-alex-grid-content-wrap {
        width: 70%; }
  .upk-alex-grid .upk-alex-grid-style-3 {
    grid-template-columns: repeat(6, 1fr); }
    .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item .upk-alex-grid-content-wrap {
      width: 80%; }
    .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2) {
      grid-column: span 3 / auto;
      grid-row: span 2; }
      .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2) .upk-author-wrapper {
        top: 30px;
        left: 30px; }
      .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2) .upk-alex-grid-content {
        padding: 30px; }
        .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2) .upk-alex-grid-content .upk-alex-grid-title {
          font-size: 24px; }
        .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2) .upk-alex-grid-content .upk-alex-grid-category span {
          font-size: 18px; }
      .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2) .upk-button-wrap {
        margin-bottom: -60px; }
      .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2) .upk-alex-grid-readmore {
        padding: 30px; }
      .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2):hover .upk-button-wrap {
        margin-bottom: 0px !important; }
    .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+1), .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+3), .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+4), .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+5) {
      grid-column: span 3 / auto; } }

@media (min-width: 1024px) {
  .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+1), .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+2) {
    grid-column: span 3 / auto; }
  .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+3), .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+4), .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(5n+5) {
    grid-column: span 2 / auto; }
  .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(n+1) .upk-alex-grid-content-wrap {
    width: 70%; }
  .upk-alex-grid .upk-alex-grid-style-2 .upk-alex-grid-item {
    grid-column: span 2 / auto; }
  .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item .upk-alex-grid-content-wrap {
    width: 70%; }
  .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+2) {
    grid-column: span 2 / auto;
    grid-row: span 2; }
  .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+1), .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+3), .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+4), .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item:nth-child(5n+5) {
    grid-column: span 2 / auto; }
  .upk-alex-grid .upk-alex-grid-style-3 .upk-alex-grid-item .upk-alex-grid-content-wrap {
    width: 70%; } }

@media (min-width: 1440px) {
  .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(1) .upk-alex-grid-content-wrap, .upk-alex-grid .upk-alex-grid-style-1 .upk-alex-grid-item:nth-child(2) .upk-alex-grid-content-wrap {
    width: 50%; } }