/*
In the press page V2 - SG
*/
@media (max-width: 576px) {
   .container:not(.container-with-swiper) {
      width: 100% !important;
   }
}

/* Listing header */
.listing-header {
   background-color: #212f41;
   padding-top: 80px;
}
.listing-top-links {
   display: flex;
   justify-content: center;
   align-items: center;
}
.listing-top-links a {
   display: inline-block;
   padding: 16px 6px;
   border-bottom: 3px solid transparent;
   min-width: 92px;
   text-align: center;
   color: #FFF;
   font-size: 14px;
   font-weight: 400;
   line-height: 24px; /* 171.429% */
   letter-spacing: 0.28px;
}
.listing-top-links a:hover {
   color: #1B7BF3;
}
.listing-top-links a.active {
   color: #1B7BF3;
   font-weight: 600;
   border-bottom-color: #1B7BF3;
}


/* Press releases filters */
.press-releases-filters {
   padding-top: 60px;
}
.row-filters {
   padding-bottom: 24px;
   display: flex;
   gap: 16px;
   align-items: center;
   position: relative;
   border-bottom: 1px solid rgba(209, 209, 209, 0.35);
   padding-right: 55px;
}
.filter-by-container {
   display: flex;
   gap: 16px;
   align-items: center;
   width: 100%;
}
.row-filters .label-filter {
   color: #627A99;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px; /* 150% */
   letter-spacing: 0.32px;
   text-transform: uppercase;
   flex-shrink: 0;
}
.row-filters .label-type {
   color: #677A98;
   font-size: 14px;
   flex-shrink: 0;
   font-weight: 400;
}

.row-filters .filter {
   width: 25%;
   font-weight: 400;
}
.toggle-filters-mobile[data-active]::after,
.filter-toggle[data-active]::after {
   content: attr(data-active);
   display: inline-block;
   background-color: #097ee3;
   color: #FFF;
   text-align: center;
   font-size: 12px;
   font-weight: 600;
   line-height: 1;
   padding: 6px 8px;
   border-radius: 40px;
   position: absolute;
   right: 13px;
   min-width: 24px;
   height: 24px;
   z-index: 1;
}
.toggle-filters-mobile[data-active]::after {
   right: -5px;
   top: 3px;
   min-width: 18px;
   height: 18px;
   padding: 2px 2px;
   border: 2px solid white;
}
.row-filters .filter > span {
   padding: 9px 16px;
   border-radius: 2px;
   border: 1px solid #D1D1D1;
   background: #FFF;
   color: #212F41;
   font-size: 14px;
   line-height: 20px; /* 142.857% */
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
   position: relative;
}


.row-filters .filter.open > span, 
.row-filters .filter > span:hover {
   border-color: #097EE3;
}

.row-filters .filter > span svg {
   flex-shrink: 0;
   transition: transform .3s ease-out;
}
.row-filters .filter.open > span svg {
   transform: rotate(180deg);
}


.row-filters .filter-options {
   background: #FFF;
   border: 2px solid rgba(209, 209, 209, 0.35);
   filter: drop-shadow(0px 0px 24px rgba(98, 122, 153, 0.12));
   padding: 22px;
   border-radius: 12px;
   position: absolute;
   left: 0;
   right: 0;
   top: calc(100% - 10px);
   z-index: 10;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 12px 16px;
   flex-wrap: wrap;
   opacity: 0;
   transform: translatey(20px);
   pointer-events: none;
   transition: transform .2s ease, opacity .2s ease;
}
.row-filters .filter.open .filter-options {
   opacity: 1;
   transform: translatey(0);
   pointer-events: auto;
}

.row-filters .filter-option { 
   display: flex;
   padding: 5px 11px;
   align-items: center;
   justify-content: ;
   gap: 10px;
   border-radius: 20px;
   border: 1px solid rgba(209, 209, 209, 0.35);
   background: #EAEDF4;
   color: #212F41;
   font-size: 14px;
   line-height: 20px; /* 142.857% */
   cursor: pointer;
}
.row-filters .filter-option:hover {
   border-color: #097EE3;
} 
.row-filters .filter-option.selected { 
   border-color: #097EE3;
   background-color: #097EE3;
   color: #fff;
}
.row-filters .filter-option.selected svg {
   transform: rotate(45deg);
}
.row-filters .filter-option.selected svg path {
   stroke: #fff;
} 



.filter-by-type {
   position: relative;
}
.filter-by-type .filter-toggle > span {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}
.filter-options-check {
   display: flex;
   width: 225px;
   flex-direction: column;
   align-items: flex-start;
   right: auto;
   border-radius: 2px;
   border: 1px solid #D1D1D1;
   background: #FFF;
   box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
   position: absolute;
   left: 0;
   top: calc(100% + 15px);
   z-index: 10;
   opacity: 0;
   transform: translatey(20px);
   pointer-events: none;
   transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.filter.open .filter-options-check {
   opacity: 1;
   transform: translatey(0);
   pointer-events: auto;
}
.filter-option-check { 
   display: flex;
   padding: 10px 14px;
   align-items: center;
   gap: 20px;
   overflow: hidden;
   color: #212F41;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px; /* 142.857% */
   cursor: pointer;
   padding-left: 40px;
   background-image: url(https://www.centricsoftware.com/wp-content/themes/centricSoftware/img/checkmark-filled.svg);
   background-size: 20px;
   background-repeat: no-repeat;
   background-position: left 10px center;
}
.filter-option-check.unchecked {
   background-image: url(https://www.centricsoftware.com/wp-content/themes/centricSoftware/img/checkmark-empty.svg);
}
.filter-option-check:first-child { 
   font-weight: 600;
} 



.filter-search-container {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 10;
}
.filter-search {
   display: flex;
   padding: 0;
   align-items: center;
   justify-content: center;
   border-radius: 24px;
   background: #FFF;
   box-shadow: 0px 0px 24px 0px rgba(98, 122, 153, 0.12);
   overflow: hidden;
}
.filter-search svg {
   padding: 12px;
   cursor: pointer;
   width: 43px;
   height: 43px;
   cursor: pointer;
}
.filter-search input {
   width: 0;
   background-color: transparent;
   padding: 12px 0;
   margin: 0;
   border: 0;
   height: auto;
   transition: width .2s ease;
   color: #212F41;
   font-size: 14px; 
}
.filter-search input:focus {
   width: 290px;
}
.filter-search input::placeholder {
   color: #9097a0;
   font-weight: 300;
}


.pr-grid-header {
   margin-top: 32px;
   margin-bottom: 32px;
   padding: 0 15px;
   display: flex;
   gap: 20px;
   align-items: center;
   flex-wrap: wrap;
}
.search-string {
   color: #000;
   font-size: 24px;
   line-height: 24px; /* 100% */
   width: 100%;
}
.search-string>span {
   font-weight: 700;
}
.results-count {
   color: #000;
   font-size: 16px;
   line-height: 24px; /* 150% */
   letter-spacing: 0.32px;
   font-weight: 600;
   margin: 0;
}
.clear-all-filters {
   color: #000;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0.32px;
   margin: 0;
   display: flex;
   align-items: center;
   gap: 10px;
   /* opacity: 0.6; */
   cursor: pointer;
   font-weight: 400;
   text-decoration: underline;
}
.clear-all-filters:hover {
   opacity: 1;
}
.clear-all-filters svg {
   transform: rotate(45deg) translatey(2px);
}



/* Press releases section / grid */
.press-releases-section {
   padding-top: 32px;
   padding-bottom: 100px;
}

.press-releases-section .col-pr {
   padding-left: 0;
   padding-right: 0;
}

.pr-grid {
   position: relative;
   overflow: hidden;
}

.pr-grid-item {
   width: 33.33%;
   float: left;
   padding: 0 15px;
   margin-bottom: 30px;
}

.pr-grid:not(.filtered) .pr-grid-item:not(.featured).recent {
   width: 50%;
}
.pr-grid:not(.filtered) .featured {
   display: none;
}


.pr-link {
   display: flex;
   flex-direction: column;
   gap: 12px;
   padding: 12px;
   background-color: #fff;
   box-shadow: 0px 0px 24px 0px rgba(98, 122, 153, 0.12);
   height: 420px;
   overflow: hidden;
}


.pr-grid:not(.filtered) .pr-grid-item.recent .pr-link {
   height: 470px;
}
.pr-image {
   width: 100%;
   display: block;
   overflow: hidden;
   aspect-ratio: 2 / 1;
   background-color: #F4F3F1;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   position: relative;
}
.pr-image img {
   max-width: 100%;
   max-height: 100%;
   transition: transform .2s ease;
   object-fit: contain;
}
.pr-link:hover img {
   transform: scale(1.1);
}
.pr-tag {
   position: absolute;
   padding: 2px 10px;
   border-radius: 4px;
   background: rgba(100, 100, 100, 0.25);
   backdrop-filter: blur(4px);
   bottom: 8px;
   left: 8px;
   color: #FFF;
   font-size: 12px;
   line-height: 21px; /* 175% */
   font-weight: 400;
}
.pr-image::after {
   content: '';
   display: block;
   background: rgba(100, 100, 100, 0.25);
   position: absolute;
   top: 8px;
   right: 8px;
   backdrop-filter: blur(4px);
   border-radius: 4px;
   width: 28px;
   height: 28px;
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M3.88995 2.00049H17V15.1106M16.089 2.91225L2.79688 16.2044" stroke="white" stroke-width="3.09007" stroke-miterlimit="10" stroke-linecap="square"/></svg>');
   background-size: 14px;
   background-repeat: no-repeat;
   background-position: center;
   transition: transform .2s ease;;
}

.pr-title {
   font-size: 22px;
   color: #000;
   line-height: 27px;
   font-weight: 600;
   margin: 0;
   flex-shrink: 0;
}
.pr-excerpt {
   font-size: 14px;
   color: #737373;
   line-height: 20px;
   margin: 0;
   flex-shrink: 1;
   flex-grow: 1;
}
.pr-date {
   font-size: 12px;
   color: #1f7ef6;
   text-transform: uppercase;
   font-weight: 600;
   display: block;
   margin: 0;
   flex-shrink: 0;
}


.pr-featured .pr-link {
   flex-direction: row;
   align-items: center;
   height: auto;
   gap: 24px;
   margin-bottom: 32px;
}
.pr-featured .pr-image, 
.pr-featured .pr-content {
   width: 50%;
}
.pr-featured .pr-content {
   display: flex;
   flex-direction: column;
   gap: 12px;
   align-items: flex-start;
}
.pr-featured .btn {
   border-radius: 30px;
   background: #097EE3;
   padding: 6px 19px 6px 20px;
   color: #FFF;
   font-size: 16px;
   line-height: 24px; /* 150% */
   letter-spacing: 0.32px;
}


#load-more {
   display: block;
   margin-top: 80px;
   margin-left: auto;
   margin-right: auto;
   padding: 6px 20px;
   border-radius: 30px;
   color: #ffffff;
   background: #212F41;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   font-weight: 400;
   cursor: pointer;
   transition: background .2s;
}
#load-more:hover {
   background-color: #000;
}

.no-results {
   padding: 0 15px;
}


.toggle-filters-mobile {
   display: none;
}

.apply-filters-mobile,
.close-filters-mobile {
   display: none;
}

@media (max-width: 1100px) {
   .filter-by-type .filter-toggle > span {
      max-width: 95px;
   }
   .pr-grid-item {
      width: 50%;
   }
   .pr-featured .btn {
      display: none;
   }
}
@media (max-width: 991px) {
   .filter-by-type .filter-toggle > span {
      max-width: 58px;
   }
   .pr-featured .pr-link {
      flex-direction: column;
      align-items: flex-start;
      height: auto;
      gap: 18px;
      margin-bottom: 18px;
   }
   .pr-featured .pr-image, 
   .pr-featured .pr-content {
      width: 100%;
   }
}
@media (max-width: 768px) {
   .pr-grid-header {
      margin-top: 0;
   }
   .row-filters  {
      padding-right: 0;
   }
   .row-filters .label-filter {
      color: #000;
      font-size: 24px;
      font-weight: 600;
      line-height: 140%; /* 33.6px */
      margin-bottom: 30px;
   }
   .close-filters-mobile {
      display: block;
      position: absolute;
      top: 32px;
      right: 24px;
      z-index: 2;
   }

   .filter-by-type .filter-toggle > span {
      max-width: 100%;
   }
   body.filters-open {
      height: 100vh;
      overflow: hidden;
   }

   .listing-top-links a {
      min-width: 70px;
   }
   
   .pr-title {
      font-size: 20px;
      line-height: 26px; /* 130% */
   }
   .pr-excerpt, .pr-date, .pr-tag {
      font-size: 13px;
      line-height: 19px; /* 146.153% */
   }
   .pr-link,
   .pr-grid:not(.filtered) .pr-grid-item:nth-child(1) .pr-link,
   .pr-grid:not(.filtered) .pr-grid-item:nth-child(2) .pr-link {
      height: 400px;
   }


   .search-string {
      font-size: 18px;
   }

   /* Mobile Filters */
   .press-releases-filters {
      padding-top: 40px;
   }
   .row-filters {
      border-bottom: 0;
      padding-bottom: 0;
   }
   .row-filters .filter > span svg {
      order: 3;
   }
   .filter-search-container {
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      gap: 20px;
   }
   .filter-search {
      flex-grow: 1;
   }
   .filter-search svg {
      padding: 10px 12px;
   }
   .filter-search input {
      width: auto;
      flex-grow: 1;
      padding-top: 10px;
      padding-bottom: 10px;
   }
   .toggle-filters-mobile {
      display: block;
      width: 24px;
      height: 24px;
      cursor: pointer;
   }
   .filter-toggle[data-active]::after {
      margin-right: auto;
      position: relative;
      right: 0;
      margin-left: 6px;
   }

   
   .filter-by-container {
      display: flex;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: auto;
      z-index: 1002;
      flex-direction: column;
      align-items: flex-start;
      background: #fff;
      padding: 28px 24px 60px 24px;
      gap: 0;
      transform: translatey(-100%);
      transition: transform .3s ease-out;
   }
   .filter-by-container.open {
      transform: translatey(0);
   }
   .row-filters .filter-options,
   .row-filters .filter-options-check {
      position: relative;
      display: none;
      top: 0;
      border: 0;
      border-radius: 0;
      flex-direction: column;
      gap: 4px;
      align-items: flex-start;
      padding: 0;
      filter: none;
      box-shadow: none;
      width: 100%;
      border-radius: 0;
   }
   .row-filters .filter.open .filter-options,
   .row-filters .filter.open .filter-options-check {
      display: flex;
   }
   .label-type {
      display: none;
   }
   .row-filters .filter {
      width: 100%;
   }
   .row-filters .filter > span {
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
      padding: 20px 0;
      color: #627A99;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px; /* 150% */
      letter-spacing: 0.32px;
      text-transform: uppercase;
   }
   .row-filters .filter:first-of-type > span {
      border-top-width: 0;
   }
   .row-filters .filter.open + span + .filter > span,
   .row-filters .filter.open + .filter > span {
      border-top-color: #097EE3;
   }
   
   .row-filters .filter-options svg, 
   .row-filters .filter-options-check svg {
      display: none;
   }
   .row-filters .filter-option, 
   .row-filters .filter-option-check.unchecked {
      padding: 12px 12px 12px 40px;
      width: 100%;
      border: 0;
      border-radius: 0;
      color: #212F41;
      background-color: #f8f8fa;
      background-image: url(https://www.centricsoftware.com/wp-content/themes/centricSoftware/img/checkmark-empty.svg);
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: left 10px center;
      transition: transform .3s ease;
      transform: scale(1);
   }
   .row-filters .filter-option.selected, 
   .row-filters .filter-option-check {
      padding: 12px 12px 12px 40px;
      width: 100%;
      border: 0;
      border-radius: 0;
      color: #097EE3;
      background-color: #f8f8fa;
      background-image: url(https://www.centricsoftware.com/wp-content/themes/centricSoftware/img/checkmark-filled.svg);
      transform: scale(1.015);
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: left 10px center;
      transition: transform .3s ease;
   }
   
   .apply-filters-mobile {
      padding: 12px 24px;
      background-color: #fff;
      box-shadow: 0px -6px 24px 0px rgba(0, 0, 0, 0.10);
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1002;
      cursor: pointer;
      display: block;
   }
   .apply-filters-mobile > span {
      text-align: center;
      padding: 6px 20px;
      border-radius: 30px;
      background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
      color: #FFF;
      font-size: 16px;
      line-height: 148%; /* 23.68px */
      letter-spacing: 0.32px;
      width: 100%;
      display: block;
   }
}
@media (max-width: 640px) {
   .pr-grid-item {
      width: 100%;
      margin-bottom: 12px;
   }
   .pr-grid:not(.filtered) .pr-grid-item:nth-child(1),
   .pr-grid:not(.filtered) .pr-grid-item:nth-child(2) {
      width: 100%;
   }
   .pr-link,
   .pr-grid:not(.filtered) .pr-grid-item:nth-child(1) .pr-link,
   .pr-grid:not(.filtered) .pr-grid-item:nth-child(2) .pr-link {
      height: auto;
   }

}
@media (max-width: 480px) {
}