/*!
 * Copyright (c) 2020. FixGroup B.V.
 */
/*!
 * Copyright (c) 2020. FixGroup B.V.
 */
.blue__main {
  color: #049ee2 !important; }

body.archive.category .post__header-wrapper,
body.blog .post__header-wrapper {
  max-height: 60vh;
  min-height: 300px;
  height: 500px;
  margin-bottom: 25px; }
  body.archive.category .post__header-wrapper .breadcrumb__wrapper,
  body.blog .post__header-wrapper .breadcrumb__wrapper {
    display: flex;
    flex-wrap: wrap; }
    body.archive.category .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single,
    body.blog .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single {
      margin-top: 1px;
      display: flex;
      font-weight: 600; }
      body.archive.category .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single svg,
      body.blog .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single svg {
        order: 2;
        transform: rotate(90deg);
        height: 16px;
        margin-top: 2px; }
      body.archive.category .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single span,
      body.archive.category .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single a,
      body.blog .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single span,
      body.blog .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single a {
        margin: 0 10px;
        order: 1; }
      body.archive.category .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single:first-child a,
      body.blog .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single:first-child a {
        margin-left: 0; }
  @media (max-width: 991px) {
    body.archive.category .post__header-wrapper .breadcrumb__wrapper,
    body.blog .post__header-wrapper .breadcrumb__wrapper {
      margin-left: 20px; } }
  body.archive.category .post__header-wrapper .breadcrumb__wrapper .category-links__back,
  body.archive.category .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single,
  body.archive.category .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single svg,
  body.archive.category .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single span,
  body.blog .post__header-wrapper .breadcrumb__wrapper .category-links__back,
  body.blog .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single,
  body.blog .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single svg,
  body.blog .post__header-wrapper .breadcrumb__wrapper .breadcrumb__single span {
    color: #ffffff; }
  body.archive.category .post__header-wrapper .mobile-breadcrumb,
  body.blog .post__header-wrapper .mobile-breadcrumb {
    margin-left: 20px; }
    body.archive.category .post__header-wrapper .mobile-breadcrumb a,
    body.blog .post__header-wrapper .mobile-breadcrumb a {
      color: #ffffff; }
      body.archive.category .post__header-wrapper .mobile-breadcrumb a svg,
      body.blog .post__header-wrapper .mobile-breadcrumb a svg {
        top: 7px; }
  body.archive.category .post__header-wrapper.post__header-wrapper__archive,
  body.blog .post__header-wrapper.post__header-wrapper__archive {
    height: 350px;
    margin-bottom: 40px; }
body.archive.category .post__header-wrapper.post__header-wrapper__archive .post__header,
body.blog .post__header-wrapper.post__header-wrapper__archive .post__header {
  height: 350px; }
body.archive.category .post__header,
body.blog .post__header {
  max-height: 60vh;
  min-height: 300px;
  height: 500px;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 36px 36px;
  background: #0764b380 linear-gradient(19deg, #049EEA 0%, #049eea40 55%) no-repeat padding-box; }
  @media (max-width: 991px) {
    body.archive.category .post__header,
    body.blog .post__header {
      margin-left: -10.5px;
      margin-right: -10.5px;
      width: calc(100% + 21px);
      padding-right: 10.5px;
      border-radius: 0; }
      body.archive.category .post__header .post__header-title,
      body.blog .post__header .post__header-title {
        padding: 0 20px; } }
  body.archive.category .post__header img,
  body.blog .post__header img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 50%;
    transform: translate(0px, -50%);
    z-index: -1;
    background-color: #049ee2; }
  body.archive.category .post__header-info,
  body.blog .post__header-info {
    font-weight: 600; }
  body.archive.category .post__header > div:last-child,
  body.blog .post__header > div:last-child {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%; }
    body.archive.category .post__header > div:last-child h1,
    body.archive.category .post__header > div:last-child span,
    body.archive.category .post__header > div:last-child a,
    body.archive.category .post__header > div:last-child p,
    body.blog .post__header > div:last-child h1,
    body.blog .post__header > div:last-child span,
    body.blog .post__header > div:last-child a,
    body.blog .post__header > div:last-child p {
      margin-top: 0;
      color: #ffffff;
      text-shadow: 0px 10px 20px #0000001A; }
    body.archive.category .post__header > div:last-child .post__information,
    body.blog .post__header > div:last-child .post__information {
      display: flex;
      justify-content: space-between; }
      body.archive.category .post__header > div:last-child .post__information > div,
      body.blog .post__header > div:last-child .post__information > div {
        display: flex; }
body.archive.category .blog-card-item__wrapper,
body.blog .blog-card-item__wrapper {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  justify-content: flex-end;
  flex-direction: column;
  display: flex;
  height: 350px;
  text-decoration: none; }
  @media (max-width: 767px) {
    body.archive.category .blog-card-item__wrapper,
    body.blog .blog-card-item__wrapper {
      height: 275px; } }
  body.archive.category .blog-card-item__wrapper:hover img,
  body.blog .blog-card-item__wrapper:hover img {
    transform: translate(-50%, -50%) scale(1.05); }
  body.archive.category .blog-card-item__wrapper img,
  body.blog .blog-card-item__wrapper img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    object-fit: cover;
    width: 100%;
    height: 100%; }
  body.archive.category .blog-card-item__wrapper .blog-card-item__content,
  body.blog .blog-card-item__wrapper .blog-card-item__content {
    z-index: 10;
    padding: 25px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    text-shadow: 0 10px 20px #0000001a;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000BF 100%) 0 0 no-repeat padding-box; }
    body.archive.category .blog-card-item__wrapper .blog-card-item__content .blog-card-item__title--category,
    body.blog .blog-card-item__wrapper .blog-card-item__content .blog-card-item__title--category {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600;
      color: #ffffff;
      margin-bottom: 5px; }
body.archive.category .blog-card-item__summary,
body.blog .blog-card-item__summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 30px;
  margin-bottom: 20px; }
body.archive.category .blog-card-item__navigation,
body.blog .blog-card-item__navigation {
  margin-bottom: 40px;
  display: flex;
  align-items: center; }
  body.archive.category .blog-card-item__navigation a.button,
  body.blog .blog-card-item__navigation a.button {
    display: block; }
  body.archive.category .blog-card-item__navigation p,
  body.blog .blog-card-item__navigation p {
    display: block;
    margin-bottom: 0;
    margin-left: 20px;
    color: #535E6D; }
body.archive.category .highlighted-blogs__item,
body.blog .highlighted-blogs__item {
  height: 395px; }
  @media (max-width: 767px) {
    body.archive.category .highlighted-blogs__item,
    body.blog .highlighted-blogs__item {
      height: 275px; } }
body.archive.category .highlighted-blogs .card-item,
body.blog .highlighted-blogs .card-item {
  margin-right: 15px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 6px; }
  body.archive.category .highlighted-blogs .card-item img,
  body.blog .highlighted-blogs .card-item img {
    transition: all 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) !important; }
  body.archive.category .highlighted-blogs .card-item a,
  body.blog .highlighted-blogs .card-item a {
    height: 100%; }
  body.archive.category .highlighted-blogs .card-item:hover a,
  body.blog .highlighted-blogs .card-item:hover a {
    text-decoration: none; }
  body.archive.category .highlighted-blogs .card-item:hover img,
  body.blog .highlighted-blogs .card-item:hover img {
    transform: translateX(-50%) scale(1.05); }
  body.archive.category .highlighted-blogs .card-item__wrapper,
  body.blog .highlighted-blogs .card-item__wrapper {
    height: 100%;
    position: relative;
    justify-content: flex-end;
    flex-direction: column;
    display: flex; }
    body.archive.category .highlighted-blogs .card-item__wrapper img,
    body.blog .highlighted-blogs .card-item__wrapper img {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 100%;
      width: auto;
      z-index: -1;
      max-width: initial; }
  body.archive.category .highlighted-blogs .card-item__content,
  body.blog .highlighted-blogs .card-item__content {
    padding: 25px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    text-shadow: 0 10px 20px #0000001A;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000BF 100%) 0% 0% no-repeat padding-box; }
    body.archive.category .highlighted-blogs .card-item__content .card-item__title--category,
    body.blog .highlighted-blogs .card-item__content .card-item__title--category {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600;
      color: #ffffff; }
body.archive.category .highlighted-blogs .card-item__wrapper img,
body.blog .highlighted-blogs .card-item__wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%; }
body.archive.category .highlighted-blogs .card-item__wrapper.card-item__featured span.h3,
body.blog .highlighted-blogs .card-item__wrapper.card-item__featured span.h3 {
  font-size: 28px; }
body.archive.category .blog-excerpt__item,
body.blog .blog-excerpt__item {
  height: 100%; }
  body.archive.category .blog-excerpt__item .item__top,
  body.blog .blog-excerpt__item .item__top {
    overflow: hidden;
    display: block;
    border-radius: 6px;
    position: relative; }
    body.archive.category .blog-excerpt__item .item__top img,
    body.blog .blog-excerpt__item .item__top img {
      left: 50%;
      height: 330px;
      width: auto;
      z-index: -1;
      transition: transform 0.15s cubic-bezier(0.22, 0.61, 0.36, 1); }
  body.archive.category .blog-excerpt__item .item__summary,
  body.blog .blog-excerpt__item .item__summary {
    position: absolute;
    bottom: 0;
    padding: 30px;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000BF 100%) 0% 0% no-repeat padding-box; }
  body.archive.category .blog-excerpt__item .item__title,
  body.blog .blog-excerpt__item .item__title {
    display: block;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700; }
  body.archive.category .blog-excerpt__item .item__title--date,
  body.blog .blog-excerpt__item .item__title--date {
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    display: block; }
  body.archive.category .blog-excerpt__item .item__excerpt,
  body.blog .blog-excerpt__item .item__excerpt {
    min-height: 150px; }
  body.archive.category .blog-excerpt__item .item__read-more,
  body.blog .blog-excerpt__item .item__read-more {
    font-size: 16px; }
body.archive.category .below_header h2,
body.blog .below_header h2 {
  margin-top: 0; }
body.archive.category .below_header .sub-categories__list,
body.blog .below_header .sub-categories__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px; }
body.archive.category .below_header .sub-categories__item,
body.blog .below_header .sub-categories__item {
  color: #0E1723;
  padding: 6px 25px;
  border-radius: 6px;
  border: 1px solid #E9EBEC;
  font-size: 16px;
  margin-right: 15px;
  margin-bottom: 10px; }
  body.archive.category .below_header .sub-categories__item:hover,
  body.blog .below_header .sub-categories__item:hover {
    text-decoration: none;
    border: 1px solid #CFDFEF;
    background: #edf5fc; }
body.archive.category .navigation.pagination,
body.blog .navigation.pagination {
  justify-content: center;
  display: flex;
  width: 100%; }
  body.archive.category .navigation.pagination ul,
  body.blog .navigation.pagination ul {
    padding: 0;
    list-style: none;
    justify-content: center;
    display: flex; }
  body.archive.category .navigation.pagination li,
  body.blog .navigation.pagination li {
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column; }
  body.archive.category .navigation.pagination a,
  body.archive.category .navigation.pagination span,
  body.blog .navigation.pagination a,
  body.blog .navigation.pagination span {
    text-align: center;
    height: 35px;
    width: 35px;
    border-radius: 3px;
    display: block;
    font-size: 14px;
    line-height: 33px;
    font-weight: 700;
    color: #0E1723;
    border: 1px solid #E9EBEC;
    margin: 25px 5px;
    text-decoration: none; }
    body.archive.category .navigation.pagination a:hover,
    body.archive.category .navigation.pagination span:hover,
    body.blog .navigation.pagination a:hover,
    body.blog .navigation.pagination span:hover {
      background: #F6FAFD; }
  body.archive.category .navigation.pagination span.dots,
  body.blog .navigation.pagination span.dots {
    border: none;
    margin: 25px 0;
    width: 20px; }
    body.archive.category .navigation.pagination span.dots:hover,
    body.blog .navigation.pagination span.dots:hover {
      background: #fff; }
  body.archive.category .navigation.pagination span.current,
  body.blog .navigation.pagination span.current {
    border: 1px solid #049ee2;
    background: #F6FAFD; }
  body.archive.category .navigation.pagination a.prev.page-numbers,
  body.archive.category .navigation.pagination a.next.page-numbers,
  body.blog .navigation.pagination a.prev.page-numbers,
  body.blog .navigation.pagination a.next.page-numbers {
    width: auto;
    padding: 0 5px 0 10px;
    color: #049ee2; }
    @media (max-width: 767px) {
      body.archive.category .navigation.pagination a.prev.page-numbers,
      body.archive.category .navigation.pagination a.next.page-numbers,
      body.blog .navigation.pagination a.prev.page-numbers,
      body.blog .navigation.pagination a.next.page-numbers {
        padding: 0 10px; }
        body.archive.category .navigation.pagination a.prev.page-numbers label,
        body.archive.category .navigation.pagination a.next.page-numbers label,
        body.blog .navigation.pagination a.prev.page-numbers label,
        body.blog .navigation.pagination a.next.page-numbers label {
          display: none; } }
    body.archive.category .navigation.pagination a.prev.page-numbers svg,
    body.archive.category .navigation.pagination a.next.page-numbers svg,
    body.blog .navigation.pagination a.prev.page-numbers svg,
    body.blog .navigation.pagination a.next.page-numbers svg {
      height: 10px; }
  body.archive.category .navigation.pagination a.prev.page-numbers,
  body.blog .navigation.pagination a.prev.page-numbers {
    padding: 0 10px 0 5px; }

/*# sourceMappingURL=archive-blogs.css.map */
