:root {
    --primary-color: #0e163b;
    --secondary-color: #fe5f55;
    --tertiary-color: #2c4a52;

	--bg-light: #ebf6f8;

	--border-color: #e8d7b9;

    --btn-primary-bg : #0e163b;
    --btn-primary-txt : #ffffff;
    --btn-primary-border : #0e163b;
    --btn-primary-bg-hover : #ffffff;
    --btn-primary-txt-hover : #0e163b;
    --btn-primary-border-hover : #d7d9d8;
    
    --btn-outline-primary-bg : #ffffff;
    --btn-outline-primary-txt : #0e163b;
    --btn-outline-primary-border : #d7d9d8;
    --btn-outline-primary-bg-hover : #0e163b;
    --btn-outline-primary-txt-hover : #ffffff;
    --btn-outline-primary-border-hover : #0e163b;

    --btn-secondary-bg : #ffffff;
    --btn-secondary-txt : #0e163b;
    --btn-secondary-border : #d7d9d8;
    --btn-secondary-bg-hover : #ffffff;
    --btn-secondary-txt-hover : #fe5f55;
    --btn-secondary-border-hover : #cfc8bf;

    --btn-action-bg: #fe5f55;
    --btn-action-txt: #ffffff;
    --btn-action-bg-hover: #fe7e76;

	--secondary-font: 'Roboto', serif; 

    --header-bg-color: #1b274f;
    --menu-bg-color: #1b274f;
    --menu-link-color: #fff;
    --menu-link-color-hover: #fe5f55;
    --breadcrumb-bg-color: #fff;
    --breadcrumb-txt-color: #0e163b;


    --darkblue: #1b264f;
    --coral: #fe5f55;
    --green: #95a78d;
    --khaki: #cfc8bf;
    --beige: #efede9;
    
    --tijdschriften:    #1f4b54;
    --opleidingen:      #86b589;
    --events:           #ec4a45;
    --actueel:          #caac76;
    --boeken:           #e59500;
    --boeken-bg:        #e4f3fe;

    --swiper-theme-color: #fe5f55 !important;



}

.gx-3 .col-3,
.gx-3 .col-6,
.gx-3 .col-lg-3,
.gx-3 .col-lg-4,
.gx-3 .col-lg-9,
.gx-3 .col-md-6     { padding-right: 8px; padding-left: 8px; }



/*------scroll bar---------------------*/

::-webkit-scrollbar {
    width: 14px;
    height: 10px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #cfc8bf;
    border: 0px none #cfc8bf;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: #1b264f;
}
::-webkit-scrollbar-thumb:active {
    background: #1b264f;
}
::-webkit-scrollbar-track {
    background: #efede9;
    border: 0px none #cfc8bf;
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: #efede9;
}
::-webkit-scrollbar-track:active {
    background: #efede9;
}
::-webkit-scrollbar-corner {
    background: transparent;
}


/**
 *  Colors
 */
.bg-darkblue        { background-color: var(--darkblue); }
.bg-coral           { background-color: var(--coral); }
.bg-green           { background-color: var(--green); }
.bg-khaki           { background-color: var(--khaki); }
.bg-beige           { background-color: var(--beige); }

.bg-darkblue a:not(.btn),
.bg-coral a:not(.btn),
.bg-green a:not(.btn),
.bg-khaki a:not(.btn)             { color: #FFF; border-bottom: 1px solid #FFF; }

.bg-darkblue a:not(.btn):hover,
.bg-coral a:not(.btn):hover,
.bg-green a:not(.btn):hover,
.bg-khaki a:not(.btn):hover       { color: var(--primary-color); border-bottom: 1px solid var(--primary-color); }  

.bg-tib                     { background-color: #da9a29; }
.bg-oom,        
.bg-pom                     { background-color: #504b83; }
.bg-tvo                     { background-color: #b4b652; }
.bg-thema                   { background-color: #b1929e; }
.bg-onzejeugd               { background-color: #ee833d; }
.bg-kleuterzaken            { background-color: #96c2d9; }
.bg-werkenaaninclusie       { background-color: #d79928; }



body.tijdschriften-page .card-theme,
.bg-tijdschriften,
.theme-tijdschriften .card-theme  { background-color: var(--tijdschriften); }
.theme-opleidingen .card-theme    { background-color: var(--opleidingen); }
.theme-events .card-theme         { background-color: var(--events); }
.theme-actueel .card-theme        { background-color: var(--actueel); }
.theme-boeken .card-theme         { background-color: var(--boeken); }
.theme-boeken.card                { background-color: var(--boeken-bg); border-color: var(--boeken-bg); border: 0; }
.theme-quote-groen                { background-color: var(--inspiration); }


.bg-color1          { background-color: var(--beige); }
.bg-color2          { background-color: #ebf6f8; }

.text-darkblue      { color: var(--darkblue); }
.text-coral         { color: var(--coral); }
.text-green         { color: var(--green); }
.text-khaki         { color: var(--khaki); }
.text-beige         { color: var(--beige); }

.border-darkblue    { border-color: var(--darkblue) !important; }
.border-coral       { border-color: var(--coral) !important; }
.border-green       { border-color: var(--green) !important; }
.border-khaki       { border-color: var(--khaki) !important; }
.border-beige       { border-color: var(--beige) !important; }

.cursor-copy        { cursor: copy; transition: all 0.1s ease-out; }
.cursor-copy:active  { transform: scale(1.03); box-shadow: 0 0 4px 2px rgb(254, 95, 85, .3);  }

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b9b9b9;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b9b9b9;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #b9b9b9;
}



/**
*  Bootstrap overrrides
*/
.navbar-toggler,
.navbar-toggler-icon,
.btn    { padding: 0.25rem 0.5rem; font-size: .875rem; line-height: 1.5; border-radius: 0.2rem; font-family: 'Poppins', sans-serif; font-weight: 600; border-radius: 0.35rem; min-width: 2.5rem; }

.navbar-toggler     { color: #fff; }

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), 
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child), 
.input-group>.input-group-append:not(:last-child)>.btn, 
.input-group>.input-group-append:not(:last-child)>.input-group-text, 
.input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}


/**
*  Buttons
*/
.btn-primary                    { background: var(--btn-primary-bg); border-color: var(--btn-primary-border); color: var(--btn-primary-txt); }
.btn-primary.hover,
.btn-primary:hover              { background-color: var(--btn-primary-bg-hover); border-color: var(--btn-primary-border-hover); color: var(--btn-primary-txt-hover); }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus              { background-color: var(--btn-primary-bg-hover); border-color: var(--btn-primary-border-hover); color: var(--btn-primary-txt-hover); }

.btn-outline-primary            { background: var(--btn-outline-primary-bg); border-color: var(--btn-outline-primary-border); color: var(--btn-outline-primary-txt); }
.btn-outline-primary.hover,
.btn-outline-primary:hover      { background: var(--btn-outline-primary-bg-hover); border-color: var(--btn-outline-primary-border-hover); color: var(--btn-outline-primary-txt-hover); }
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle     { background: var(--btn-outline-primary-bg-hover); border-color: var(--btn-outline-primary-border-hover); color: var(--btn-outline-primary-txt-hover); }

.btn-secondary                  { background: var(--btn-secondary-bg); border-color: var(--btn-secondary-border); color: var(--btn-secondary-txt); }
.btn-secondary.hover,
.btn-secondary:hover            { background-color: var(--btn-secondary-bg-hover); border-color: var(--btn-secondary-border-hover); color: var(--btn-secondary-txt-hover); }
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn-secondary.focus,
.btn-secondary:focus            { background-color: var(--btn-secondary-bg-hover); border-color: var(--btn-secondary-border-hover); color: var(--btn-secondary-txt-hover); }

.btn-action                     { background: var(--btn-action-bg); border-color: var(--btn-action-bg); color: var(--btn-action-txt); }
.btn-action.hover,
.btn-action:hover               { background-color: var(--btn-action-bg-hover); border-color: var(--btn-action-bg-hover); color: var(--btn-action-txt); }

button:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 157, 146, 0.672) !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #464646;
    background-color: #ffffff;
    border-color: #d8d8d8;
}


.btn-link                       { color: #1b264f; }
.btn-link:hover                 { color: #fe5f55; }
.btn-link:focus                 { box-shadow: none !important; }

.btn.page-item.active           { background: #1b264f !important; border-color: #1b264f !important; color: #fff !important; }

.dropdown-toggle::after         { display: none; }


/* Drop down arrow omdraaien */
.nav-item.dropdown                      { transition: all 1s; }
.nav-item.dropdown.show .fa-angle-down  { transform: rotate(180deg); }

nav .dropdown:hover > .dropdown-menu    { display: block; }


/* ALGEMEEN */
.rounded-corner { border-radius: 0 0 25px 0; }
.attention-border-bottom            { border-bottom: 1px solid #fe5f55; }
a, a.underline                      { color: #003688; text-decoration: none; border-bottom: 1px solid #666e93; }
header a, nav a, a.back-to-top      { border-bottom: 0; }
a:hover, a.underline:hover          { color: #fe5f55; text-decoration: none; }
.pointer                            { cursor: pointer; }
/* label                               { color: #003688; cursor: pointer; } */
label                               { font-size: 0.95rem; cursor: pointer; margin-bottom: 5px; }
label.form-check-label:hover        { color: #fe5f55; }
.text-muted a                       { color: #6c757d!important; }

::-moz-selection    { background: #efede9; color: #fe5f55; }
::selection         { background: #efede9; color: #fe5f55; }

ol                  { padding: 0 0 0 18px; }
ul                  { padding: 0 0 0 18px; }

.back-to-top:hover          { color: #fe5f55; }

.back-to-top-brand-image    { height: 35px; }
.border-top                 { border-color: #ced0d9 !important; }
.border-2                   { border-width: 2px !important; }        

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}


/* Pagination */
.page-link                      { color: #1b264f; }
.page-link:hover                { color: #fe5f55; background: #fff; }

:focus  { outline: none; }

.bg-primary                     { background: #1b264f !important; }

.menu-side-content .border-top  { border-color: #fff!important; }

.text-decoration-underline      { text-decoration: underline !important; }

.account-menu.collapsing        { -webkit-transition: none; transition: none; display: none; }






/* FORMULIEREN */
.pe--formulier h4               { margin: 3rem 0 0.5rem; clear: both;}
.pe--formulier .alert-success   { background-color: #FFF; }
.pe--formulier .alert           { padding: 0.5rem 1rem; border-left: 5px solid #c3e6cb; border-bottom: 0; border-top: 0; border-right: 0; border-radius: 0; }

.options.is-invalid             { color: #dc3545; }

@media (min-width: 768px) {
    #xsform-aflever_straatnaamFieldID4,
    #xsform-factuur_straatnaamFieldID4,
    #xsform-straatFieldID3,
    #xsform-factuur_straatFieldID3  { width: 48%; margin-right: 2%; float: left;}
    #xsform-aflever_huisnummerFieldID4,
    #xsform-factuur_huisnummerFieldID4,
    #xsform-huisnummerFieldID3,
    #xsform-factuur_huisnummerFieldID3  { width: 33%; margin-right: 2%; float: left;}
    #xsform-aflever_huisnummertoevoegingFieldID4,
    #xsform-factuur_huisnummertoevoegingFieldID4,
    #xsform-huisnummertoevoegingFieldID3,
    #xsform-factuur_huisnummertoevoegingFieldID3  { width: 15%; float: left;}


    #xsform-factuur_functieFieldID4,
    #xsform-functieFieldID4,
    #xsform-functieFieldID3  { width: 48%; float: left; }
    #xsform-aflever_initialenFieldID4,
    #xsform-initialenFieldID3  { width: 18%; margin-right: 2%; float: left; clear: left;}
    #xsform-aflever_voornaamFieldID4,
    #xsform-voornaamFieldID3  { width: 28%; margin-right: 2%; float: left;}
    #xsform-aflever_tussenvoegselFieldID4,
    #xsform-tussenvoegselFieldID3  { width: 18%; margin-right: 2%; float: left;}
    #xsform-aflever_achternaamFieldID4,
    #xsform-achternaamFieldID3  { width: 30%;  float: left;}
    
    #xsform-factuur_emailadresFieldID4,
    #xsform-aflever_mobielnummerFieldID4,
    #xsform-emailFieldID3       { width: 48%; margin-right: 2%; float: left; clear: left; }
    #xsform-factuur_telefoonnummerFieldID4,
    #xsform-aflever_telefoonnummerFieldID4,
    #xsform-telefoonnummerFieldID3  { width: 50%; float: left;}


    #xsform-aflever_achternaamFieldID4::after,
    #xsform-achternaamFieldID3::after  { content: " "; width: 100%; display: block; height: 2rem; }
    
    #xsform-aflever_postcodeFieldID4,
    #xsform-factuur_postcodeFieldID4,
    #xsform-postcodeFieldID3,
    #xsform-aflever-postcodeFieldID3,
    #xsform-factuur_postcodeFieldID3    { clear:left; float: left; width: 28%; margin-right: 2%; }
    #xsform-aflever_plaatsFieldID4,
    #xsform-factuur_plaatsFieldID4,
    #xsform-plaatsFieldID3,
    #xsform-factuur_plaatsFieldID3    { float: left; width: 70%; }

    #xsform-aflever_landcodeFieldID4,
    #xsform-factuur_landcodeFieldID4,
    #xsform-landcodeFieldID3,
    #xsform-factuur_landcodeFieldID3    { clear: both; }


    .pe--formulier h4.xsform-dagdelenFieldID3,
    .pe--formulier h4.xsform-dagdelen2_FieldID3,
    .pe--formulier h4.xsform-dagdelen3_FieldID3,
    .pe--formulier h4.xsform-dagdelen4_FieldID3,
    .pe--formulier h4.xsform-dagdelen5_FieldID3,
    .pe--formulier h4.xsform-radioFieldID3    { margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-weight: 500;
        font-size: 15px;
        color: #555;
    } }

    
    /* OFFERTE AANVRAGEN FORMULIER ONLINE */
    #xsform-aanhefFieldID15      { float: left; width: 15%; margin-right: 2%; }
    #xsform-voornaamFieldID15,
    #xsform-tussenvoegselFieldID15       { float: left; width: 20%; margin-right: 2%; }
    #xsform-achternaamFieldID15          { margin-right: -15px; }
    
    #xsform-factuur_straatFieldID15                      { float: left; width: 65%; margin-right: 2%; }
    #xsform-factuur_huisnummerFieldID15                  { float: left; width: 20%; margin-right: 2%; }
    #xsform-factuur_huisnummertoevoegingFieldID15        { margin-right: -15px; }

    #xsform-factuur_postcodeFieldID15    { float: left; width: 20%; margin-right: 2%; }
    #xsform-factuur_plaatsFieldID15      { margin-right: -15px; }

    
    /* OFFERTE AANVRAGEN FORMULIER DEV, STAGING, ONLINE */
    #xsform-aanhefFieldID7      { float: left; width: 15%; margin-right: 2%; }
    #xsform-voornaamFieldID7,
    #xsform-tussenvoegselFieldID7       { float: left; width: 20%; margin-right: 2%; }
    #xsform-achternaamFieldID7          { margin-right: -15px; }
    
    #xsform-factuur_straatFieldID7                      { float: left; width: 65%; margin-right: 2%; }
    #xsform-factuur_huisnummerFieldID7                  { float: left; width: 20%; margin-right: 2%; }
    #xsform-factuur_huisnummertoevoegingFieldID7        { margin-right: -15px; }

    #xsform-factuur_postcodeFieldID7    { float: left; width: 20%; margin-right: 2%; }
    #xsform-factuur_plaatsFieldID7      { margin-right: -15px; }

}

/**
*  Basics
*/
html            { height: 100%; scroll-behavior: smooth; }
body            { height: 100%; font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 24px; color: #333; }
body.noscroll   { margin: 0; height: 100%; overflow: hidden; }

.page-content   { display: flex; flex-direction: column; min-height: 100%;  }
.non-footer     { flex: 1 0 auto; }

h1, .h1         { font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 35px; color: #fe5f55; font-weight: 400; }
h2, .h2         { font-family: 'Poppins', sans-serif; font-size: 24px; line-height: 30px; color: #1b264f; }
h3, .h3         { font: 600 18px/22px 'Poppins', sans-serif; color: #1b264f; }
h4, .h4         { font: 600 16px/20px 'Poppins', sans-serif; color: #1b264f; }
h5, .h5         { font: 600 14px/18px 'Poppins', sans-serif; color: #1b264f; }

.w-md-20        { width: 20% !important; }
.w-md-25        { width: 25% !important; }
.w-md-30        { width: 30% !important; }
.w-md-35        { width: 35% !important; }
.w-md-40        { width: 40% !important; }
.w-md-45        { width: 45% !important; }
.w-md-50        { width: 50% !important; }
.w-md-55        { width: 55% !important; }
.w-md-60        { width: 60% !important; }
.w-md-65        { width: 65% !important; }
.w-md-70        { width: 70% !important; }
.w-md-75        { width: 75% !important; }


.left20,.left25,
.left30,.left35,
.left40,.left45,
.left50,.left55,
.left60,.left65,
.left70,.left75 { float: left; margin-right: 2rem; margin-bottom: 1rem; }

.right20,.right25,
.right30,.right35,
.right40,.right45,
.right50,.right55,
.right60,.right65,
.right70,.right75 { float: right; margin-left: 2rem; margin-bottom: 1rem; }

.left20,.right20    { width: 20%; }
.left25,.right25    { width: 25%; }
.left30,.right30    { width: 30%; }
.left35,.right35    { width: 35%; }
.left40,.right40    { width: 40%; }
.left45,.right45    { width: 45%; }
.left50,.right50    { width: 50%; }
.left55,.right55    { width: 55%; }
.left60,.right60    { width: 60%; }
.left65,.right65    { width: 65%; }
.left70,.right70    { width: 70%; }
.left75,.right75    { width: 75%; }


a               { color: var(--primary-color); text-decoration: none; cursor: pointer; }
a:hover			{ color: var(--secondary-color); }

@media (min-width: 768px) {
    h1, .h1     { font-family: 'Poppins', sans-serif; font-size: 45px; line-height: 50px; }
    h2, .h2     { font-family: 'Poppins', sans-serif; font-size: 28px; line-height: 32px; }
    .w-100.w-md-50  { width: 50% !important; }
}

p               { margin-bottom: 0; }
.pe--nieuwsartikel .intro          { font-size: 20px; line-height: 28px; }

.vervolg h2         { color: #1b264f; }
.poppins            { font-family: 'Poppins', sans-serif; }

.font-secondary				{ font-family: var(--secondary-font); }
.color-secondary			{ color: var(--secondary-color); }
.color-tertiary			    { color: var(--tertiary-color); }

.fw-bold					{ font-weight: 700; }

.shadow                     { box-shadow: 0 2px 6px 0 rgba(0,0,0,.25)!important; }

.border-top-double          { border-top-color: var(--secondary-color) !important; border-top-style:solid; border-top-width: 3px; }

.bg-light					{ background-color: var(--bg-light) !important; }
.border,
.border-top,
.border-right,
.border-left,
.border-bottom				{ border-color: var(--border-color) !important; }


figure img					{ margin: 0 0 10px; }
figcaption					{ font-size: 14px; line-height: 18px; }
.figure-copyright           { font-size: 12px; line-height: 18px; color: #aaa; font-style: italic; }


@media (min-width: 1340px)  {

    .container   { max-width: 1300px; }

}




















/**
 *  Top Header
 */
header                      {  }
.header-top-wrapper         { height: 50px; background: #0d163a; color: #7e86a9; }
    .header-top-wrapper a       { color: #f9ffff; }
    .header-top-wrapper a:hover { color: #fe5f55; }
    a.header-top-menu-item:hover    { border-bottom: 0; } 
    .header-top-title           { font-size: 12px; letter-spacing: 1px; }
    .header-top-menu            { font-size: 13px; font-weight: 600; text-transform: uppercase; }
    .header-menu-container      { background: transparent; }
        .navbar-toggler             { display: block; font-size: 24px; }
        
        .navbar-brand-image     { height: 46px; }

    .header-top-wrapper .social-icon            { font-size: 17px; color: #bfc1ce; }
    /* .header-top-wrapper .social-icons-wrapper   { border-color: #606476 !important; } */

    @media (max-width: 768px) {

        .header-menu-container  { position: fixed; top: 122px; left: 0; width: 320px; height: calc(100vh - 122px); background: #fff; transform: translateX(-320px); transition: transform .25s ease-out; z-index: 50; }
        .header-menu-container.open     { transform: translateX(0); box-shadow: 2px 7px 4px 4px rgb(0 0 0 / 20%); }

        .header-menu-container:not(.account) .account-menu  { display: none; }

        .header-menu-container.account .navbar,
        .header-menu-container.account .mobile-search       { display: none !important; }
        
        .sticky .header-menu-container  { top: 72px; height: calc(100vh - 72px); }
        .navbar-content-wrapper         { width: 100%; }

    }
  
    /* ZOEKBOX IN HEADER */
    header .header-search .form-inline input.form-control,
    header .header-search .form-inline input.form-control:focus    { background: #303a5c; color: #FFF; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; outline: none !important; }
    header .header-search .form-inline .btn-secondary              { background: #303a5c; border-left: 0px solid #606476; border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
    header .header-search .form-inline .btn-secondary:focus,
    header .header-search .form-inline .btn-secondary:active       { background: #303a5c; outline: none !important; box-shadow: 0 0 0 0 rgb(0 0 0 / 100%) !important; }
    header .header-search .form-inline:hover input.form-control,
    header .header-search .form-inline:hover .btn-secondary        { border-color: #fe5f55 !important; }
    header .header-search .form-inline ::placeholder               { color: #bdbfce; font-style: italic; }

    .header-search .form-inline                     { width: 270px; }
    .header-search .form-inline .form-control       { height: 38px; max-width: 300px; font-size: 14px; }
    .header-search .form-inline                     { display: none; }
    .header-search-toggle                           { display: block; color: #fff; }
    .header-search .fa-search                       { color: #fff; }

    header .btn-action.header-accountbutton         { align-self: stretch; height: 34px; }
    header .btn-action.header-accountbutton span    { display: none; }

    .header-top-menu-item                           { font-family: 'Poppins', sans-serif; }

    .mobile-search                                  { padding: .5rem 1rem; }

    .nav-link {
        font-family: 'Poppins', sans-serif;  font-weight: 600; color: #000;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .dropdown-item  { border-top: 1px solid  #ced0d9 ; line-height: 24px; }
    .dropdown-item.active   { background: #fff; color: #fe5f55; }
    .dropdown-item:focus, .dropdown-item:hover {
        text-decoration: none;
        background-color: #fff;
    }
 
    .social-icon                    { font-size: 20px; color: #fe5f55; }
    .header-menu-wrapper .navbar    { background: #fff; }

    .account-menu-item              { display: block; color: #000; background: #fff; }
    .account-menu-item.active       { background: #fff; color: #fe5f55;  }

    .account-menu-email             { font-size: 12px; color: #aaa; }
    .account-menu-counter           { width: 25px; height: 25px; padding: 1px 0 0; background: #fe5f55; border-radius: 50%; color: #fff; }
    .account-menu-item.active .account-menu-counter     { background: #fff; color: #fe5f55; }

    .header-accounttag              { height: 34px; font-size: 15px; cursor: pointer; font-family: 'Poppins', sans-serif; font-weight: 600; }
    @media (min-width: 992px) {

        .account-menu-item      { font-size: 14px; }

    }

    .header-accounttag              { height: 34px; font-size: 15px; cursor: pointer; }
    .header-accountbutton           { font-size: 13px; }
    .header-accountbutton .far      { display: block; }

    .social-icons-wrapper           { margin-bottom: 10px; }

    .sticky .header-content-wrapper     { position: fixed; top: 0; width: 100%; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2); z-index: 80; }
 
    .header-top-menu                { position: absolute; top: 42px; left: 0; transition: height .25s ease-out; background: #0d163a; z-index: 60; }
    .header-top-menu.open           { height: 100%; }
        
        .header-top-menu-toggle                         { padding: 10px 0; cursor: pointer; }
        .header-top-menu-toggle .navbar-brand-image     { height: 13px; }
        .header-top-menu-toggle svg                     { margin: 0 0 -6px; transition-duration: .2s; color: #fff; font-size: 12px; }
        .header-top-menu-toggle.open svg                { transform: rotate(180deg); }

        .header-top-menu-item                           { padding: 10px; }
        .header-top-menu .social-icon                   { color: #fff; }

        .container.header-top-menu-content              { padding: 0 6px; }

        @media (max-width: 992px) {

            .header-top-menu .header-top-menu-content           {  }
            .header-top-menu .social-icons-wrapper              { margin: 0 auto !important; }

            .header-top-menu .header-top-menu-item              { display: none; padding: 20px 10px 10px; opacity: 0; transition: opacity .7s ease; }
            .header-top-menu .social-icons-wrapper              { display: none; }
            .header-top-menu.open .header-top-menu-item.show    { display: block; opacity: 1; }
            .header-top-menu.open .social-icons-wrapper         { display: block; }

            header .btn-action.header-accountbutton             { justify-content: center; }

        }
 
    .nav-link-arrow     { padding: 6px 0 0; }

    /* Menu mobile over volle breedte */
    @media (max-width: 768px) {

        header .container       { max-width: 100% !important; }
        .nav-link-arrow svg     { transform: rotate(270deg); }

        .form-inline .custom-select, .form-inline .input-group { width: 100%; }

        /* Account-menu tonen we onderin het mobile menu */
        .account-dropdown-wrapper.collapse:not(.show)           { display: block; }

    }

    @media (min-width: 768px) {
        
        .navbar-toggler             { display: none; }
        .nav-item,
        .dropdown-toggle            { border: none !important; }

        .navbar-brand-image         { height: 50px; }

        .nav-link,
        .nav-item                   { padding: 1px; line-height: 29px; font-size: 14px; color: var(--primary-color); }
        .nav-link:hover,
        .nav-item:hover             { color: var(--primary-color); }
        

        .header-menu-container                              { background: var(--bg-menu); }
        .header-menu-wrapper .navbar                        { background: var(--bg-menu); }
        header .btn-action.header-accountbutton span        { display: block; }

        .social-icon                    { color: #fff; }
        .social-icon:hover              { color: #fe5f55; }

        .header-search .form-inline     { display: block; }
        .header-search-toggle           { display: none; }
        .header-search .fa-search       { color: #fff; }

        .header-accountbutton .svg-inline--fa      { display: none; }

        .header-top-nav-items           { display: none; }

        .dropdown-menu                  { top: 30px; border-radius: 3px 0 15px 0; box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.2); }
        .account-dropdown-wrapper       { position: absolute; top: -85px; right: 1.0rem; min-width: 240px; padding: 9px 0 0; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2); z-index: 100; display: none; }
        .tijdschriften-page .account-dropdown-wrapper   { top: -101px; }
        .account-dropdown-wrapper.open  { display: block; }

        .mobile-search                  { display: none !important; }

        .menu-panel                     { box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%); }

    }

    @media (min-width: 992px) {
        
        .header-top-title                   { font-size: 15px; }
        .social-icons-wrapper               { display: block; margin-bottom: 0; }

        .header-top-menu                    { position: relative; top: 0; padding: 0; background: transparent; display: flex !important; }
        .header-top-menu-toggle             { display: none !important; }
        .header-top-wrapper .social-icon    { font-size: 14px; }

        .tijdschriften-page .account-dropdown-wrapper   { top: -121px; }

        .container.header-top-menu-content,
        .container.social-icons-wrapper     { width: auto; padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; }
        .container.social-icons-wrapper     { border-left: 1px solid #606476; border-right: 1px solid #606476; }
        .header-top-menu-item               { padding: 0 10px; }

    }
 
 
 
 







/**
 *  Header / Menu
 */
.header-content-wrapper             { background-color: var(--header-bg-color); }
.header-menu-wrapper                { background-color: var(--menu-bg-color); }
.header-menu-wrapper .navbar        { background-color: var(--menu-bg-color); }
.nav-link, .nav-item                { color: var(--menu-link-color); }
.nav-link:hover, .nav-item:hover    { color: var(--menu-link-color-hover); }


.menu-panel                         { position: absolute; background: #fff; min-width: 170px; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%); z-index: 55; display: none; }
.menu-panel-mobile-backbutton       { display: none; }

.nav-item:hover .menu-panel         { display: block !important; }
.nav-item                           {  }
.nav-item.active                    {  }

.menu-panel a.dropdown-item:hover   { color: #fe5f55; }

.menu-infobar						{ background: var(--bg-menu-infobar); color: #fff; }

.dropdown-toggle::after				{ display: none !important; }

@media (max-width: 768px) {

    .header-menu-wrapper .navbar    { background: #fff; }

    .header-menu-container.open     { overflow: hidden; }
    .navbar-nav                     { position: relative; }
    .nav-link-toggle                { cursor: pointer; }
    .nav-link-toggle:hover          { color: #fe5f55; }
    .nav-item                       { color: #000; border-bottom: 0 !important; }
    .nav-link                       { padding-bottom: 6px !important; color: #000; }
    .nav-link-arrow                 { padding: 0; }
    .nav-item-content               { border-top: 1px solid #ced0d9; }
    .menu-panel                     { top: 0; left: 320px; width: 320px; height: 100%; background: #fff; transition: transform .25s ease-out; }
    .menu-panel.open                { display: block; transform: translateX(-320px); }

    .menu-panel-mobile-backbutton   { display: block; padding: 0.5rem 1rem; border-bottom: 0; cursor: pointer; }
    .menu-panel-mobile-backbutton span  { font-size: 12px; line-height: 12px; }
    .menu-panel-mobile-backbutton:hover { color: #fe5f55; }
    .menu-panel .dropdown-item      { padding: 0.5rem 1rem; }

    .nav-item.active                { border-bottom: 0 !important; }

}


/**
 *  Tijdschriften websites
 */
@media (min-width: 992px) {

    body.tijdschriften-page .navbar-brand-image {
        height: 70px;
    }

}



/**
 *  Breadcrumb
 */
.breadcrumb-wrapper     { background-color: var(--breadcrumb-bg-color); font-family: 'Poppins', sans-serif; }
.breadcrumb             { background-color: var(--breadcrumb-bg-color); font-size: 13px;  }
.breadcrumb a,
.breadcrumb-item.active { color: var(--breadcrumb-txt-color) !important; }
.breadcrumb-item+.breadcrumb-item::before       { content: ' '; width: 17px; height:10px; background: url('/images/chevron-right-regular.svg') 1px 0px / 10px 10px  no-repeat }




/**
 *  Homepage
 */
.homepage-uitgelicht                { height: auto; padding: 200px 0 0; border-radius: 0 0 30px 0; }
.homepage-uitgelicht-label          { background: #555; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 15px; font-weight: 500; }
.homepage-uitgelicht-content        { width: calc(100% - 30px); background: #fff; border-radius: 0 30px 0 0; }
    .homepage-uitgelicht-type           { text-transform: uppercase; font-size: 15px; font-weight: 600; }
    .homepage-uitgelicht-title          { font-size: 38px; line-height: 40px; font-weight: 500; }
    .homepage-uitgelicht-author         { font-weight: 600; }
    .homepage-uitgelicht-intro          { font-size: 16px; line-height: 24px; }

.homepage-new-edition               { position: relative; border-radius: 0 0 30px 0; }
.homepage-new-edition-label         { position: absolute; top: 0; left: 0; }
.homepage-new-edition-title         { font-size: 20px; line-height: 24px; font-weight: 500; }

.homepage-new-edition-coverwrapper                  { position: relative; margin: auto; width: 200px; height: 320px; margin-top: 2rem; }
.homepage-new-edition-cover                         { position: absolute; top: 0; width: 200px; z-index: 10; }
.homepage-new-edition-cover.cover-instance-1        { left: -9px; transform: rotate(355deg); z-index: 8; }
.homepage-new-edition-cover.cover-instance-2        { left: 7px; transform: rotate(6deg); z-index: 6; }
.homepage-new-edition-cover.cover-instance-3        { top: -6px; left: 2px; transform: rotate(1deg); z-index: 4; }



@media (min-width: 768px) {

    .homepage-uitgelicht                { height: 800px; }
    .homepage-uitgelicht-content        { width: calc(100% - 100px); }
    .homepage-uitgelicht-type           { font-size: 18px; }


}




/**
 *  Content
 */
.rounded-custom                 { border-radius: 27px 0 27px 0; }
.text-style-secondary           { font: 400 15px/21px 'Roboto', sans-serif; }

.pe--textbanner                 { background: #95a78d; border-radius: 30px 0 30px 0; font-family: 'Poppins', sans-serif; font-size: 32px; line-height: 40px; font-weight: 300; }
.pe--introductieblok p          { margin: 0; }
.pe--opleiding                  { margin-bottom: 100px; }

.blockquote-footer              { background: none; }

.quote                          { font-family: 'Poppins', sans-serif; font-size: 32px; line-height: 40px; font-weight: 300; }


 
 
 
 



.billboard-visual-content-wrapper        { position: relative; background: #fe5f55; width: 100%; padding: 1.5rem 2rem; }
.billboard-visual-title                  { font-weight: 300; font-size: 30px; line-height: 40px; color: #fff; }

@media (min-width: 768px) {
    .billboard-visual-content-wrapper         { position: absolute !important; top: 70px; left: 12%; background: #fe5f55; width: 475px; border-radius: 30px 0 30px 0; z-index: 50; padding: 3rem; }
}
     
.billboard-images                       { position: relative; z-index: 30;  }
.billboard-intros                       {  }

/* Voorkom hoge afbeeldingen bij Page load */
.billboard-images,
.slick-track                            { max-height: 600px !important; overflow: hidden !important; }
.slick-slide                            { max-height: 600px !important; }
.fs-slideshow__slide                    { max-height: 600px !important; }





.title-wrapper h1,
.title-wrapper h2       { font-weight: 400; }

.title-wrapper h3       { font-weight: 400; font-size: 30px; line-height: 34px; }
.title-wrapper h4       { font-weight: 400; font-size: 20px; line-height: 24px; }


.intro.docent::after           { content: ""; clear: both; display: table; }

@media (min-width: 768px) {

    .billboard-visual-content-wrapper   {  }
    .billboard-visual-title             { font-weight: 300; font-size: 44px; line-height: 50px;  }
    .pe--textbanner                     { font-size: 42px; line-height: 54px; }


    .title-wrapper            { display: block; }
    .title-wrapper-mobile     { display: none; }

}

@media (min-width: 1024px) {

    .hompage-visual-content-wrapper     { width: 40%; }

}


h2.introduction-block-title             { font-weight: 300; font-size: 26px; }
h3.column-title                         { font-weight: 400; font-size: 20px; }



/* 
* UITGELICHT
*/
/* .uitgelicht-text            { padding: 2rem; }
.uitgelicht-image           { background-color: #caac76; position: relative; }
.uitgelicht-image .card-theme   { position: absolute; bottom: 0;  }
.uitgelicht-image img       { background-color: #caac76; }
.text-white h2,
.text-white h4      { color: #FFF; } 

.pe--uitgelicht.imagelinks .col-text,
.pe--uitgelicht.imagelinksfullcolor .col-text   { order: 5; }
.pe--uitgelicht.imagelinks .col-img,
.pe--uitgelicht.imagelinksfullcolor .col-img   { order: 2; } */

/* border-radius: 0 0 25px 0; */


/* 
* SLIDER BLOKKEN
*/
.card                           { border-radius: 0 0 25px 0; }
    /* .card-title-wrapper             { min-height: 4.2rem; }
    .card-img-top                   { border-radius: 0; }
    .card-title                     { color: #fe5f55; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; margin-bottom: 0; }
    .card-title-sm                  { font: 600 16px/20px 'Roboto', sans-serif; color: #1b264f; }
    .card-text                      { color: #1b264f; font-size: 16px; line-height: 20px; }
    .card-details                   { color: #1b264f; font: 400 15px/21px 'Roboto', sans-serif; }  
    .card-details div               { padding-left: 25px; position: relative; }
    .card-details .span-far         { left: 0px; position: absolute; text-align: center; width: 20px; line-height: inherit; } */

h3.section-title                          { font: 700 16px/18px 'Poppins', sans-serif; text-transform: uppercase; margin-bottom: 0.6rem; }    

.swiper-slide.card                      { min-height: 420px; padding-bottom: 1rem; }
.swiper-slide.card:hover                { -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1); cursor: pointer }

.card.image.theme-opleidingen .card-theme,
.swiper-slide.card.image .card-theme    { margin-top: -25px; }
    .card-image,
    .card-image img                     { height: auto; width: 100%; }
    .theme-tijdschriften .card-image    { overflow: hidden; position: relative; }
    .card-theme                         { position:relative; display: inline-block; height: 25px; background-color: #95a78d; color: #FFF; font: 500 12px/18px 'Poppins', sans-serif; letter-spacing: 0.085em; text-transform: uppercase; padding: 4px 11px; align-self: start; }
    .card-theme .access-level-icon      { position:absolute; height: 25px; width: 25px; top: 0px; right: -25px; background-color: var(--green); color: #FFF; font-size: 12px; line-height: 18px; padding: 4px 0px; text-align: center; }
    .card-theme .access-level-icon.free { background-color: #FFF; color: var(--green); }
    .card-title                         { padding: 0.8rem 1rem 0.5rem; color: #fe5f55; font: 500 16px/20px 'Poppins', sans-serif; margin-bottom: 0; }
    .card-subtitle                      { padding: 0 1rem; font: 400 16px/20px 'Poppins', sans-serif; }
    .card-author                        { padding: 0 1rem; }
    .card-intro                         { padding: 0.5rem 1rem 1rem; font-size: 0.9rem; line-height: 1.25rem;  }
    .card-spacer                        { flex-grow: 1; }
    .card-date                          { padding: 0 1rem; font-size: 0.75rem; line-height: 1rem; color: #8d8d8d; }
    .card-source                        { padding: 0 1rem; font-size: 0.75rem; line-height: 1rem; }
    
    /* boekvariant */
    .card.theme-boeken .card-boek       { min-height: 320px; flex-grow: 1; display: flex; justify-content: center; align-items: center; }
    .card.theme-boeken .card-boek img   { max-width: 180px; width: auto; max-height: 260px; height: auto; -webkit-box-shadow: 0px 0px 3px 3px rgba(22,95,138,0.1); box-shadow: 0px 0px 3px 3px rgba(22,95,138,0.1);}
    .card.theme-boeken .card-title      { text-align: center; padding: 0 1.5rem; color: #1b274f; font: 400 16px/20px 'Poppins', sans-serif; margin-bottom: 0; }


    .theme-tijdschriften .card-image:before {
        content: "";
        position: absolute;
        width: 200px;
        height: 280px;
        top: 10%;
        left: CALC(50% - 100px);
        z-index: 0;
        background-size: cover;
    }
    
    /* Slider more link */
    .slider-meer-link                   { font-size: 0.9rem; line-height: 0.9rem; font-weight: 500; text-decoration: none; border: 0; margin-bottom: 0.4rem; }

    /* Swiper naviagtie */
    .swiper-slider-button-next,
    .swiper-slider-button-prev      {
        position: absolute; top: 50%; width: 2rem;
        color: #fe5f55; font-size: 1.4rem; text-align: center; z-index: 5; cursor: pointer;
        opacity: 0; transition: opacity ease-in 0.5s;
        display: none;
    }
    .pe--slider:hover .swiper-slider-button-next,
    .pe--slider:hover .swiper-slider-button-prev    { opacity: 1;  }
    /* .swiper-slider-button-next              { right: 0.5rem; }
    .swiper-slider-button-prev              { right: 2.5rem; } */
    .swiper-slider-button-next              { right: -2rem; }
    .swiper-slider-button-prev              { left: -2rem; }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: -0.8rem !important;
    }
    
    @media (min-width: 1340px) {
        .card-image,
        .card-image img                 { height: 200px; }
    }
    

    @media (min-width: 768px) {
        .swiper-slider-button-next,
        .swiper-slider-button-prev          { display: block; }
    }




/* QOUTES */    
.pe--quote .card                 { font-size: 32px; line-height: 38px; font-weight: 300; color: #fff; }
.pe--quote .card .card-theme     { background: var(--quote-green-theme); }

.pe--quote .theme-quote-groen                 { background: #c8c6af; border-color: #c8c6af; }
.pe--quote .theme-quote-groen .card-theme     { background: #adab94; }
.pe--quote .theme-quote-roze                  { background: #eee3e4; border-color: #eee3e4; color: #a77b7f; }
.pe--quote .theme-quote-roze .card-theme      { background: #c2b7b8; }
.pe--quote .theme-quote-blauw                  { background: #e4f3fe; border-color: #e4f3fe; color: #628bc0; }
.pe--quote .theme-quote-blauw .card-theme      { background: #7ea6d9; }




/* Algemene overzichten met Cards - voeg beide classes toe */
.card_overview .overview-item               { min-height: 420px; padding-bottom: 1rem; cursor: pointer; }
.card_overview .overview-item:hover         { -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1); cursor: pointer }



/* Article en Basic Card  */
.template-card .card,
.pe--tijdschrift-artikel .card  { padding-bottom: 1rem; cursor: pointer; }

.h1.article-title-prefix    { order: 2; display: inline-block; margin: 0 0 1.5rem; font-size: clamp(2.25rem, 1.5357rem + 2.8571vw, 3.75rem); line-height: clamp(2.375rem, 1.6012rem + 3.0952vw, 4rem); }
.article-title				{ order: 1; display: inline-block; margin: 0 0 0 0; color: var(--secondary-color); font-size: clamp(2.25rem, 1.5357rem + 2.8571vw, 3.75rem); line-height: clamp(2.375rem, 1.6012rem + 3.0952vw, 4rem); }
.article-subtitle			{ order: 3; margin: 0 0 2rem; color: var(--tertiary-color); }
.article-intro				{ order: 4; font-size: 20px; line-height: 28px; }
.article-image              { order: 5; }
.article-image img          { border-radius: 0 0 30px 0; }
.article-content            { order: 6; }
.article-meer_weten         { order: 7; }
.article-literatuur         { order: 8; }
.article-tips               { order: 9; }

.article-main h3			{ font-family: var(--secondary-font); color: var(--secondary-color); font-weight: 700; }
.article-quote				{ font-size: 30px; line-height: 36px; font-family: var(--secondary-font); color: var(--secondary-color); font-weight: 400; border-left: 2px solid var(--secondary-color); }

.article-side               {  }
.article-side-content		{  }

.intro-summary   {  display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }


@media (min-width: 768px) {
    .template-card .card,
    .pe--tijdschrift-artikel .card      { min-height: 440px; }
}

.alert-afgesloten-content   { order: 10; }

.pe--tijdschrift-banner img    { border-radius: 0 0 30px 0;  }



/* Product  */
.product-list-side          { font-size: 16px; }





.more-open, .more-closed                    { font-size: 14px; }
.more.collapsed .more-open		            { display: none; }
.more:not(.collapsed) .more-closed		    { display: none; }








/* Thema's */
a.thema-tab                     { border-bottom: 3px solid transparent; font-size: 16px; font-weight: 600; }
a.thema-tab.active              { color: #fe5f55; }


@media (min-width: 768px) {
    a.thema-tab.active              { color: #000; border-bottom: 3px solid #000 }
    a.thema-tab.active:hover        { color: #fe5f55; border-bottom: 3px solid #fe5f55 }
}



/* Opleidingen */
.opleiding-details              { font-weight: 500; line-height: 26px; }
.opleiding-details .far         { width: 20px; color: #fe5f55; text-align: center; font-size: 16px; }


.opleiding-section h2           { margin-bottom: 15px; }
.opleiding-section              { padding-bottom: 20px; }
.opleiding-section-docent       { float: left; width: 150px; height: 120px; border-radius: 15px 0 15px 0; }
.docent-image                   { border-radius: 0 0 30px 0; }




.content-main                   { order: 3; }
.menu-side                      { order: 2; }
    .menu-side-content              { position: sticky; top: 140px; }
        .side-block-wrapper             { border-radius: 0 0 30px 0; }
            .side-block-title               { font-weight: 300; }

.menu-side-content #sidenav .list-group-item      { background-color: transparent; border-left: 0px; border-right: 0px;  }
.menu-side-content #sidenav .list-group-item.list-group-item-action.active {
    z-index: 2;
    color: #fff;
    background-color: #fe5f55;
    border-color: #fe5f55;
}

@media (min-width: 992px) {

    .content-main                   { order: 2; }
    .menu-side                      { order: 3; }

}
 













/* Wishlist */
.btn-heart                              { background: #fff url('/images/heart-red-outline.svg') center center / 18px 18px no-repeat; 
                                            border-color: #FFF; width: 36px; height: 36px; border: 0px;
                                            padding: .375rem .75rem; border-radius: 0.35rem;
}
.btn-heart:hover                        { background: #fff url('/images/heart-red.svg') center center / 18px 18px no-repeat !important; border-color: #FFF; } 
.btn-heart.loved                        { opacity:1 !important; display: inline-block !important; background: #fff url('/images/heart-red.svg') center center / 18px 18px no-repeat; border-color: #FFF; } 
.btn-heart.loved:hover                  { background: #fff url('/images/heart-red-outline.svg') center center / 18px 18px no-repeat;  }

.btn-large-heart                        { background: #fff url('/images/heart-red-outline.svg') center right 10px / 16px 16px no-repeat; padding-right: 2.3rem !important; }
.btn-large-heart:hover                  { background: var(--btn-primary-bg) url('/images/heart-red.svg') center right 10px / 16px 16px no-repeat !important; color: #FFFFFF !important; border-color: var(--btn-primary-bg) !important; } 
.btn-large-heart.loved                  { background: var(--btn-primary-bg) url('/images/heart-red.svg') center right 10px / 16px 16px no-repeat !important; color: #FFFFFF !important; border-color: var(--btn-primary-bg) !important; } 
.btn-large-heart.loved:hover            { background: var(--btn-primary-bg) url('/images/heart-red-outline.svg') center right 10px / 16px 16px no-repeat !important; color: #FFFFFF !important; border-color: var(--btn-primary-bg) !important; }

.with-love                              { position: relative; }
.with-love .btn-heart                   { position: absolute; top: 8px; right: 8px; opacity:0;transition: opacity 0.5s;  }
.with-love:hover .btn-heart             { opacity:1; }




/* ACCOUNT */
.account-sidemenu-name              { font-weight: 600; line-height: 18px; }
.account-sidemenu-item              { color: #000; }
.account-sidemenu-item.active       { background: #fe5f55; color: #fff; }

.mijn-account-table-header          { padding: 4px 0 1px; background: #f6f6f4; font-size: 11px; line-height: 20px; text-transform: uppercase; }
.mijn-account-table-row             { border-top: 1px solid #eeede9; }
.mijn-account-table-row:last-child  { border-bottom: 1px solid #eeede9; }
.mijn-account-table-row h4          { line-height: 24px; }
.mijn-account-table-row-date        { font-size: 14px; }

.bg-muted                           { background-color: #f8f8f6; }


/* ICON OPSOMMING */
ul.fa-ul                        { padding: 0 0 0 30px; margin-left: 0px; list-style: none; }
ul.fa-ul li                     { list-style-type: none !important;list-style: none !important; margin-bottom: 4px;}  
ul.fa-ul li::before             { display: none; }




/* FILTERS */
.filters a                  { border: none; }
.filter-menu                { order: 1; }
.filters-toggle             { cursor: pointer; }
.filter-section-title       { font-size: 18px; font-weight: 600; }
.filters-content            { display: none; }
.filters-content.open       { display: block; }
.filter-section a.plus-filters .filter-plus   { vertical-align: middle; width: 15px; height: 15px; background: url("/images/square-plus-regular.svg") 0 0 / 13px 13px no-repeat; display: inline-block; }
.filter-section a.plus-filters[aria-expanded="true"] .filter-plus   {background: url("/images/square-minus-regular.svg") 0 0 / 13px 13px no-repeat; }
.filter-section a.more[aria-expanded="true"]  .chevron-icon { transform: rotate(180deg); }
.plus-filters-expanded      { padding: 0 0 10px 20px }
.filterlabel                { font-size: 14px; }
.filter-group               { padding: 0 1.25rem; }

@media (min-width: 992px) {
    .filters-toggle .far        { display: none; }
    .filters-content            { display: block; }
}



/* Artikel */
.lead                       { line-height: 1.75rem }
.tab-pane img,
.pe--artikel img            { max-width:100%; max-height: 100%; height: auto; }

@media (max-width: 992px) {
    .tab-pane img,
    .pe--artikel img        { width:100%; max-height: 100%; height: auto; }
    .tab-pane table,
    .pe--artikel table      { max-width: 87vw !important; width: 100% !important; display: block !important; overflow-x: scroll !important; }
}


/* Event */
.event-billboard-nav                {  }
/* .event-billboard-nav .nav           { display: none; }
.event-billboard-nav .nav.open      { display: flex; background-color: #FFF; } */
.event-billboard-nav-toggle         { cursor: pointer; }
.event-billboard-nav-toggle:hover   { color: var(--coral); }
a.event-tab                         { display: inline-block; text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: 500; border-top: 1px solid #e2e2e2; border-bottom: 5px solid transparent; }
a.event-tab.active                  { font-weight: 900; color: var(--coral); }

@media (min-width: 992px) {
    .event-billboard-nav .nav       { display: flex; }
    .event-billboard-nav            { background: rgba(0, 0, 0, .40); height: 43px; margin-top: -43px; }
    .event-billboard-nav-toggle     { display: none; }
    a.event-tab                     { color: #FFF; font-size: 14px; line-height: 14px; border-top: 0; }
    a.event-tab:hover,
    a.event-tab.active              { border-bottom: 5px solid #fff; color: #FFF; }
}

body.event-page #programma table                        { border: 0 !important; }
body.event-page #programma table *                      { width:auto !important; font-size: 0.9rem !important; line-height: 1.2rem !important; background-color: #FFF; width: auto !important; }
body.event-page #programma table tr                     { border-top: 1px solid var(--khaki) !important; height: auto !important; }
body.event-page #programma table tr td                  { padding: 7px 5px !important; height: auto !important; vertical-align: top !important; border-left: 0; border-right: 0; }
body.event-page #programma table tr td:first-child      { font-weight: 900 !important; width: 14% !important; white-space: nowrap !important; padding: 7px 5px !important; }
body.event-page #programma table tr:first-child th, 
body.event-page #programma table tr:first-child td      { font-weight: 900 !important; font-size: 0.9rem !important; line-height: 1.1rem !important; padding: 7px 5px !important; height: auto !important; border-top: 2px solid var(--khaki) !important; }

body.event-page table.sponsors                        { border: 0 !important; }
body.event-page table.sponsors tr td                  { padding: 7px 5px 7px 15px !important; height: auto !important; vertical-align: top !important; border-left: 0; border-right: 0; }
body.event-page table.sponsors tr td:first-child      { width: 25% !important; white-space: nowrap !important; padding: 7px 5px !important; }
body.event-page table.sponsors tr td:first-child img  { max-width: 100% !important; width: 100% !important; max-height:100% !important; height: auto !important;  }


/**
 *  Footer
 */
footer                          { background: #0d163a; }
footer p                        { margin: 0; }
footer a                        { color: #fff; border-bottom: 0px; }
footer a.footer-menu-item       { color: #fff; text-decoration: none; border-bottom: none; }
footer a:hover,
footer a.footer-menu-item:hover { color: #fe5f55; }
.footer-copyright               { font-size: 12px; line-height: 18px; }
footer .circle-icon             { width: 28px; height: 28px; border-radius: 20px; background-color: #efede9; float: left; margin-right: 10px; text-align: center; color: #fe5f55; display: flex; justify-content: center; align-items: center;  }
footer .circle-icon a           { color: #fe5f55; text-decoration: none; border-bottom: 0; }


footer .form-inline input.form-control,
footer .form-inline input.form-control:focus    { height: 38px; font-size: 14px; background: #666e93; border-color: #666e93; color: #bdbfce; }
footer .form-inline ::placeholder               { color: #bdbfce; font-style: italic; }





/* utilities */

.permalink-wrapper {
    position: fixed;
    top: 24%;
    right: 0;
    left: 0;
    width: 465px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: none;
}

.permalink-box {
    margin: 5px 0 0;
    padding: 6px;
    width: 100%;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
}

.permalink-close {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
}

#permabox-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .4;
    z-index: 200;
    display: none;
}



/* TABLE COLORS */

.table-striped.table-dark-green tbody tr:nth-of-type(odd) {
    background-color: #1f4b540d;
}
.table-striped.table-green tbody tr:nth-of-type(odd) {
    background-color: #86b5890d;
}
.table-striped.table-red tbody tr:nth-of-type(odd) {
    background-color: #ec4a450d;
}
.table-striped.table-orange tbody tr:nth-of-type(odd) {
    background-color: #e595000d;
}

.table-topbar.table-dark-green tbody tr:first-child {
    background-color: #1f4b54; color: #FFF;
}
.table-topbar.table-dark-green tbody tr {
    background-color: #1f4b540d;
}
.table-topbar.table-green tbody tr:first-child {
    background-color: #86b589; color: #FFF;
}
.table-topbar.table-green tbody tr {
    background-color: #86b5890d;
}
.table-topbar.table-red tbody tr:first-child {
    background-color: #ec4a45; color: #FFF;
}
.table-topbar.table-red tbody tr {
    background-color: #ec4a450d;
}
.table-topbar.table-orange tbody tr:first-child {
    background-color: #e59500; color: #FFF;
}
.table-topbar.table-orange tbody tr {
    background-color: #e595000d;
}

.table-striped.table-topbar.table-dark-green tbody tr:nth-of-type(even) {
    background-color: #FFF;
}
.table-striped.table-topbar.table-green tbody tr:nth-of-type(even) {
    background-color: #FFF;
}
.table-striped.table-topbar.table-red tbody tr:nth-of-type(even) {
    background-color: #FFF;
}
.table-striped.table-topbar.table-orange tbody tr:nth-of-type(even) {
    background-color: #FFF;
}

.table td, .table th {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}