/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



.post-grid .item a.read_more{
    font-family: QuestaGrande-Medium, Sans-serif;
}
.elementor-nav-menu--dropdown {
        right: 0 !important;
        left: auto !important;
        top: 110px !important;
        height: 100vh !important;
        width: 300px !important; /* pas aan naar wens */
        position: fixed !important;
        background-color: rgba(26,159,143,0.7);
	padding:80px 20px 20px 20px;
	/*
                                                 *  menu achtergrondkleur */
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        overflow-y: auto;
        z-index: 9999;
    }
.elementor-314 .elementor-element.elementor-element-105cdb34 div.elementor-menu-toggle {
    z-index: 10;
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

	.elementor-nav-menu--dropdown {
        right: 0 !important;
        left: auto !important;
        top: 50px !important;
        height: 100vh !important;
        width: 200px !important; /* pas aan naar wens */
        position: fixed !important;
        background-color: rgba(26,159,143,0.7);
	padding:20px 20px 20px 20px;
	/*
                                                 *  menu achtergrondkleur */
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        overflow-y: auto;
        z-index: 9999;
    }

}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}