.elementor-kit-57{--e-global-color-primary:#08322F;--e-global-color-secondary:#0B5351;--e-global-color-text:#031918;--e-global-color-accent:#DFF0DF;--e-global-color-50b4f44b:#F2F9F2;--e-global-color-248a6999:#3A2B02;--e-global-color-1ae37a3:#F5B40C;--e-global-color-756a5ab8:#FBE3A3;--e-global-color-6c5bb8d:#441404;--e-global-color-3afc1af:#F46E3F;--e-global-color-c105d12:#FAC2AE;--e-global-color-bff2968:#FFFFFF;--e-global-typography-primary-font-family:"Gilroy";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-line-height:72px;--e-global-typography-secondary-font-family:"Gilroy";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:bold;--e-global-typography-secondary-line-height:36px;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-size:28px;--e-global-typography-text-font-weight:normal;--e-global-typography-text-line-height:34px;--e-global-typography-accent-font-family:"Inter Tight";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Inter Tight", Sans-serif;font-size:18px;line-height:24px;}.elementor-kit-57 button,.elementor-kit-57 input[type="button"],.elementor-kit-57 input[type="submit"],.elementor-kit-57 .elementor-button{background-color:#08322F;font-family:"Gilroy", Sans-serif;font-size:18px;font-weight:bold;line-height:18px;color:var( --e-global-color-bff2968 );}.elementor-kit-57 button:hover,.elementor-kit-57 button:focus,.elementor-kit-57 input[type="button"]:hover,.elementor-kit-57 input[type="button"]:focus,.elementor-kit-57 input[type="submit"]:hover,.elementor-kit-57 input[type="submit"]:focus,.elementor-kit-57 .elementor-button:hover,.elementor-kit-57 .elementor-button:focus{background-color:var( --e-global-color-3afc1af );color:var( --e-global-color-bff2968 );}.elementor-kit-57 e-page-transition{background-color:#FFBC7D;}.elementor-kit-57 p{margin-block-end:0px;}.elementor-kit-57 a{color:var( --e-global-color-secondary );}.elementor-kit-57 h1{color:var( --e-global-color-secondary );font-family:"Gilroy", Sans-serif;font-size:80px;font-weight:bold;line-height:72px;}.elementor-kit-57 h2{color:var( --e-global-color-secondary );font-family:"Gilroy", Sans-serif;font-size:40px;font-weight:bold;line-height:36px;}.elementor-kit-57 h3{color:var( --e-global-color-secondary );font-family:"Gilroy", Sans-serif;font-size:24px;font-weight:bold;line-height:24px;}.elementor-kit-57 h4{color:var( --e-global-color-secondary );font-family:"Inter Tight", Sans-serif;font-size:24px;line-height:28.8px;}.elementor-kit-57 h5{color:var( --e-global-color-secondary );font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:bold;line-height:24px;}.elementor-kit-57 h6{color:var( --e-global-color-primary );font-family:"Gilroy", Sans-serif;font-size:18px;line-height:23.4px;}.elementor-kit-57 img{border-radius:16px 16px 16px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-57{--e-global-typography-text-font-size:24px;--e-global-typography-text-line-height:1em;}.elementor-kit-57 h1{font-size:60px;line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-57{--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:20px;font-size:17px;line-height:20.4px;}.elementor-kit-57 h1{font-size:36px;line-height:32px;}.elementor-kit-57 h2{font-size:32px;line-height:30px;}.elementor-kit-57 h3{font-size:18px;line-height:18px;}.elementor-kit-57 h4{font-size:18px;line-height:21.6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*Algemeen*/
.border0 img {
    border-radius: 0
}

.pf-fade {
    transition: none !important
}

/*Icon list/*/
.elementor-icon-list-item font {
    font-weight: bold;
    display: block;
    color: var(--e-global-color-secondary);
    margin-bottom: 4px;
}

/* Grain overlay */
.pf-grain-overlay {
  position: relative;
  z-index: 0;
}

.pf-grain-overlay > div {
  z-index: 3;
}

.pf-grain-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/wp-content/uploads/grain-stil.png);
  background-repeat: repeat;
  background-size: 54px;
  mix-blend-mode: multiply;
  opacity: 0.1;
  pointer-events: none;
  z-index: 2;
}

/* Tabel style */
.pf-bg-tabel {
  border-bottom: 2px solid rgba(8, 50, 47, 0);
  padding-bottom: 20px;
  padding-right: 20px;
}

/* Button kleuren */
.btn.green a,
a.btn.green {
  background-color: var(--e-global-color-primary);
}

.green a:hover,
a.btn.green:hover {
  background-color: #F46E3F;
}

.btn.orange a,
a.btn.orange {
  background-color: var(--e-global-color-3afc1af);
}

.orange a:hover,
a.btn.orange:hover {
  background-color: var(--e-global-color-primary) !important;
}

.btn.border a,
a.btn.border {
  background-color: transparent;
  border: 1px solid #08322F;
  color: #08322F;
}

.btn.border.w a,
a.btn.border.w {
  border: 1px solid white;
  color: white;
}

.border a:hover,
a.btn.border:hover {
  background-color: #F46E3F;
  border-color: #F46E3F;
  color: #FFFFFF;
}

.btn.white a,
a.btn.white {
  background-color: #FFF;
  color: #08322F;
}

.white a:hover,
a.btn.white:hover {
  background-color: #08322F;
  color: #FFF;
}

/* Buttons pijlen */
.btn a,
a.btn {
  position: relative;
  padding: 15px 70px 14px 25px;
  border-radius: 60px;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  font-family: Gilroy;
  color: white;
}

.btn a::before,
.btn a::after,
a.btn::before,
a.btn::after,
.btn.border.w a::before,
.btn.border.w a::after {
  content: url(/wp-content/uploads/arrow.svg);
  position: absolute;
  right: 16px;
  top: 54%;
  opacity: 0;
  transform: translateY(-50%) translateX(-16px);
  transition: 0.3s;
}

.btn a::after,
a.btn::after,
.btn.border.w a::before,
.btn.border.w a::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.btn a:hover::after,
a.btn:hover::after {
  opacity: 0;
  transform: translateY(-50%) translateX(16px);
}

.border a::after,
a.btn.border::after,
.white a::after,
a.btn.white::after {
  content: url(/wp-content/uploads/arrow-right-charcoal.svg);
}

.btn a:hover::before,
a.btn:hover::before {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}


.square, .square-img {
    /*overflow: hidden;*/
    border-top-right-radius: 0;
}

.square:before,
.square-img:before {
    content: "";
    z-index: 3;
    left: unset;
    right: 0px;
    top: -1px;
    height: 60px;
    width: 60px;
    background-image: url('/wp-content/uploads/White-r8.svg')!important;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 1;
    border-radius: 0
}

.square.green:before {
    background-image: url(https://bluepeaks.nl/wp-content/uploads/Greendark-r8.svg) !important;
}

/*Voor als de grain over het hoekje moet*/
.square-reverse-z:after {
    z-index: 5 !important;
}

@media only screen and (max-width: 767px) {
    .square-img:before,
    .square:before {
        height: 34px;
        width: 34px;
    }
}

/*Algemeen*/
.nieuwsSwiper .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.nieuwsSwiper .swiper-slide:last-child {
    margin-right: 0 !important;
}

.pf-news {
    display: flex;
    flex-direction: column;
    position: relative;
}

/*Op desktop is slide 1 groter*/
@media (min-width: 1026px) {
    .slide-lg-50 {
        width: calc(50% - 20px) !important;
        /* 40px tussenruimte gedeeld door 2 */
    }

    .slide-lg-25 {
        width: calc(25% - 30px) !important;
        /* 2 x 40px / 3 slides */
    }

}

/*Thumbnail*/
.bluepeaks .pf-thumbnail {
    height: 280px;
    display: block;
    border-radius: 16px;
    overflow: hidden
}

/*border bij hover, staat nu uit*/
/*.bluepeaks .pf-thumbnail img{*/
/*    border: 10px solid red;*/
/*}*/

.bluepeaks .pf-thumbnail img {
    height: 100%;
    display: block;
    object-fit: cover;
    margin: 0;
    transition: .3s ease-in-out;
}

.bluepeaks .pf-thumbnail img:hover {
    transform: scale(1.1);
}

/*Meta row en type */
.bluepeaks .pf-meta-row {
    display: flex;
    gap: 16px;
    font-size: 16px;
    margin: 24px 0 10px;
}

.bluepeaks .pf-meta-row .pf-categorie {
    color: rgba(3, 25, 24, 0.30);
}

.bluepeaks .pf-thema {
    color: var(--e-global-color-secondary);
}

.pf-news .pf-type {
    border-radius: 32px;
    background: var(--e-global-color-accent);
    width: max-content;
    padding: 10px;
    margin: 20px 0 10px;
    color: var(--e-global-color-primary);
    padding: 5px 20px;
}

/*Bottom container*/
.bluepeaks .pf-bottom {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.bluepeaks .pf-bottom h3 a {
    color: var(--e-global-color-primary);
}

.bluepeaks .pf-bottom .pf-excerpt {
    margin-top: auto;
    transition: .3s ease-in-out;
    opacity: 0;
    margin-bottom: 24px;
    transform: translateY(8px);
}

.pf-news-grid .pf-bottom .pf-excerpt {
    opacity: 1;
}

.swiper-slide:hover .pf-excerpt {
    opacity: 1;
    transform: translateY(0);
}

.bluepeaks .pf-leesmeer-button {
    font-weight: bold;
    color: var(--e-global-color-primary) !important;
    position: relative;
    width: max-content;
    margin-bottom: 5px
}

.bluepeaks .pf-leesmeer-button span {
    opacity: 0;
    transition: .3s ease-in-out;
}

.bluepeaks .pf-leesmeer-button:before {
    content: url(https://bluepeaks.nl/wp-content/uploads/arrow-right-charcoal.svg);
    position: relative;
    top: 4px;
    margin-right: 8px;
    opacity: 1;
}

.bluepeaks .pf-leesmeer-button:after {
    content: "";
    height: 1px;
    width: 0%;
    background: var(--e-global-color-3afc1af);
    position: absolute;
    left: 0;
    bottom: -3px;
    transition: .3s ease-in-out;
}

.bluepeaks .swiper-slide:hover .pf-leesmeer-button:after,
.pf-news-grid .pf-news:hover .pf-leesmeer-button:after {
    width: 100%;
}

.bluepeaks .swiper-slide:hover .pf-leesmeer-button span,
.pf-news-grid .pf-news:hover .pf-leesmeer-button span {
    opacity: 1;
}

.bluepeaks .swiper-slide:hover .pf-leesmeer-button:before {
    filter: brightness(0) saturate(100%) invert(78%) sepia(72%) saturate(6224%) hue-rotate(338deg) brightness(107%) contrast(91%);
}

/*Tussenlijn, elk 4e child mag geen lijn op desktop.*/
.bluepeaks .swiper-slide:not(:last-child):after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    height: 100%;
    pointer-events: none;
    background: #DFF0DF;
}

@media (min-width: 1026px) {
  .pf-news-grid .pf-news:nth-child(4n)::after {
    display: none;
  }

  .pf-news-grid .pf-news::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    height: 100%;
    pointer-events: none;
    background: #DFF0DF;
  }
}

@media (max-width: 1025px) {
  .pf-news-grid .pf-news:nth-child(2n)::after {
    display: none;
  }

  .pf-news-grid .pf-news::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    height: 100%;
    pointer-events: none;
    background: #DFF0DF;
  }
}

@media (max-width: 767px) {
  .pf-news-grid .pf-news::after {
    display: none;
  }
}

/*Maak op tablet en mobiel de tekst en leesmeer zichtbaar*/
@media (max-width: 1025px) {
    .bluepeaks .pf-bottom .pf-excerpt {
        display: none;
    }

    .bluepeaks .slide-lg-50 .pf-thumbnail {
        height: 280px;
    }

    .bluepeaks .pf-leesmeer-button {
        margin-top: auto;
    }

    .bluepeaks .pf-bottom h3 {
        margin-bottom: 40px;
    }

    .bluepeaks .pf-leesmeer-button span {
        opacity: 1;
    }

    .bluepeaks .pf-meta-row {
        margin: 8px 0 4px;
    }

    .bluepeaks .swiper-slide .pf-leesmeer-button:before {
        filter: brightness(0) saturate(100%) invert(78%) sepia(72%) saturate(6224%) hue-rotate(338deg) brightness(107%) contrast(91%);
    }

    .pf-leesmeer-button:after {
        width: 100%;
    }

    .bluepeaks .pf-thumbnail {
        height: 240px !important;
    }
}

@media (max-width: 1025px) {
    .nieuwsSwiper::before {
        content: "";
        position: absolute;
        right: -20px;
        top: 0;
        width: 30%;
        height: 100%;
        pointer-events: none;
        background: linear-gradient(to left, white 10%, transparent);
        z-index: 5;
    }
}

/*News grid*/
.pf-news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 50px 40px;
}

.pf-pagination {
    background: var(--e-global-color-accent);
    width: max-content;
    padding: 10px 20px;
    border-radius: 200px;
    font-family: 'Gilroy';
    font-weight: bold;
    gap: 10px;
    display: flex;
    align-items: center;
    margin: 40px auto 0;
}

.pf-pagination a:not(.prev):not(.next),
.pf-pagination span.current {
    color: var(--e-global-color-primary);
    border-radius: 200px;
    padding: 7px 14px 6px;
}

.pf-pagination a:not(.prev):not(.next):hover,
.pf-pagination span.current {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
    border-radius: 200px;
    padding: 7px 14px 6px;
}

.pf-pagination a.prev,
.pf-pagination a.next {
    margin: 0 10px;
}

@media only screen and (max-width: 1025px) {
    .pf-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    .pf-news-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*Toggle blok kennismaking/contact*/
.button-switch {
    display: inline-flex;
    border-radius: 30px;
    overflow: hidden;
    background: #e6f1e6;
    width: max-content;
    padding: 10px;
    justify-content: center;
    font-family: Gilroy;
}

.button-switch label {
    text-align: center;
    padding: 11px 20px 10px;
    cursor: pointer;
    font-weight: 500;
    transition: .3s ease-in-out;
    color: #08322F;
    border-radius: 30px;
    width: max-content;
    font-weight: bold;
    color: var(--e-global-color-primary);
}

.button-switch label:hover {
    background: var(--e-global-color-50b4f44b)
}

.button-switch label.active {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
}

.button-switch .text-short {
  display: none;
}

@media only screen and (max-width: 1025px) {
    .button-switch {
        padding: 8px;
    }
    
    .button-switch label {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
  .button-switch .text-full {
    display: none;
  }

  .button-switch .text-short {
    display: inline;
  }
}

/*Badges*/
.pf-badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 16px;
}

.pf-badge {
    background: var(--e-global-color-accent);
    border-radius: 32px;
    padding: 5px 20px;
    width: max-content;
}

.orange .pf-badge {
    background: var(--e-global-color-756a5ab8);
    color: var(--e-global-color-6c5bb8d);
}

/*Post content*/
.toc-content h2 {
    margin-top: 60px;
}

.toc-content h3 {
    margin-top: 30px;
}

.toc-content ul {
    margin: 20px 0;
    padding-left: 16px;
    list-style-type: none;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.toc-content li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--e-global-color-3afc1af);
    border-radius: 50%;
    margin-right: 10px;
    top: -3px;
    position: relative
}

.toc-content .elementor-shortcode > h2:first-child {
    margin-top: 0
}

.toc-content a {
    color: var(--e-global-color-3afc1af);
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .toc-content h2 {
        margin-top: 40px;
    }
    
    .toc-content h3 {
        margin-top: 10px;
    }
}

/*Vacature grid intern*/
.vacature-grid-intern {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.pf-vacature-style2 {
    background: var(--e-global-color-secondary);
    padding: 36px 42px 0;
    font-family: Gilroy;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
}

.pf-vacature-style2,
.pf-vacature-style2 h2 a {
    color: var(--e-global-color-accent)
}

.lite .pf-vacature-style2 {
    background: var(--e-global-color-accent)
}

.lite .pf-vacature-style2,
.lite .pf-vacature-style2 h2 a {
    color: var(--e-global-color-secondary);
}

.pf-vacature-style2 h2 {
    margin-bottom: 100px;
}

.pf-info {
    font-weight: bold;
    margin-bottom: 24px;
    margin-top: auto;
}

.pf-vacature-style2 p {
    font-family: Inter Tight;
}


@media only screen and (min-width: 1026px) {
    .vacature-grid-intern .btn {
        pointer-events: none;
        opacity: 0;
        transition: .4s;
        position: relative;
        bottom: 0;
    }
    
    .pf-info, .pf-excerpt {
        transition: .4s;
        bottom: 0;
        position: relative;
    }
    
    .vacature-grid-intern > .pf-vacature-style2:hover .btn {
        opacity: 1;
        pointer-events: auto;
        bottom: 40px;
    }
    
    .vacature-grid-intern > .pf-vacature-style2:hover .pf-info,
    .vacature-grid-intern > .pf-vacature-style2:hover .pf-excerpt {
        bottom: 80px;
    }
}

@media only screen and (max-width: 1025px) {
    .vacature-grid-intern {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .pf-vacature-style2 {
        padding: 24px;
    }
    
    .pf-vacature-style2 .btn {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .vacature-grid-intern {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .pf-vacature-style2 {
        padding: 24px 16px;
    }

    .pf-vacature-style2 h2 {
        margin-bottom: 40px;
    }
}

/*Share*/
.share-container .elementor-grid-item {
    margin: 0;
    top: 6px;
    position: relative
}

.share-container .elementor-share-btn {
    height: unset;
}

.share-container i.fab.fa-facebook:after {
    content: url(/wp-content/uploads/facebook.svg);
    transform: scale(1.3);
}

.share-container i.fab.fa-linkedin:after {
    content: url(/wp-content/uploads/linkedin.svg);
}

.share-container i.fab.fa-twitter:after {
    content: url(/wp-content/uploads/x.svg);
    transform: scale(1.2);
}

.share-container i.fab.fa-whatsapp:after {
    content: url(/wp-content/uploads/whatsappshare.svg);
    transform: scale(1.3);
    top: 1px;
}

.share-container i.fab.fa-facebook:after,
.share-container i.fab.fa-linkedin:after,
.share-container i.fab.fa-whatsapp:after,
.share-container i.fab.fa-twitter:after {
    display: block;
    position: relative;
}

.copy-icon {
    position: relative;
    cursor: pointer;
}

.copy-icon:after {
    content: url("/wp-content/uploads/check-share.svg");
    position: absolute;
    top: -3px;
    right: -5px;
    transform: scale(0);
    transition: .3s;
}

.copy-icon.active:after {
    transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
    .share-container .elementor-grid-item {
        top: 3px;
    }
}

/*Recruiter*/
.pf-vacature-owner {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.pf-vacature-owner img {
    width: 60px;
    height: 60px;
    border-radius: 200px;
    object-fit: cover;
}

.pf-vacature-owner h3 {
    font-size: 18px;
    font-family: Inter Tight;
    color: var(--e-global-color-primary)
}

.pf-vacature-owner .pf-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media only screen and (max-width: 1025px) {
    .pf-vacature-owner {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .pf-img-name {
        display: flex;
        align-items: center;
        gap: 16px
    }
}

.pf-vacature-owner2 {
    background-color: var(--e-global-color-accent);
    padding: 10px 20px;
    border-radius: 200px;
    display: flex;
    justify-content: space-between;
}

.pf-vacature-owner2 a {
    font-weight: bold;
    font-family: Gilroy;
    color: var(--e-global-color-primary);
    padding: 10px 20px 9px;
    border-radius: 200px;
    line-height: 1em

}

.pf-vacature-owner2 a:hover {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
}

@media only screen and (max-width: 1025px) {
    .pf-vacature-owner2 {
        flex-direction: column;
        text-align: center;
        border-radius: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .pf-vacature-owner2 {
        text-align: left;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: url('https://bluepeaks.nl/wp-content/uploads/Gilroy-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://bluepeaks.nl/wp-content/uploads/Gilroy-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('https://bluepeaks.nl/wp-content/uploads/InterTight-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: url('https://bluepeaks.nl/wp-content/uploads/InterTight-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */