@font-face {
    font-family: "Open Sans";
    font-feature-settings: "tnum" 1;
    src: url('../fonts/OpenSans-VariableFont_wdth,wght.ttf') format('woff2');
    font-weight: 300 900;
    font-display: swap;
}

body {font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; color:#20325a; background:#fafbfb;}


/* GENERAL STYLES */
p {line-height:1.8rem;}
strong{ font-weight:700;}
a {color:#2795cf; outline:0;}
a:hover {color:#2795cf; text-decoration:underline;}
a.hasPopover {display:inline-block !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; color:#20325a;}
h1 {font-size:34px; font-weight:700; margin-bottom:20px;}
h2 {font-size:32px; font-weight:700;}
h3 {font-family:"Open Sans"; font-size:28px; font-weight:700;}
h4 {font-size:18px; font-weight:600; line-height:170%; letter-spacing: 0.03em;}
.item-page h2 {padding:20px 0 20px 0;}
.item-page h3 {padding:20px 0 20px 0;}
#accordion h3{padding-top:15px}
.leftmenu h3, #latest-news-header h3, .moduletableposlednjevesti h3 { font-family:'Open Sans', sans-serif;}
ul li, ol li{margin-bottom:12px;}
img{max-width:100%; height:auto;}
blockquote{background:#fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.13); padding:20px; border-radius:10px;}
blockquote p{border-left:3px solid #1a73e8; padding-left:10px; font-weight:700}
.custom {width:100%;}
.btn-primary, .btn-default {color:#ffffff; background:#1a73e8 !important; font-family:"Open Sans"; font-size:15px; font-weight:700; letter-spacing:0.03em;
    text-transform: uppercase; border:none !important; padding: 13px 35px !important; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3);}
.btn-primary:hover, .btn-default:hover {color:#ffffff; background:#02609c !important;}
.fullwidth {width: 100vw; position: relative; margin-left: -50vw; left: 50%;}
.fullwidthgrey {background: #f5f6f7;}
.fullwidthblue {background: #20325a;}
#middle {overflow-x: hidden;}
#mid {margin-top:50px; padding-bottom:30px;}
#right h3 {color:#20325a;}
.table-striped tbody tr:nth-of-type(2n+1){background:#f4f4f5}

#top-nav a[href^="http://"]:after, #footer_wrapper a[href^="http://"]:after,
#top-nav a[href^="https://"]:after, #footer_wrapper a[href^="https://"]:after{
    content: none;   
	
}

/*** FALANG MISSING TRANSLATION ***/
div.falang-missing {float: left; width: 100%;}


/* PAGINATION */
div.pagination{display:block; text-align:center;}
div.pagination p.counter {float:none; font-size:13px; color:#959393; margin-bottom:5px;}
span.icon-first:after {font-family: 'FontAwesome'; content:"\f049";}
span.icon-previous:after {font-family: 'FontAwesome'; content:"\f048";}
span.icon-next:after {font-family: 'FontAwesome'; content:"\f051";}
span.icon-last:after {font-family: 'FontAwesome'; content:"\f050";}
.page-item {line-height:1.3;}
.page-link {padding:.15rem 0.75rem; font-size:13px; color: #1a73e8; height:24px;}
.page-item.active .page-link {background:#eaeaea; border-color:#dee2e6;}
.page-item.active .page-link:hover {color:#e9ecef}

/* FILTER FIELDS */
label.filter-search-lbl {display: none;}
fieldset.filters {width: 100%; display: block; margin-bottom: 15px;}
fieldset.filters input#filter-search {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-clip: padding-box;
    border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
fieldset.filters input#filter-search:focus {color: #495057; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
select.input-mini {padding: 0.375rem 0.75rem; color: #495057; background-color: #fff; background-clip: padding-box;
    border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin-left:15px;}

/* TOP MENU */
#navigation-top {background: var(--pps-navy); height:40px; display:flex; align-items:center;}
#top-nav {width:100%; height:auto; display:flex; align-items:center; justify-content:flex-end;}
#top-nav ul.nav {float:none; padding-top:0; display:flex; align-items:center; order:1;}
#top-nav ul.nav a {color:#fff; font-size:14px; padding:0px 10px; text-decoration:none; 
    display:flex; align-items:center; transition: color .15s ease-in-out;}
#top-nav ul.nav a:hover {color:#2795cf;}
#top-nav ul.nav li.active a {color:#2795cf;}
#top-nav ul.nav li {margin-bottom:0px; display:flex; align-items:center;}
#top-nav ul.nav li:last-child a {border-right:none;}

/* TOP ICONS */
#topicons {order:0; margin-right:auto; display:flex; align-items:center; gap:45px;}
.topicon-item {display:flex; align-items:center; gap:8px; white-space:nowrap;}
.topicon-item i {color:#ffffff; font-size:14px;}
.topicon-item span {color:#ffffff; font-size:12px;}
@media (max-width:991px){
    #topicons {display:none;}
}

/* LOGO */
.logo-mobile {display:none;}

/* LANGUAGE SELECTOR */
.lang-mobile {display:none;}
div.mod-languages {float:none; display:flex; align-items:center; margin-left:15px; order:2;}

#top-nav #gt-wrapper-190 {float:none; display:flex; align-items:center; margin-left:20px; order:2;}

.gt_switcher .gt_option {
    background-color: rgb(0, 20, 39);
    box-shadow: 0px 5px 10px -1px rgba(0, 20, 39, 0.7);
    width: 250px;
    overflow-y: auto;
    position: absolute;
    display: none;
    height: 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 9998;
}

.gtranslate_wrapper .gt_option a {
    display: inline-block;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    color: #fff;
}

.gt_switcher a {color:#fff; font-size:0.85rem; text-decoration:none; display:block;}
.gt_selected {width:250px; text-align: right;}
.gt_selected > a {padding: 0 40px 0 40px; transition: background 0.4s ease-in-out;}
.gt_selected > a:hover {background:rgb(0, 20, 39);}
.gt_selected > a.open {background:rgb(0, 20, 39);}
.gt_selected > a::before {
    font-family: 'Font Awesome 7 Pro';
    font-size: 1.5em;
    color: #fff;
    content: '\f1ab';
    pointer-events: none;
    z-index: 10000;
    float: left;
}
.gt_selected > a img {margin-right:10px;}
font.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {background:none; box-shadow:none;}

/* MAIN MENU */
#navigation-main {display:flex; align-items: center; background:#f9f9fa; height:81px; /*box-shadow: 1px 5px 5px rgba(0,0,0,0.1);*/
    border-bottom: 3px solid #dfe9f3; z-index:10;}
.navbar-header {display:flex; align-items: center;}
.mainmenu-wrapper {display: flex; align-items: center; justify-content: flex-end;}

.fixedNav {position: fixed; background:#fafafa; top: -100%; left: 0; right: 0; height:60px !important; z-index:1000; transition:top 0.5s ease-in-out;}
.show-nav {top: 0%; box-shadow: 0 2px 5px 0 rgba(0,0,0,.22);}
.fixedNav a.gs-toggle-button {pointer-events: none; color:#20325a; height:45px; line-height: 45px;}

body .jf_mm_pro_panelBtn {height:60px !important; position:relative !important; border-bottom: 3px solid #dfe9f3; float:left; border-radius:0% !important;}
body .jf_mm_pro_panelBtn.opened {border:none;}
ul.jf_mm_pro li {margin-bottom:0px;}
.jf_mm_pro_wrapper li a {font-size:15px !important;}
.jf_mm_pro_wrapper li a:hover {color:#222222 !important}
#jf_mmpro_1 li a {line-height:100% !important; display:flex; align-items:center; text-decoration: none;}

/*** BREADCRUMBS ***/
#breadcrumbs {margin: 0px; width:100%; font-weight: 600;}
#breadcrumbs .breadcrumb {background: none; border-radius: 0; font-size: 12px; margin: 20px 0px 0px 0px; padding: 0px !important;}
.breadcrumb li:first-child {display: none;}
ul.breadcrumb > li.active {color: #b2b2b4 !important;}
.breadcrumb > li + li::before {content: none; padding: 0px;}
.breadcrumb li a {color: #70a9d6;}
#breadcrumbs .breadcrumb span.divider {color: #b2b2b4; margin: 0px 5px;}

/*** USER1 ***/
#user1_wrapper {display:flex; align-items:center; position:relative; min-height:110px; border-top:1px solid #f6f6f7;
    background:#f4f4f5;}

/*** FEATURED NEWS AND LATEST NEWS MODULE ***/
.pps-featured-wrapper.slick-slide {position: relative;}
.pps-featured-wrapper.slick-slide img {max-height:336px; height:336px; width: 100%; object-fit: cover;}
.pps-featured-wrap {position:absolute; bottom:0; width: 100%; height:130px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.64) 44%, rgba(0,0,0,0.65) 45%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.64) 44%,rgba(0,0,0,0.65) 45%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.64) 44%,rgba(0,0,0,0.65) 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
div.pps-featured-title {font-family:'Open Sans'; color:#ffffff; font-weight:bold;line-height: 130%;
    /*position:absolute; top:50%;*/ font-size:20px; padding-left:15px;}
div.pps-featured-title a {color:#ffffff;}
div.pps-featured-published {color:#ffffff; bottom:30px; font-size:14px; padding-left:15px; padding-top:5px;}
#latest-news-header {display: flex; align-items:center; margin-bottom: 40px;}
#latest-news-header h3 {float:left;display:inline-block; margin-bottom:0px; margin-right:20px;}
#latest-news-header span {display:inline-block;color:#747474; margin-right:5px;}
#latest-news-header a {display:inline-block;}
.pps-news-item {width: 100%; display: flex; align-items: center; margin-bottom:8px;}
.pps-news-item img {float: left; border:1px solid #e9e9eb; width:160px; min-width:160px; min-height:107px; height:107px; object-fit: cover;}
.pps-news-item:hover .pps-latest-title a{color:#0072bb}
.title-published {float: left; margin-left:20px;}
.pps-latest-title a {font-family:'Open Sans'; font-size:16px; font-weight:700; color:#20325a;}
.pps-latest-title a:hover {text-decoration: none; color:#0072bb}
.pps-latest-published, dd.published {font-size:14px; color:#707070;}
.slick-dots {bottom:10px;}
.slick-dots li button::before {font-size:15px; color:#888; opacity:1;}
.slick-dots li button:hover::before {color:#ffffff;}
.slick-dots li.slick-active button::before {color:#ffffff; opacity:1;}

/*** IZDVAJAMO MODUL ***/
div.izdvajamo {margin:0px 15px; padding:70px 0px 80px 0px;}
div.izdvajamo h3 {margin-bottom:60px;}
.lib-panel {margin-bottom: 20Px;}
.lib-panel img {width: 100%;background-color: transparent;}
.lib-panel .row, .lib-panel .col-md-6 {padding: 0; background-color: #FFFFFF;}
.lib-panel .lib-row {padding: 0 20px 0 20px;}
.lib-panel .lib-row.lib-header {font-family:'Open Sans'; font-weight:bold; color:#20325a; background-color: #FFFFFF; font-size: 18px; padding: 10px 20px 0 20px;}
.lib-panel .lib-row.lib-header .lib-header-seperator {height: 2px; width: 26px; background-color: #d9d9d9; margin: 7px 0 7px 0;}
.lib-panel .lib-row.lib-desc {position: relative; display: block; font-size: 13px; color:#707070;}
.lib-row.lib-desc p{line-height:130%}
.lib-panel .lib-row.lib-desc a, .custom-istrazivanja-bottom a, .custom-edukacija-bottom a {font-family:'Open Sans'; font-weight:bold;}
.row-margin-bottom {margin-bottom: 20px;}
.box-shadow {-webkit-box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2); box-shadow:5px 5px 25px 0 rgba(46,61,73,.2);}
.box-shadow:hover {-webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2); box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);}
.no-padding {padding: 0;}


/*** BOTTOM MODULES ***/
#bottom_wrapper {background:#fff; padding:40px 0 40px 0;}
div.bottom h3 {text-align:center; font-size:1.25em; color:#20325a;}
div.bottom .custom {padding-left:10px;}
div.bottom p {font-size:14px; margin-bottom:5px;}
div.bottom p a {}
div.bottom .custom h3 {padding:15px 0px 10px 0px;}

/*** FOOTER ***/
#footer_wrapper {min-height:65px; display:flex; align-items:center; background-color: var(--pps-navy); border-top:8px solid var(--pps-navy-dark); padding:50px 0px 35px 0px;}
.footer, .footer a {color:#ffffff; font-size:14px; }
.footer p {margin-bottom:0px;}


/*** LEFT MENUS ***/
div.moduletable.leftmenu, div.moduletable.poslednjevesti {margin-bottom:25px; background: #20325a; border-radius:0 10px;  padding: 5px 5px 20px 5px;}
div.leftmenu h3, .moduletable.poslednjevesti h3 {font-family: 'Open Sans', sans-serif; margin-bottom:0.5rem; line-height:1.2rem; font-size: 1rem; font-weight: 600;
    border-radius: 0 10px; padding: 10px 0 13px 15px; background: #055689; color: #fff; text-transform:uppercase}
div.accordeonck ul.menu {background: none !important; border-radius:0px !important; box-shadow:none !important; padding:0px !important; border:none !important;}
div.leftmenu ul.menu li.accordeonck {border:0px !important; margin-bottom:2px !important;}
.accordeonck a {color:#cecece !important; font-family: 'Open Sans' !important;}
.accordeonck a:hover {color:#fff !important;}
.accordeonck a.isactive {color:#fff !important; }
div.leftmenu ul.menu li.accordeonck span a.accordeonck {font-weight: 500; font-size: 0.95rem !important; padding: 10px 10px 10px 12px !important; letter-spacing: 4%;}
div.leftmenu ul.menu li.accordeonck span a.accordeonck:hover, div.leftmenu ul.menu li.accordeonck span a.accordeonck.isactive
    {background-color:#2273a7 !important; transition: background-color 0.3s ease-in-out;}
div.leftmenu a.hide-menu-item {display:none !important;}


/*** HOMEPAGE ***/
.itemid-101 .item-page {padding-bottom: 0px;}
.itemid-101 #mid {padding-bottom: 0px; margin-top:0px;}
a.readmore {background:#fff; border:1px solid #1a73e8; text-transform: uppercase; font-size:12px; padding:5px 10px;}
a.readmore:hover {color:#fff; background-color:#1a73e8; text-decoration:none;}
a.readmore:after {display:inline-block; margin-left:10px; font-family: 'FontAwesome'; content:"\f054";}
a.readmore:hover:after {text-decoration: none;}

/*** KONTAKT ***/
.contact_wrapper {min-height:110px; display: flex; align-items: center;}
.contact_wrapper .col-md-3 {padding-right:5px;}
.contact_wrapper .col-md-9 {padding-left:5px;}
.contact_wrapper img {border:1px solid #ebebee; max-height:200px;}
.contact_wrapper p {margin-bottom:3px; line-height: 1.4; font-size:0.8em;}
.contact_wrapper p strong {font-weight:600;}


/*** NEWS PAGES ***/
.newsblog_wrapper {border-bottom:1px solid #ebebeb; padding:30px 0px 30px 0px; display: inline-block; width:100%;}
.newsblog_image {float:left; margin-right:25px;}
.blog .items-row:nth-of-type(2n) .newsblog_image {float:right; margin-left:25px;}
.newsblog_image img {max-width:180px; min-height:220px; object-fit: cover;}
.newsblog_title a {color:#282c53;}
.newsblog_title a:hover {color:#0072bb;}
.newsblog_title h2 {font-family: 'Open Sans'; font-size:1.375em; font-weight: 600; margin-bottom:5px;}
span.newsblog_date {color:#959393; font-size:13px; display: block; margin-bottom:10px;}
.newsblog_text p{ font-size:15px; line-height:1.4rem}
.moduletable-najcitanije ul.mostread-najcitanije, .moduletable-povezani ul.relateditems-povezani  {list-style-type:none; padding-left:0px; font-size:0.875em; padding:10px 10px 25px 10px; }
.moduletable-najcitanije, .moduletable-povezani, .latestdocs {background:#f4f4f5;border-radius:10px}
.moduletable-najcitanije h3, .moduletable-povezani h3, .latestdocs h3{padding:25px 0 0 10px; font-size:18px;}


/*** ACCORDION ***/

.btn-link {width:100%; text-align:left; color:#1a73e8; font-weight:700;}
.card {border: none; border-bottom:1px solid #ebebeb;}
.card-header {background:#f5f6f7;}
.card-body {border:1px solid #ebebeb; font-size:15px;}
.itemid-148 .card-body {border:1px solid #ebebeb; border-top:0; font-size:15px;}
.card-img-block{border:1px solid #ebebeb; border-bottom:0;}
.card-body p {line-height:1.4rem;}
.card-header{padding: .75rem 0rem;}
.card-header h5{ font-size:16px; font-family:'Open Sans';}
.card-header h5 span{ font-size:15px; font-family:'Open Sans'; color:#282c53; font-weight:400;}
.mb-0 > .btn-link:before {float: right !important; font-family: 'FontAwesome'; content:"\f077"; padding-right: 5px;}
.mb-0 > .btn-link.collapsed:before {float: right !important; content:"\f078";}
.mb-0 > .btn-link:hover, mb-0 > .btn-link:active, .mb-0 > .btn-link:focus  {text-decoration:none;}
.company-logos .col-md-3 {display:flex;}

/* LOGIN PAGE */
.login .control-group {margin:20px 0px 20px 0px;}
.login .control-group input {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff;
    background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
ul.login-param {padding-left:0px;}
.login .control-group input:focus {border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
ul.login-param li {width:100%; font-size:14px; list-style:none; margin-bottom:5px;}
.remind .control-group {margin:20px 0px 20px 0px;}
.reset .control-group{margin:20px 0px 20px 0px;}

.moduletable.latestitems.latestdocs{ margin-bottom:50px;}

body.itemid-101 #middle{padding-bottom: 50px;}

/* ==========================================================================
   HOMEPAGE - Hero / Onze diensten / Ervaring / CTA
   ========================================================================== */
:root {
    --pps-navy: #012446;
    --pps-navy-dark: #011529;
    --pps-blue: #2795cf;
    --pps-blue-hover: #02609c;
    --pps-gray-bg: #f5f6f7;
    --pps-text-gray: #5a6578;
    --pps-border: #e7e7e7;
}

.pps-kicker {display:block; color:var(--pps-blue); font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:10px;}
.pps-section-title {font-size:3rem; font-weight:700; color:var(--pps-navy); margin-bottom:0;}

/* --- Buttons --- */
.btn-pps {display:inline-flex; align-items:center; gap:10px; font-family:'Open Sans'; font-size:14px; font-weight:700;
    letter-spacing:0.03em; text-transform:uppercase; padding:14px 28px; border-radius:2px; transition:all .2s ease; line-height:1;
    text-decoration: none;}
.btn-pps:hover {text-decoration:none;}
.btn-pps i {font-size:12px;}
.btn-pps-navy {background:var(--pps-navy); color:#fff !important; border:1px solid var(--pps-navy);}
.btn-pps-navy:hover {background:var(--pps-navy-dark); color:#fff !important; border-color:var(--pps-navy-dark);}
.btn-pps-outline {background:transparent; color:var(--pps-navy) !important; border:1px solid var(--pps-navy);}
.btn-pps-outline:hover {background:var(--pps-navy); color:#fff !important;}
.btn-pps-white {background:#fff; color:var(--pps-navy) !important; border:1px solid #fff;}
.btn-pps-white:hover {background:transparent; color:#fff !important;}
.btn-pps-outline-white {background:transparent; color:#fff !important; border:1px solid #fff;}
.btn-pps-outline-white:hover {background:#fff; color:var(--pps-navy) !important; border:1px solid var(--pps-navy-dark);}

/* --- Hero --- */
.pps-hero {padding:60px 0 70px; background: url('../images/home-hero-bcg.png') 100% 0% no-repeat;}

.pps-hero__title {font-size:42px; font-weight:700; color:var(--pps-navy); margin-bottom:8px; line-height:1.2;}
.pps-hero__subtitle {font-family:'Open Sans'; font-size:22px; font-weight:700; color:var(--pps-blue); margin-bottom:20px;}
.pps-hero__text {color:var(--pps-text-gray); font-size:16px; line-height:1.8rem; margin-bottom:32px; max-width:520px;}
.pps-hero__actions {display:flex; gap:15px; flex-wrap:wrap;}
.pps-hero__media {position:relative; border-radius:8px; overflow:hidden; min-height:380px; height:100%;
    background:linear-gradient(160deg, #cfe0f2 0%, #8fb8de 55%, #3f77b3 100%);}
.pps-hero__media img {width:100%; height:100%; object-fit:cover; display:block; position:relative; z-index:0;}
.pps-hero__stars {position:absolute; inset:0; overflow:hidden; pointer-events:none;}
.pps-hero__stars i {position:absolute; color:#ffffff; opacity:.85; filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));}
.pps-hero__stars i:nth-child(1) {top:12%; left:58%; font-size:14px;}
.pps-hero__stars i:nth-child(2) {top:8%;  left:72%; font-size:10px; opacity:.65;}
.pps-hero__stars i:nth-child(3) {top:22%; left:80%; font-size:16px;}
.pps-hero__stars i:nth-child(4) {top:34%; left:66%; font-size:11px; opacity:.6;}
.pps-hero__stars i:nth-child(5) {top:18%; left:44%; font-size:12px; opacity:.7;}
.pps-hero__stars i:nth-child(6) {top:44%; left:82%; font-size:14px;}
.pps-hero__stars i:nth-child(7) {top:52%; left:60%; font-size:10px; opacity:.6;}
.pps-hero__stars i:nth-child(8) {top:6%;  left:36%; font-size:9px;  opacity:.55;}
.pps-hero__stars i:nth-child(9) {top:30%; left:26%; font-size:11px; opacity:.6;}

/* --- Services --- */
.pps-services {background:var(--pps-gray-bg); padding:70px 0;}
.pps-services__header {text-align:center; margin-bottom:45px;}
.pps-service-card {background:#fff; border:1px solid var(--pps-border); border-radius:6px; padding:35px 20px; text-align:center; height:100%;
    box-shadow:5px 5px 25px 0 rgba(46,61,73,.06); transition:box-shadow .2s ease;}
.pps-service-card:hover {box-shadow:5px 5px 25px 0 rgba(46,61,73,.18);}
.pps-service-card__icon {font-size:32px; color:var(--pps-navy); margin-bottom:18px;}
.pps-service-card__title {font-family:'Open Sans'; font-weight:700; color:var(--pps-navy); margin-bottom:10px; line-height:1.3;}
.pps-service-card__text {font-size:14px; color:var(--pps-text-gray); line-height:1.6; margin-bottom:0;}

/* --- About --- */
.pps-about {padding:80px 0;}
.pps-about__media img {border-radius:6px; width:100%; height:auto; display:block; box-shadow:5px 5px 25px 0 rgba(46,61,73,.15);}
.pps-about__media {border-radius:6px; min-height:340px; height:100%;}
.pps-about__text p {color:var(--pps-text-gray); margin-bottom:18px;}
.pps-about .pps-section-title {margin-bottom:20px;}

/* --- CTA --- */
.pps-cta {position:relative; background:var(--pps-navy); border-radius:8px; overflow:hidden; padding:45px 40px;}
.pps-cta:before {content:""; position:absolute; inset:0;
    background-image:
        linear-gradient(120deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 40%),
        repeating-linear-gradient(-35deg, rgba(255,255,255,.04) 0 2px, transparent 2px 40px);}
.pps-cta__inner {position:relative; z-index:1; display:flex; align-items:center; flex-wrap:wrap; gap:25px; justify-content:space-between;}
.pps-cta__icon {width:60px; height:60px; min-width:60px; border-radius:50%; background:var(--pps-blue); display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff;}
.pps-cta__text {flex:1; display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.pps-cta__text h3 {color:#fff; font-size:24px; margin-bottom:4px;}
.pps-cta__text p {color:#c9d3e2; margin-bottom:0; font-size:15px;}

@media (max-width:991px){
    .pps-hero__title {font-size:32px;}
    .pps-hero__media {min-height:280px; margin-top:30px;}
    .pps-section-title {font-size:28px;}
    .pps-about__media {margin-bottom:30px;}
}
@media (max-width:767px){
    .pps-service-card {margin-bottom:20px;}
    .pps-cta__inner {flex-direction:column; text-align:center; justify-content:center;}
    .pps-cta__text {justify-content:center;}
}
.moduletable.poslednjevesti ul.latestnews{list-style-type:none; padding:0 12px; font-size: 0.95rem;}

/* ==========================================================================
   FOOTER (5 kolona + bottom bar)
   ========================================================================== */
.btn-pps-sm {padding:9px 20px; font-size:12px;}

.pps-footer {padding:10px 0 30px;}
.pps-footer__col {margin-bottom:30px;}
.pps-footer__title {font-family:'Open Sans'; color:#ffffff; font-size:15px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:20px;}

.pps-footer__links {list-style:none; padding:0; margin:0;}
.pps-footer__links li {margin-bottom:5px;}
.pps-footer__links a {color:#c9d3e2; font-size:14px; text-decoration:none;}
.pps-footer__links a:hover {color:#ffffff; text-decoration:underline;}

.pps-footer__col .btn-pps-outline-white {font-size: 13px; font-weight:400; text-decoration: none;}

.pps-footer__text {color:#c9d3e2; font-size:14px; line-height:1.7; margin-bottom:20px;}

.pps-footer__col--contact {text-align: center;}
.pps-footer__contact {width:160px; margin:0 auto; list-style:none; padding:0; border-bottom:1px solid rgba(255,255,255,.12);}
.pps-footer__contact li {display:flex; align-items:flex-start; text-align: left; gap:15px; margin-bottom:14px; color:#c9d3e2; font-size:14px; line-height:1.5;}
.pps-footer__contact li i {color:var(--pps-blue); font-size:15px; margin-top:3px; width:16px; text-align:center;}
.pps-footer__contact li a {color:#c9d3e2; text-decoration:none;}
.pps-footer__contact li a:hover {color:#ffffff; text-decoration:underline;}
.pps-footer__legal {display:flex; flex-direction:column; gap:4px; font-size:13px; color:#96a3b8; padding-top:14px;}

.pps-footer__social {display:flex; gap:12px; margin-bottom:10px;}
.pps-footer__social a {display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%;
    background:rgba(255,255,255,.08); color:#ffffff; font-size:15px; transition:background .2s ease; text-decoration:none;}
.pps-footer__social a:hover {background:var(--pps-blue); color:#ffffff;}

.pps-footer__col--brand {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start;}
.pps-footer__brand {margin-top:10px;}
.pps-footer__bottom {border-top:1px solid rgba(255,255,255,.12); margin-top:10px; padding-top:20px; text-align:center;}
.pps-footer__bottom p {color:#96a3b8; font-size:13px; margin-bottom:0;}

@media (max-width:991px){
    .pps-footer__col--brand {align-items:flex-start; margin-top:10px;}
}

/* ==========================================================================
   HOMEPAGE NEW - info kartice / diensten kartice
   ========================================================================== */
.pps-about__closing {font-weight:600; color:var(--pps-navy); margin-top:10px; margin-bottom:20px;}

.pps-info-card {background:#fff; border:1px solid var(--pps-border); border-radius:6px; padding:32px 28px; height:100%;
    box-shadow:5px 5px 25px 0 rgba(46,61,73,.06); transition:box-shadow .2s ease;}
.pps-info-card:hover {box-shadow:5px 5px 25px 0 rgba(46,61,73,.18);}
.pps-info-card__title {font-family:'Open Sans'; font-size:18px; font-weight:700; color:var(--pps-navy); margin-bottom:12px;}
.pps-info-card__text {color:var(--pps-text-gray); font-size:14px; line-height:1.7; margin-bottom:0;}

.pps-service-card__more {display:inline-block; margin-top:6px; font-size:13px; font-weight:700; color:var(--pps-blue);
    text-transform:uppercase; letter-spacing:0.03em; text-decoration:none;}
.pps-service-card__more:hover {color:var(--pps-blue-hover); text-decoration:none;}

.pps-highlight {background:#fff; box-shadow:5px 5px 25px 0 rgba(46,61,73,.08); padding:25px 30px; border-radius:8px; margin:30px 0;}
.pps-highlight p {border-left:3px solid var(--pps-blue); padding-left:15px; font-weight:700; color:var(--pps-navy); margin-bottom:0;}

/* ==========================================================================
   OVER PPS NEW - timeline / tags / accordion
   ========================================================================== */

/* --- Timeline (publicaties) --- */
.pps-timeline {position:relative; margin:30px 0 0; padding-left:32px;}
.pps-timeline:before {content:""; position:absolute; left:6px; top:6px; bottom:6px; width:2px; background:var(--pps-border);}
.pps-timeline__item {position:relative; display:flex; align-items:flex-start; gap:20px; margin-bottom:28px;}
.pps-timeline__item:last-child {margin-bottom:0;}
.pps-timeline__item:before {content:""; position:absolute; left:-32px; top:3px; width:14px; height:14px; border-radius:50%;
    background:var(--pps-blue); border:3px solid #fff; box-shadow:0 0 0 2px var(--pps-blue);}
.pps-timeline__item--current:before {background:var(--pps-navy); box-shadow:0 0 0 2px var(--pps-navy);}

/* Boek-thumbnail: <div class="pps-timeline__thumb"><img src="..." alt="..."></div> als eerste kind,
   gevolgd door <div class="pps-timeline__body"> met daarin de bestaande year/text. Aanbevolen
   beeldformaat 220x320px (portret, boekomslag-verhouding ~2:3) - wordt gecropt op 110x160. */
.pps-timeline__thumb {flex:0 0 auto; width:110px; height:160px; border-radius:4px; overflow:hidden;
    border:1px solid var(--pps-border); box-shadow:5px 5px 25px 0 rgba(46,61,73,.10); background:#fff;}
.pps-timeline__thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.pps-timeline__body {flex:1 1 auto; min-width:0;}

.pps-timeline__year {display:block; font-family:'Open Sans'; font-weight:700; color:var(--pps-navy); font-size:15px; margin-bottom:4px;}
.pps-timeline__item--current .pps-timeline__year {color:var(--pps-blue);}
.pps-timeline__text {color:var(--pps-text-gray); font-size:14px; line-height:1.6; margin-bottom:0;}
.pps-timeline__text a {color:var(--pps-blue); font-weight:700; text-decoration:none;}
.pps-timeline__text a:hover {color:var(--pps-blue-hover); text-decoration:underline;}

@media (max-width:575px){
    .pps-timeline__thumb {width:80px; height:116px;}
}

/* --- Tag grid (opdrachtgevers) --- */
.pps-tag-grid {display:flex; flex-wrap:wrap; gap:10px; margin-top:25px;}
.pps-tag {background:#fff; border:1px solid var(--pps-border); border-radius:20px; padding:9px 18px; font-size:13px;
    color:var(--pps-navy); font-weight:600; line-height:1.3;}

/* --- Accordion (typen aanbestedingen) --- */
.pps-accordion .accordion-item {border:1px solid var(--pps-border); border-radius:6px; margin-bottom:12px; overflow:hidden;}
.pps-accordion .accordion-item:last-child {margin-bottom:0;}
.pps-accordion .accordion-item .accordion-header {padding:0;}
.pps-accordion .accordion-button {font-family:'Open Sans'; font-weight:700; color:var(--pps-navy); font-size:15px; background:#fff; box-shadow:none;}
.pps-accordion .accordion-button:not(.collapsed) {background:var(--pps-gray-bg); color:var(--pps-navy); box-shadow:none;}
.pps-accordion .accordion-button:focus {box-shadow:none; border-color:var(--pps-border);}
.pps-accordion .accordion-body {color:var(--pps-text-gray); font-size:14px; line-height:1.7; padding-top:6px;}

/* ==========================================================================
   NEWS - category blog override (blog-news.php)
   ========================================================================== */
.pps-news-intro {margin-bottom:40px; color:var(--pps-text-gray);}
.pps-news-intro :last-child {margin-bottom:0;}
.pps-news-intro a {color:var(--pps-blue); font-weight:700; text-decoration:none;}
.pps-news-intro a:hover {color:var(--pps-blue-hover); text-decoration:underline;}

.pps-news-empty {color:var(--pps-text-gray);}

.pps-news-list {display:flex; flex-direction:column; gap:20px;}
.pps-news-block {background:#fff; border:1px solid var(--pps-border); border-radius:6px; padding:24px 28px;
    box-shadow:5px 5px 25px 0 rgba(46,61,73,.06); transition:box-shadow .2s ease;}
.pps-news-block:hover {box-shadow:5px 5px 25px 0 rgba(46,61,73,.14);}
.pps-news-block__date {display:block; font-size:12px; font-weight:600; letter-spacing:.04em;
    color:var(--pps-text-gray); margin-bottom:14px;}
.pps-news-block__row {display:flex; gap:24px; align-items:flex-start;}
.pps-news-block__thumb {flex:0 0 auto; width:150px; height:150px; border-radius:6px; overflow:hidden; background:var(--pps-gray-bg);}
.pps-news-block__thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.pps-news-block__body {flex:1 1 auto; min-width:0;}
.pps-news-block__title {font-family:'Open Sans'; font-size:19px; font-weight:700; margin-bottom:8px; line-height:1.3;}
.pps-news-block__title a {color:var(--pps-navy); text-decoration:none;}
.pps-news-block__title a:hover {color:var(--pps-blue);}
.pps-news-block__excerpt {color:var(--pps-text-gray); font-size:14px; line-height:1.7; margin-bottom:0;}

.pps-news-pagination {margin-top:35px;}

@media (max-width:575px){
    .pps-news-block__row {flex-direction:column;}
    .pps-news-block__thumb {width:120px; height:120px;}
}

/* ==========================================================================
   NEWS - artikel override (article/pps.php)
   ========================================================================== */
.pps-article__date {display:block; font-size:12px; font-weight:600; letter-spacing:.04em;
    color:var(--pps-text-gray); margin-bottom:10px;}
.pps-article__title {}

.pps-article__image {margin-bottom:30px;}
.pps-article__image img {width:100%; height:auto; border-radius:6px; display:block; box-shadow:5px 5px 25px 0 rgba(46,61,73,.12);}

.pps-article__body {}
.pps-article__body p {}
/*.pps-article__body h2, .pps-article__body h3, .pps-article__body h4 {font-family:'Open Sans'; font-weight:700; color:var(--pps-navy); margin:30px 0 14px;}*/
.pps-article__body ul, .pps-article__body ol {margin-bottom:18px; padding-left:22px;}
.pps-article__body li {margin-bottom:8px;}
.pps-article__body a {color:var(--pps-blue); font-weight:600; text-decoration:none;}
.pps-article__body a:hover {color:var(--pps-blue-hover); text-decoration:underline;}
.pps-article__body img {max-width:100%; height:auto; margin:10px 0; border: 1px solid #bbb;
  box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.15);}

.pps-article__back {display:inline-flex; align-items:center; gap:8px; margin-top:40px; font-size:13px; font-weight:700;
    letter-spacing:.03em; text-transform:uppercase; color:var(--pps-navy); text-decoration:none;}
.pps-article__back:hover {color:var(--pps-blue);}
.pps-article__back i {font-size:11px;}

/* ==========================================================================
   NEWS - paginering (Joomla pagination markup binnen .pps-news-pagination)
   ========================================================================== */
.pps-news-pagination .pagination__wrapper {display:flex; justify-content:center;}
.pps-news-pagination .pagination {display:flex; flex-wrap:wrap; align-items:center; gap:6px; list-style:none; padding:0;}
.pps-news-pagination .page-item {display:flex;}

.pps-news-pagination .page-link {display:flex; align-items:center; justify-content:center; min-width:38px; height:38px;
    padding:0 10px; border:1px solid var(--pps-border); border-radius:6px; background:#fff; color:var(--pps-navy);
    font-family:'Open Sans'; font-size:14px; font-weight:600; text-decoration:none; transition:all .2s ease;}
.pps-news-pagination .page-link:hover {border-color:var(--pps-navy); background:var(--pps-gray-bg); color:var(--pps-navy); text-decoration:none;}

.pps-news-pagination .page-item.active .page-link {background:var(--pps-navy); border-color:var(--pps-navy); color:#fff; cursor:default;}
.pps-news-pagination .page-item.disabled .page-link {background:var(--pps-gray-bg); border-color:var(--pps-border); color:#b6bec9;
    cursor:default; pointer-events:none;}

/* Joomla's icon-angle-* lettertype wordt niet geladen op de site, dus tekenen we de pijltjes zelf met Font Awesome. */
.pps-news-pagination [class^="icon-angle"] {display:inline-block; font-size:12px; line-height:1;}
.pps-news-pagination [class^="icon-angle"]:before {font-family:"Font Awesome 7 Pro"; font-weight:900;}
.pps-news-pagination .icon-angle-double-left:before {content:"\f100";}
.pps-news-pagination .icon-angle-left:before {content:"\f104";}
.pps-news-pagination .icon-angle-right:before {content:"\f105";}
.pps-news-pagination .icon-angle-double-right:before {content:"\f101";}