/*
 Theme Name:  	kvpimmulier theme
 Theme URI:    	http://kvpimmulier.nl
 Description:  	Theme voor kvpimmulier.nl
 Author:       	Ruben van der Zee
 Author URI:   	http://zeedesign.nl
 Template:     	govpress
 Version:      	1.0.0
 License:      	GNU General Public License v2 or later
 License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         	light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  	kvpimmulier
*/

/* Stylesheets import
================================================== */
@import url("../govpress/style.css");
@import url("assets/css/slider.css"); 

/* ----------- Lay-out ----------- */ 
@import url("assets/css/nieuws.css"); 

/* ----------- Custom ----------- */ 
@import url("assets/css/sponsoren.css"); 
@import url("assets/css/films.css"); 

/* ----------- Plugin ----------- */

/* Contact Form 7 */
@import url("assets/css/forms.css"); 
/* Zee personeel overzicht */
@import url("assets/css/zpo_opmaak.css"); 
/* Zee childmenu widget */
@import url("assets/css/zcm-widget.css"); 
/* Gravity Forms */
@import url("assets/css/gravityforms.css"); 





/* General Styles
================================================== */

:root {
--mulier-geel: #f7f731;

}

#page {
    background-color: #fff; 
    /* padding: 0 0 160px; /* de 160 is ruimte voor de sponsor balk*/
    padding: 0 0 120px; /* de 130 is ruimte voor de sponsor balk*/
}
#content { 
	padding-top: 0px;
	padding-left: 15px;
}
p {
    font-size: 14px;
    margin-top: 2px;
}
h1, h2, h3, h4, h5, h6 { color: #3897d7; }
/* Niet nodig
.hentry {
  margin: 0 20px 1.5em;
}
*/
    /* Media Queries: Govpress
    ================================================== */
    @media screen and (min-width: 1100px) { }
    @media screen and (max-width: 1100px) { }
    @media only screen and (max-width: 960px) {
        .layout-sidebar-left .site-main {
            width: 100%;
            margin: 0;
        }
    }
    @media only screen and (min-width: 840px) and (max-width: 1100px) { }
    @media only screen and (min-width: 680px) and (max-width: 839px) { }
    @media screen and (max-width: 680px) {
        #page { padding: 0px; }
    }
    @media only screen and (min-width: 481px) and (max-width: 679px) { }
    @media screen and (max-width: 480px) { }





/* Correctie govpress Styles
================================================== */

#secondary .widget, #home-page-featured .widget { border-radius: 0; }
div.col-width {padding: 0 0px; }

    /* Media Queries
    ================================================== */
    @media only screen and (max-width: 479px) { 
        header.entry-header h1.entry-title { font-size: 21px;}  
    }
    @media only screen and (max-width: 960px) { 
        .col-width { max-width: 100%;}
        /*body div#content.site-content div#secondary.widget-area { width: 100%; }*/
        
     }

/* Header
================================================== */

header.site-header { 
    text-align: left; 
    padding: 0;
    border-top: 5px solid var(--mulier-geel);
}
header.site-header .col-width {
    min-height: 75px;
    padding: 15px 0 0;
    position: relative;
    z-index: 50;
}
div.logo-head::after {
    clear: both;
    content: " ";
    display: block; 
}
div.logo-head {
    position: absolute;
    top: 15px;
    display: table;
}
div.logo-head a{
    position: absolute;
    top: 0px; bottom: 0px; left: 0px; right: 0px;
}
div.logo-head div.logo,
div.logo-head div.siteTitle{
    display: table-cell;
    vertical-align: middle;
}
div.logo-head div.logo{
    width: 95px;
    height: 95px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;      
}
div.logo-head div.siteTitle{
    font-weight: bold;
    padding-left: 5px;
}



/* --- social --- */
header.site-header div.social {
    position: absolute;
    top: 0px;
    right: 0px;
}
header.site-header div.social a {
    color: #6e6e6e;
    padding: 5px;
    min-width: 30px;
    text-align: center;
    display: inline-block;
    float: left;
    border: 1px solid #fff;
    border-radius: 0 0 5px 5px;
    border-top: 0px;   
    transition: all 0.2s ease-in-out;  
}
header.site-header div.social a:hover {
    color: #3897d7;
    border-color: #6e6e6e;

}
    /* Media Queries: Govpress
    ================================================== */
    @media screen and (min-width: 1100px) {
        div.headContainer {
            min-height: 128px;
            width: 100%;
        }
            /* fixed */
            div.logo-head.fixed {
                position: fixed;
                z-index: 10;
                top: 1px;
            }    
            div.logo-head.fixed div.logo {
                width: 45px;
                height: 45px;
            }   
            div.logo-head.fixed div.siteTitle {
                display: none;
            }
    }
    @media screen and (max-width: 1100px) { }
    @media screen and (min-width: 960px) { }
    @media only screen and (min-width: 840px) and (max-width: 1100px) { }
    @media only screen and (min-width: 680px) and (max-width: 839px) { }
    @media screen and (min-width: 680px) {
        header.site-header div.social { top: 0px; right: 0px; }
    }        
    @media screen and (max-width: 680px) {  
    header.site-header .col-width { min-height: 65px; }      
        div.logo-head { top: 5px; left: 10px; }
        div.logo-head a{ display: none;}
        div.logo-head div.logo { height: 60px; width: 60px; }
        /* --- social --- */
        header.site-header div.social { top: 67px; left: 5px; width: 70%;}
        header.site-header div.social a { min-width: 35px;}
    }
    @media only screen and (min-width: 481px) and (max-width: 679px) { }
    @media screen and (max-width: 480px) { }


/* Menu navigatie
================================================== */

/* Belangrijk, verhelpt submenu fout in responsive menu */
    nav.main-navigation ul ul { display: none; } 
    nav.main-navigation ul li:hover > ul,
    nav.main-navigation ul li.focus > ul { display: block; }
/* Belangrijk, verhelpt submenu fout - end */

/* Verbergt pagina's in het menu welke op concept staan */
div.menu-main-menu-container ul li.menu-item.draft { display: none; }

nav#site-navigation { background: var(--mulier-geel); }

nav#site-navigation div.menu-hoofd-menu-container ul li a {
    color: #000;
    background: none;
}

 

    /* Media Queries: Navigation styles
    ================================================== */

    @media only screen and (min-width: 1100px) {
        .main-navigation ul { text-align: right; }
        .main-navigation ul .sub-menu { text-align: left; }

        .main-navigation li {
            height: 43px;
            line-height: 43px;
        }
        #site-navigation .menu-hoofd-menu-container > ul > li.current_page_item > a,
        #site-navigation .menu-hoofd-menu-container > ul > li.current_page_ancestor > a,
        #site-navigation .menu-hoofd-menu-container > ul > li.current-menu-item > a,
        #site-navigation .menu-hoofd-menu-container > ul > li.current-menu-ancestor > a,
        #site-navigation .menu-hoofd-menu-container > ul > li:hover > a {
            border-bottom: 5px solid #3897d7;
            border-bottom: 5px solid #bababa; /* grijs */
        }
        #site-navigation .menu-hoofd-menu-container > ul > li:hover > ul > li:hover > a {
            color: #3897d7;
        }
        /* ----- fixed nav ----- */
        nav#site-navigation.main-navigation.fixed {
            position: fixed;
            width: 100%;
            /* z-index: 999; */
            z-index: 10;
            top: 0px;
        }
    }

    @media only screen and (max-width: 1099px) { 
        #site-navigation { display: block; }
        .menu-toggle::before { color: #000; }
        .main-navigation.toggled-on { padding: 45px 0 15px; }

        nav#site-navigation.main-navigation ul.nav-menu li.menu-item.menu-item-has-children { position: relative; }
        nav#site-navigation.main-navigation ul.nav-menu li.menu-item.menu-item-has-children::before {
            color: #000;
            content: '\f107';
            font-family: FontAwesome;
            font-size: 20px;
            position: absolute;
            right: 10px;
            top: 4px;
        }    
        nav#site-navigation.main-navigation ul.nav-menu li .sub-menu {
            background-color: #3897d7;
            margin-left: 0;
            padding-left: 20px;
        }
        nav#site-navigation.main-navigation ul.nav-menu li .sub-menu a { color: #fff;}    
    }
    @media only screen and (max-width: 960px) {
        div.menu-main-menu-container ul li.menu-item.menu-item-type-post_type.menu-item-object-page a:hover { color: #000; }
        div.menu-main-menu-container ul#menu-main-menu.nav-menu.current_page_item,
        .main-navigation a{
            color: #000;
            background-color: rgb(248, 248, 248);
        }

    }



/* Content
================================================== */

body div#primary,
body div#secondary {
    padding-top: 20px;
}

/* ---------- event overvieuw ---------- */
@media screen and (max-width: 680px) { 
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th {
        color: #666;
        font-size: 0;
        height: 30px;
        position: relative;
    }
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th::after {
        color: #fff;
        font-size: 14px;
        left: 0;
        line-height: 17px;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th#tribe-events-maandag:after { content: 'Ma'; }
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th#tribe-events-dinsdag:after { content: 'Di'; }
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th#tribe-events-woensdag:after { content: 'Wo'; }
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th#tribe-events-donderdag:after { content: 'Do'; }
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th#tribe-events-vrijdag:after { content: 'Vr'; }
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th#tribe-events-zaterdag:after { content: 'Za'; }
    body.tribe-events-style-theme div#primary div#tribe-events div.tribe-events-month table.tribe-events-calendar thead th#tribe-events-zondag:after { content: 'Z0'; }
}
body .tribe-events-list .tribe-events-event-image { width: 10%; }
body .tribe-events-list .tribe-events-event-image + div.tribe-events-content { width: 87%; }
body .tribe-events-tooltip .tribe-events-event-thumb { height: auto; width: 60px; }

/* ---------- event single ---------- */
body.events-single div.aanmeldForm h3,
body.events-single div#tribe-events div.tribe-events-single h1.tribe-events-single-event-title {
    border-bottom: 1px solid #dadada;
}
body.events-single div#tribe-events div.tribe-events-single div.tribe-events-schedule.tribe-clearfix span,
body.events-single div#tribe-events div.tribe-events-single div.tribe-events-schedule.tribe-clearfix h2 {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    vertical-align: top;
}
body.single-tribe_events .tribe-events-event-image {
  float: right;
  height: auto;
  margin-bottom: 1.25em;
  width: 130px;
}
body.single-tribe_events div.tribe-events-cal-links::before {
    clear: both;
    content: " ";
    display: block; 
}
body.events-single div#tribe-events div.tribe-events-single div.tribe-events-event-meta {
    border-top: 1px solid #dadada;
}
body.events-single div#tribe-events div.tribe-events-single div.tribe-events-single-event-description {
    border-top: 1px dashed #eee;
}
body.events-single div#tribe-events div.tribe-events-single div#tribe-events-footer {
    display: none;
}
    /* Media Queries: Govpress
    ================================================== */
    @media screen and (max-width: 480px) {
        body.single-tribe_events .tribe-events-event-image { width: 90px; }
    }

/* ---------- contact template ---------- */

div.contactTemplate {}

div.contactTemplate div.left::after,
div.contactTemplate div.right::after {
    clear: both;
    content: " ";
    display: block; 
}
div.contactTemplate div.left { padding-right: 5px;}
div.contactTemplate div.left,
div.contactTemplate div.right {
    width: 50%;
    float: left;
}
div.contactTemplate div.right iframe {
    width: 100%!important;
}
section.contactContainer {
    display: inline-block;
    padding-top: 10px;
    width: 100%;
}
    /* Media Queries: Govpress
    ================================================== */
    @media screen and (min-width: 1100px) { }
    @media screen and (max-width: 1100px) { }
    @media screen and (min-width: 960px) { }
    @media only screen and (min-width: 840px) and (max-width: 1100px) { }
    @media only screen and (min-width: 680px) and (max-width: 839px) { }
    @media screen and (max-width: 680px) {
        div.contactTemplate div.left,
        div.contactTemplate div.right {
            width: 100%;
            padding: 0px;
            margin-bottom: 5px;
        }
        div.contactTemplate div.right iframe { height: 300px!important; }
    }
    @media only screen and (min-width: 481px) and (max-width: 679px) { }
    @media screen and (max-width: 480px) { }


/* Sidebar
================================================== */
div#secondary {
    background-color: #f8f7cc;
    background-color: #eaeaea; /* grijs */
    padding: 5px;
}
div#secondary aside.widget,
div#secondary aside.widget h1.widget-title {
    background: transparent;
    margin: 0px;
}
div#secondary aside.widget h1.widget-title { color: #3897d7; }
div#secondary aside.widget a { color: #383838; }

div#secondary aside.widget div.rpwe-block {
    margin: 0 1.25em;
}
/* --- recent-posts-extended widget --- */
aside.rpwe_widget div.rpwe-block ul.rpwe-ul li.rpwe-li {
    padding-bottom: 5px;
    border-bottom: 1px solid #fdc700;
}

/* --- event widget --- */
aside.tribe-events-list-widget p {
    padding: 0.5em 1.25em;
    margin: 0px;
}
aside.tribe-events-list-widget ol.tribe-list-widget {
    margin: 0px 1.25em;
    border: 1px solid #fdc700;
}
aside.tribe-events-list-widget ol.tribe-list-widget li {
    margin: 0px;
    padding: 3px;
    background-color: #f8f7cc;
}
aside.tribe-events-list-widget ol.tribe-list-widget li:nth-child(2n) {
    background-color: #fdc700;
}
aside.tribe-events-list-widget ol.tribe-list-widget li h4,
aside.tribe-events-list-widget ol.tribe-list-widget li span {
    font-size: 12px;
}
aside.tribe-events-list-widget p.tribe-events-widget-link a {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px;
    border: 1px solid #fdc700;
}
aside.tribe-events-list-widget p.tribe-events-widget-link a:hover {
    background-color: #fff;
}
/* --- event widget 2022 --- */

.widget-area .tribe-compatibility-container {
    margin: 0 1em;
}
.widget-area h2.tribe-events-widget-events-list__header-title {
    font-weight: 700;
    color: #3897d7;
}

.widget-area .tribe-events-widget-events-list__events {
    /*margin: 0px 1.25em;*/
    border: 1px solid #fdc700;
    margin: 0px;
    padding: 3px;
    background-color: #f8f7cc;
}
.widget-area .tribe-events-widget-events-list__view-more a {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px;
    border: 1px solid #fdc700;
}
.widget-area .tribe-events-widget-events-list__view-more a:hover {
     background-color: #fff;
}


/* paginering
================================================== */
body #content div.paginering::after {
    clear: both;
    content: " ";
    display: block; 
}
body #content div.paginering {
    width:100%; 
    margin-bottom: 10px;
    float: left; 
    text-align: center;
}
body #content div.paginering .prev.page-numbers,
body #content div.paginering .next.page-numbers,
body #content div.paginering .page-numbers {
    border: 1px solid #3897d7;
    border-radius: 0;
    box-shadow: none;
    color: #3897d7;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    outline: medium none;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: none;    
    transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out;
}
body #content div.paginering .page-numbers:hover {
    background: #246dd8 none repeat scroll 0 0;
    border: 1px solid #246dd8;
    color: #fff;
}
body #content div.paginering .page-numbers.current {
    background: #3897d7 none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #3897d7;
}
body #content div.paginering .page-numbers.dots {
    background: #fff none repeat scroll 0 0;
    color: #3897d7;
    border: 1px solid #3897d7;
}


/* Footer
================================================== */   

body footer.site-footer {
    background-color: var(--mulier-geel);
    color: #000;
}
body footer.site-footer a {
    color: #000;
}
body footer.site-footer.widgets {
    padding: 1.5em 0 1.5em;    
}
body footer.site-footer.widgets .widget:last-child {
    margin-bottom: 0;
}

    /* Media Queries: Govpress
    ================================================== */
    @media screen and (min-width: 1100px) { }
    @media screen and (max-width: 1100px) { }
    @media screen and (min-width: 960px) { }
    @media only screen and (min-width: 840px) and (max-width: 1100px) { }
    @media only screen and (min-width: 680px) and (max-width: 839px) { }
    @media screen and (max-width: 680px) { }
    @media only screen and (min-width: 481px) and (max-width: 679px) { }
    @media screen and (max-width: 480px) { }