/*
Theme Name: hallo elementor child
Theme URI: https://graficelly.nl
description: >-
  Hello Elementor Child Theme
Author: Graficelly
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
 */

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.custom-card > div {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    border-radius: 3px;
    border: 0 solid #818a91;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.custom-card > div:hover {
        box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
}

#primary {
    margin-top: 200px;
    max-width: 1300px;
}

main:not(.post-13),
body.single [data-elementor-type=wp-post],
body.archive [data-elementor-type=archive]{
	margin-top: 120px;
}

.flex-row{
    display: flex;
}

.grid {
    display: grid;

}

.dossier__posts.close.fixed {
    grid-template: 250px  250px repeat(80,minmax(0, 0)) / repeat(4, 1fr);
    overflow: hidden;
}

.dossier__posts.close {
    grid-template: 250px  repeat(80,minmax(0, 0)) / repeat(4, 1fr);
    overflow: hidden;
}

.dossier__posts.open {
    grid-template: 250px / repeat(4, 1fr);
}

.dossier__post-content--first{
    height: 449px;
}

a.link--first{
    grid-area: 1 / 1 / 3 /span 2;
}

.dossier__item {
    background-color: var(--e-global-color-e87f527);
    padding: 20px;
    margin: 0 40px 20px 40px;
}

.dossier__post-title--first{
    font-size: 20px;
}

.dossier__title {
    color: var(--e-global-color-primary);
    font-size: 25px;
    font-weight: bold;
    margin-left: 20px;
}

.dossier__post-item{
    padding: 5px 20px 20px 20px;
    transition: transform 0.3s ease;
}

.dossier__post-item:hover{
    transform: scale(1.05,1.05);
}

.dossier__post-img{
    height: 120px;
}

.dossier__post-img > img{
    object-fit: cover;
    object-position: 50% 50%;
    height: 120px;
    width: 100%;
    margin: 0;
}


.dossier__accent-line,
.dossiers__accent-line{
    position: relative;
    width: 50%;
    background-color: var(--e-global-color-accent);
    height: 4px;
    margin: -2px 25%;
    z-index: 2;
}

.dossier__post-content{
    padding: 10px;
    background-color: white;
	 word-break: break-all;
}

.dossier__post-title{
    color: var(--e-global-color-primary);
    font-weight: bold;
}

.dossier__post-excerpt{
    color: var(--e-global-color-secondary);

}

.dossier__btn-row{
    padding: 0 20px;
    text-align: right;
}

.btn{
    padding: 0 30px;
    color: white;
    cursor: pointer;
    transition: transform 0.3s ease;
    width: auto;
    line-height: 34px;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
}

.btn:hover{
    transform: scale(1.05,1.05);
}

.btn--primary{
    background-color: var(--e-global-color-primary);
}

.dossiers{
    /*background-color: var(--e-global-color-e87f527);*/
    width: 100%;
    height: auto;
    padding: 20px;
}

.dossiers__block-title {
    color: var(--e-global-color-primary);
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: -5px 0 -5px 20px;
}

.dossiers__item.first{
    width: 40%;

}

.dossiers__item {
    width: 30%;
    margin: 20px;
	border: 1px solid #eaeaea;
    transition: transform 0.3s ease;
}

.dossiers__item:hover{
    transform: scale(1.05,1.05);
}

.dossiers__content{
    background-color: white;
    padding: 10px;
}

.dossiers__item.first > .dossiers__content{
    background-color: #AECC53;
}

.dossiers__foto > img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100% !important;
    width: 100%;
    margin: 0;
}

.dossiers__foto {
    height: 100px;
}

.dossiers__item.first > .dossiers__foto{
    height: 140px;
}

.dossiers__title{
    height: 30px;
    line-height:30px;
    font-size: 18px;
    font-weight: bold;
    color: var(--e-global-color-primary);
}

.dossiers__description{
 
    color: var(--e-global-color-secondary);
}

.dossiers__row{
    width: 100%;
    text-align: right;
}

.dossiers__row > .btn {
    position: relative;
    margin-right: 20px;

    /*top: -34px;*/
}

footer.footer{
    margin-top: 200px;
    margin-bottom: -40px;
}

.home-header{
    height: 80vh;
    background: url("https://vbz.demo123.nl/wp-content/uploads/2021/01/home-header.png") no-repeat center;
    background-size: cover;
    position: relative;
}

svg.home-header__background-overlay{
    position: absolute;
    bottom: 0;

}

svg.home-header__logo{
    transform: scale(0.75);
}

.single-post__title{
    font-size: 25px;
    font-weight: bold;
    color: var(--e-global-color-primary);
}

.single-post__content{
    font-size: 20px;
    font-weight: normal;
    color: var(--e-global-color-secondary);
}

.site-main{
    min-height: calc(100vh - (110px + 234px))
}

.category-nav{
    background-color: var(--e-global-color-e87f527);
    padding: 10px;
}

.category-nav__title{
    color: var(--e-global-color-primary);
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
}

.category-nav__item{
    font-size: 20px;
    background-color: transparent;
    margin-left: 20px;
}

.category-nav__item > a{
    color: var(--e-global-color-secondary);

}

.category-nav__item > a.active{
    color: var(--e-global-color-primary);
}

.category-nav > label {
    width: 100%;
}

.nav-bar{
    display: none;
}

input:checked ~ .category-nav__items {
    max-height: 100vh;
    display: inline;
}

.category-nav__items{
    display: none;
}

::selection{
/*    color:var(--e-global-color-accent);*/
    background-color: var(--e-global-color-e87f527);
    font-weight: bold;
}

.single-post__date{
    text-align: right;
    font-size: 20px;
    color: var(--e-global-color-accent);
    font-style: italic;
}

.single-post {
    margin-top: 20px;
}

@media only screen and  (max-width: 600px) {
    .home-header{
        display: none;
    }
	
	.none--600{
		display: none;
	}

    div.dossier__posts.open {
        grid-template: auto / repeat(1, 1fr);
    }

    div.dossier__posts.close {
        grid-template: repeat(2, auto)   repeat(80,minmax(0px, 0)) / repeat(1, 1fr) !important;
        overflow: hidden;
    }
}

@media only screen and  (max-width: 820px) {
    .dossiers__body{
        flex-direction:column;
    }

    .dossiers__item.first{
        width: 100%;
    }

    .dossiers__item {
        width: 100%;

    }

    .dossiers__foto{
        height: 200px;
    }

    .dossiers__item.first > .dossiers__foto{
        height: 250px;
    }
}


@media only screen and  (max-width: 1000px) {
    .dossier__posts.open {
        grid-template: auto / repeat(2, 1fr);
    }

    .dossier__posts.close {
        grid-template: repeat(2, auto)  repeat(80,minmax(0px, 0)) / repeat(2, 1fr);
        overflow: hidden;
    }
}

.download{
    background-color: white;
    display: flex;
    width: 100%;
    padding: 10px;
    margin-top: 20px;
}

.download__naam{
    width: 50%;
    font-size: 20px;
    /*font-weight: ;*/
    color: var(--e-global-color-secondary);
}

.download__link{
    width: 50%;
    text-align: right;
}

.download__link > a {
    font-size: 20px;
    /*font-weight: ;*/
    color: var(--e-global-color-primary);
    text-decoration: underline !important;
}

.download__link > a:visited {
    color: var(--e-global-color-accent);

}

.agenda{

    display: flex;
    width: 100%;

    padding: 10px;
}

.agenda__title{
    width: 50%;
    font-size: 25px;
    color: var(--e-global-color-primary);
}

.agenda__date{
    width: 50%;
    font-size: 25px;
    color: var(--e-global-color-secondary);
    text-align: right;
}


.elementor-sticky--effects .header-logo {
    display: inline;
}

.header-logo {
    /*display: none;*/
}


.bottom{
    position: absolute !important;
    bottom: 0;
}

@media only screen and  (max-width: 1150px) {
    .bottom{
        position: static !important;
        bottom: 0;
    }

}

.no_padding{
    padding: 0;
}

.relative{
	position: relative;
}


input::placeholder{
    opacity: 1 !important; 
}

textarea::placeholder{
	opacity: 1 !important;
}