/*
Theme Name: CEDEC
Theme URI: http://ichthys.modeltheme.com/
Author: Ken Coenen
Author URI: https://www.kct-consultancy.be/
Description: CEDEC WordPress Theme
Template: ichthys
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: modeltheme
Tags: fluid-layout, custom-header, custom-menu, featured-images, post-formats, sticky-post

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/* =Theme customization starts here
------------------------------------------------------- */

.stats-content p {
    text-transform: none;
}

.stats-content {
    text-align: center;
}

.payment-methods {
    display: none;
}

nav.navbar-default .icon-bar {
    color: #004991 !important;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #004991 !important;
    font-family: 'Eurostile LT Std' !important;
    font-size: 1.5rem;
}

.nav > li.search_products {
    display: none;
}

footer .textwidget p {
	color: #004991;
}

.footer-top .widget-title {
	color: #004991;
}

footer .footer-top .menu .menu-item a {
  color: #004991;
  text-decoration: none;
  transition: color 0.3s ease;
}

footer .footer-top .menu .menu-item a:hover {
  color: #000;
}


h1, .h1 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

h2, .h2, h3, .h3 {
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

h1 {
    font-size: 30px !important;
    font-family: 'Eurostile LT Std' !important;
    font-weight: bold !important;
    color: #004991 !important;
}

h2 {
    font-size: 23px !important;
    font-family: 'Eurostile LT Std' !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: uppercase;
    color: #e2594a !important;
}

h3 {
    font-size: 20px !important;
    font-family: 'Eurostile LT Std' !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    color: #e2594a !important;
}

h4 {
    font-size: 17px !important;
    font-family: 'Eurostile LT Std' !important;
    font-weight: normal !important;
    font-style: normal !important;
    color: #e2594a !important;
}

h5 {
    font-size: 14px !important;
    font-family: 'Eurostile LT Std' !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    margin: 0 0 1px !important;
    padding-top: 0 !important;
}

.ui-accordion-header {
    font-size: 18px !important;
}


.block-title p {
    font-family: 'Eurostile LT Std' !important;
    font-style: normal !important;
    font-weight: normal !important;;
    text-transform: uppercase !important;;
    color: #e2594a !important;
    font-size: 20px !important;
}

.sidebar-content .widget-title {
    font-family: 'Eurostile LT Std' !important;;
    color: #004991 !important;
}

.modeltheme-breadcrumbs {
    border-top: none;
}

.modeltheme-breadcrumbs .page-title {
    font-size: 30px !important;;
    font-family: 'Eurostile LT Std' !important;
    font-style: bold !important;
    font-weight: bold !important;;
    color: #004991 !important;
}

.wpb_row {
    margin-bottom: 40px;
}

.copyright {
    font-family: 'Eurostile LT Std' !important;
}

/* Breadcrumbs overlay */
.modeltheme-breadcrumbs {
    position: relative;
    overflow: hidden; /* voorkomt dat overlay buiten valt */
}
/* Overlay pseudo-element */
.modeltheme-breadcrumbs::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(226, 235, 241, 0.7); /* lichtblauw met 70% transparantie */
    z-index: 1; /* onder de content */
    pointer-events: none; /* overlay blokkeert geen klikken */
}
/* Content boven overlay */
.modeltheme-breadcrumbs .container,
.modeltheme-breadcrumbs h1,
.modeltheme-breadcrumbs ol.breadcrumb {
    position: relative;
    z-index: 2;
}

/* Default transparency = ligth */
/* Target enkel full-width parallax rijen */
.vc_row[data-vc-full-width][data-vc-parallax-image] .vc_parallax-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(226, 235, 241, 0.7); /* lichtblauw met 70% transparantie */
    z-index: 2;
    pointer-events: none; /* overlay blokkeert geen klikken */
}

/* Target enkel full-width parallax rijen */
.vc_row[data-vc-full-width][data-vc-parallax-image].dark .vc_parallax-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(226, 235, 241, 0.5);*/ /* kleur + transparantie */
    background-color: rgba(0, 73, 145, 0.6); /* donkerblauw met 60% transparantie */
    z-index: 2;
    pointer-events: none; /* overlay blokkeert geen klikken */
}

/* Make all text in dark parallax white */
.vc_row[data-vc-full-width][data-vc-parallax-image].dark {
    color: #fff !important;
}
.vc_row[data-vc-full-width][data-vc-parallax-image].dark h1,
.vc_row[data-vc-full-width][data-vc-parallax-image].dark h2,
.vc_row[data-vc-full-width][data-vc-parallax-image].dark h3,
.vc_row[data-vc-full-width][data-vc-parallax-image].dark h4,
.vc_row[data-vc-full-width][data-vc-parallax-image].dark h5,
.vc_row[data-vc-full-width][data-vc-parallax-image].dark p {
    color: #fff !important;
}

/* Zorg dat de content zichtbaar blijft boven de overlay */
.vc_row[data-vc-full-width][data-vc-parallax-image] > .wpb_column,
.vc_row[data-vc-full-width][data-vc-parallax-image] .vc_column-inner,
.vc_row[data-vc-full-width][data-vc-parallax-image] .wpb_wrapper && .dark-transparency {
    position: relative;
    z-index: 3;
}

div[data-vc-full-width="true"].member-map .vc_column-inner {
    padding: 0 !important;
}
div[data-vc-full-width="true"].member-map {
    margin-bottom: 0 !important;
}

/* Publication thumbnails */
.vc_gitem-zone, .vc_gitem_row .vc_gitem-col {
    /*background-size: contain;*/
    background-position: inherit;
}
.vc_gitem-zone{
    height: 100%;
}
.vc_gitem_row, .vc_gitem-zone, .vc_grid-item-mini, .vc_gitem-animated-block {
    background-color: #fff !important;
}
/* Publication grid styling */
/* alleen voor grid-items met klasse .document */
.vc_grid-item.document .vc_grid-item-mini {
    border-radius: 0px;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15))
    drop-shadow(0 10px 20px rgba(0,0,0,0.1));
}
/* Forceer flex layout op de WPBakery grid container */
.vc_grid .vc_pageable-slide-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}
/* Maak elk grid item flexibel en even hoog */
.vc_grid .vc_grid-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    flex: 1 0 25% !important; /* 4 per rij bij .vc_col-sm-3 */
    box-sizing: border-box !important;
}
/* Binnenste blok moet ook volledige hoogte nemen */
.vc_grid .vc_grid-item-mini {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}
/* Zorg dat de inhoud (zones) de hoogte vult */
.vc_grid .vc_gitem-animated-block,
.vc_grid .vc_gitem-zone {
    flex: 1 1 auto !important;
}
/* Optionele spacing fix */
.vc_grid-gutter-30px .vc_grid-item {
    padding: 15px !important;
}
/* Responsieve fix: 2 per rij op tablet, 1 per rij op mobiel */
@media (max-width: 991px) {
    .vc_grid .vc_grid-item {
        flex: 1 0 50% !important;
    }
}
@media (max-width: 575px) {
    .vc_grid .vc_grid-item {
        flex: 1 0 100% !important;
    }
}

/* Sidebar layout */
/* Zorg dat de parent container flex is */
.vc_row {
    display: flex;
    align-items: flex-start;
}
/* Sidebar sticky maken */
.sidebar-content {
    position: sticky;
    top: 100px; /* afstand vanaf de bovenkant van het scherm */
    align-self: flex-start;
    height: fit-content;
}
.sidebar-content .widget-title {
    margin-top: 0 !important;
}
/* Optioneel: zodat de sidebar niet breder wordt dan zijn kolom */
.sidebar-content aside {
    width: 100%;
}
@media (max-width: 991px) {
    .vc_row {
        flex-direction: column;
    }
    .sidebar-content {
        position: static; /* sticky uitschakelen */
        margin-left: 0;
        width: 100%;
    }
}

@font-face {
    font-family: 'Eurostile LT Std';
    src: url('./fonts/EurostileLTStd-Demi.woff2') format('woff2'),
        url('./fonts/EurostileLTStd-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile LT Std';
    src: url('./fonts/EurostileLTStd.woff2') format('woff2'),
        url('./fonts/EurostileLTStd.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile LT Std';
    src: url('./fonts/EurostileLTStd-Oblique.woff2') format('woff2'),
        url('./fonts/EurostileLTStd-Oblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile LT Std';
    src: url('./fonts/EurostileLTStd-Bold.woff2') format('woff2'),
        url('./fonts/EurostileLTStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile LT Std';
    src: url('./fonts/EurostileLTStd-DemiOblique.woff2') format('woff2'),
        url('./fonts/EurostileLTStd-DemiOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile LT Std';
    src: url('./fonts/EurostileLTStd-BoldOblique.woff2') format('woff2'),
        url('./fonts/EurostileLTStd-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {
    background-color: white;
}

.cedec-group-logo {
    max-width: 200px;
    height: auto;
}

.breadcrumb a::after {
    content: "" !important;
}

.breadcrumb .active {
    margin-left: 6px;
}

@media (min-width: 992px) {
    .footer3half .vc_col-md-6 {
        margin-right: 150px;
    }
}