/* 
Theme Name: Makkie
Description: Theme made for Hello
Author: Eljany | Firma Netjes
Author URI: https://firmanetjes.nl
Template: hello-elementor
Version: 1.0.1
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
*/
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body,
p{
    font-family: 'Open Sans';
}
/* menu */
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}
/* swap icons */
.elementor-nav-menu--indicator-classic .elementor-nav-menu .sub-arrow i:before {
    display: block;
    content: ' '!important;
    background-image: url(../makkie/icons/chevron-down-solid.svg);
    background-size: 13px 13px;
    height: 13px;
    width: 13px;
}
.fa-search:before {
    display: block;
    content: ' '!important;
    background-image: url(../makkie/icons/search-solid.svg);
    background-size: 13px 13px;
    height: 13px;
    width: 13px;
}
.eicon-menu-bar:before {
    display: block;
    content: ' '!important;
    background-image: url(../makkie/icons/bars-solid.svg);
    background-size: 26px 26px;
    height: 26px;
    width: 26px;
}
.elementor-share-btn__icon svg use,
.sf-level-0.sf-item-0 {
    display: none;
}
.eicon-chevron-right:before,
.eicon-chevron-left:before,
.eicon-frame-expand:before,
.eicon-zoom-in-bold:before,
.eicon-share-arrow:before,
.eicon-close:before{
    display: block;
    content: ' '!important;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.e-fab-facebook,
.e-fab-whatsapp,
.e-fas-envelope{
    background-size: 18.69px 18.69px;
}
.e-fab-facebook{
    background-image: url(../makkie/icons/facebook-f-brands-wit.svg);
}
.e-fab-whatsapp{
    background-image: url(../makkie/icons/whatsapp-wit.svg);
}
.e-fas-envelope{
    background-image: url(../makkie/icons/envelope-wit.svg);
}
.eicon-chevron-right:before {
    background-image: url(../makkie/icons/chevron-down-solid.svg)!important;
    transform: rotate(270deg);
}
.eicon-chevron-left:before {
    background-image: url(../makkie/icons/chevron-down-solid.svg)!important;
    transform: rotate(90deg);
}
.eicon-frame-expand:before {
    background-image: url(../makkie/icons/expand-solid.svg);
}
.eicon-zoom-in-bold:before{
    background-image: url(../makkie/icons/search-plus-solid.svg);
}
.eicon-share-arrow:before{
    background-image: url(../makkie/icons/share-solid.svg);
}
.eicon-close:before{
    background-image: url(../makkie/icons/times-solid.svg);  
}
/* home */
.bluebanner{
  display: flex;
  flex-wrap: wrap;
}
.home-filter{
    position: absolute;
    z-index: 100;
    background-color: white;
    width: auto!important;
    border-radius: 20px;
    padding:  30px 20px;
    margin:  30px 20px 20px 60px;
}
.home-filter .sf-field-reset{
    padding-top:0;
}
.home-filter h4{
    font-size: 1.4em;
    margin-bottom:10px;
}
.home-filter .sf-field-reset a{
    color: black!important;
    font-size: 0.9em;
    text-decoration: underline;s
}
.makkie-filter .sf-field-reset a,
.sf-field-taxonomy-buurt .sf-level-0,
.sf-field-taxonomy-categorieen .sf-level-0{
    font-family: "proxima-soft", Sans-serif;
    font-size: 1rem;
    fill: var( --e-global-color-text );
    color: var( --e-global-color-text );
    background-color: #02010100;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 50px 50px 50px 50px;
    padding: 5px 15px 7px 13px;
}
.sf-field-taxonomy-buurt .sf-level-0,
.sf-field-taxonomy-categorieen .sf-level-0{
    margin-bottom:  15px;
}
.sf-field-taxonomy-categorieen .sf-level-0:hover,
.sf-field-taxonomy-categorieen .sf-level-0.sf-option-active{
    background-color:#EFEDE6;
}
.makkie-filter.verdienen .sf-field-taxonomy-buurt .sf-level-0:hover{
    background-color:#87E07E;
}
.makkie-filter.uitgeven .sf-field-taxonomy-buurt .sf-level-0:hover{
    background-color:#84D6EA;
}
.sf-field-taxonomy-categorieen .sf-level-0:hover,
.sf-field-taxonomy-buurt .sf-level-0:hover,
.sf-label-radio,
.sf-label-checkbox{
    cursor: pointer;
}
.sf-field-taxonomy-buurt .sf-level-0 .sf-input-checkbox,
.sf-field-taxonomy-categorieen .sf-level-0 .sf-input-radio,
.sf-field-taxonomy-buurt .sf-input-radio{
    display: none;
}
.m-container{
     padding: 0 20px;
}
/* projecten */
.m-coverphoto .elementor-widget-wrap{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* search filter */
.searchandfilter ul{
    padding-left:  0;
}
.sf-input-checkbox,
.sf-input-radio{
    accent-color: #84D6EA;
}
.sf-field-search input[type=text]{
    border-radius: 50px;
}
/* verdienen en uitgeven */
.makkie-filter .sf-field-taxonomy-buurt,
.makkie-filter .sf-field-taxonomy-project_soort,
.makkie-filter .sf-field-taxonomy-uitgeven_filter,
.makkie-filter .sf-field-search{
    margin-right: 50px;
}
.makkie-filter .sf-field-reset{
    margin-top:  10px!important;
    margin-bottom:  30px!important;
}
.page-id-22 .sf-input-checkbox,
.page-id-22 .sf-input-radio{
    accent-color: #87E07E;
}
.sf-field-taxonomy-buurt h4,
.sf-field-taxonomy-uitgeven_filter h4{
    margin-right: 20px;
}
.sf-field-taxonomy-uitgeven_filter .sf-label-checkbox{
    margin-top:  -4px;
}
label {
    vertical-align: inherit;
}
.verdienen .sf-field-taxonomy-buurt .sf-option-active{
    background-color: #87E07E;
}
.uitgeven .sf-field-taxonomy-buurt .sf-option-active{
    background-color: #84D6EA;
}
/* hoe werkt de makkie */
.elementor-widget-timeline{
    max-width: 950px;
    margin-left:  auto;
    margin-right: auto;
}
.bewoners-timeline .ee-timeline__item .timeline-item__meta-wrapper .timeline-item__meta,
.ondernemers-timeline .ee-timeline__item .timeline-item__meta-wrapper .timeline-item__meta,
.organisatie-timeline .ee-timeline__item .timeline-item__meta-wrapper .timeline-item__meta{
    display: block;
    content: ' '!important;
    position: absolute;
}
.ee-timeline__item:nth-child(even) .timeline-item__meta-wrapper .timeline-item__meta{
    margin-left:40px!important;
    background-size: 200px 200px;
    height: 200px;
    width: 200px;
}
.bewoners-timeline .ee-timeline__item:nth-child(2) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/bewoners/makkie-vrijwilliger.svg);
}
.bewoners-timeline .ee-timeline__item:nth-child(3) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/bewoners/makkie-website.svg);
    background-size: 127px 200px;
    height: 200px;
    width: 127px;
}
.bewoners-timeline .ee-timeline__item:nth-child(4) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/bewoners/makkie-uur.svg);
}
.bewoners-timeline .ee-timeline__item:nth-child(5) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/bewoners/makkie-korting.svg);
    background-size: 200px 200px;
    height: 200px;
    width: 200px;
}
.bewoners-timeline .ee-timeline__item:nth-child(6) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/bewoners/makkie-betalen.svg);
}
.timeline-item__point__text{
    font-family: "proxima-soft", Sans-serif;
}
.uael-events-inner-new{
    margin-top:  -30px;
}
.ondernemers-timeline .ee-timeline__item:nth-child(2) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/ondernemers/makkie-ondernemer.svg);
}
.ondernemers-timeline .ee-timeline__item:nth-child(3) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/ondernemers/makkie-label.svg);
    background-size: 131px 200px;
    height: 200px;
    width: 131px;
}
.ondernemers-timeline .ee-timeline__item:nth-child(4) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/ondernemers/makkie-contract.svg);
}
.ondernemers-timeline .ee-timeline__item:nth-child(6) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/ondernemers/makkie-betalen.svg);
}
.organisatie-timeline .ee-timeline__item:nth-child(2) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/organisaties/makkie-organisatie.svg);
}
.organisatie-timeline .ee-timeline__item:nth-child(3) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/organisaties/makkie-vrijwilliger.svg);
    background-size: 184px 200px;
    height: 200px;
    width: 184px;
}
.organisatie-timeline .ee-timeline__item:nth-child(4) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/ondernemers/makkie-contract.svg);
}
.ondernemers-timeline .ee-timeline__item:nth-child(5) .timeline-item__meta-wrapper .timeline-item__meta,
.organisatie-timeline .ee-timeline__item:nth-child(5) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/ondernemers/makkie-toolbox.svg);
    background-size: 147px 200px;
    height: 200px;
    width: 147px;
}
.organisatie-timeline .ee-timeline__item:nth-child(6) .timeline-item__meta-wrapper .timeline-item__meta{
    background-image: url(/wp-content/themes/makkie/icons/organisaties/makkie-uitgiftepunt.svg);
}
/* page */
.m-list .elementor-icon-list-item{
   align-items: flex-start!important; 
}
.m-list .elementor-icon-list-icon{
    margin-top:8px;
}
.title-container .elementor-container{
    flex-wrap: wrap;
}
.title-container .elementor-column.elementor-col-50 {
    width: 100%;
}
.title-container .elementor-column.elementor-col-50:first-child {
    min-height: 350px;
}
.page-title .elementor-widget-wrap{
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    height: 90px;
    align-content: center;
}
.dce-post-block a{
    color:#000000;
}
.dce-post-block a:hover{
    color:#E30613;
}
.dce-post-block h4{
    font-size:28px;
}
.m-faq .elementor-toggle-item{
    margin-bottom:0!important;
}
.m-faq .elementor-toggle .elementor-tab-title {
    padding: 20px 0;
}
.m-faq .elementor-toggle .elementor-tab-title .elementor-toggle-icon {
   margin: 5px 10px 20px 0;
}
.m-faq .elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
    width: 1.5em;
    height: 1.5em;
}
.m-faq .elementor-toggle .elementor-tab-content {
    padding: 0 24px 30px!important;
}
/* forms */
.nieuwsbrief-container{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: none;
}
.doelgroep{
    margin:  30px 0;
}
.doelgroep label{
    display: block;
    margin-bottom:  15px;
}
.doelgroep label:first-child{
    font-family: "proxima-soft", Sans-serif;
}
[type=button], [type=submit], button {
    color: #fff;
    line-height: 1;
    }
.doelgroep [type=checkbox]{
    accent-color: #87E07E;
}
/* heading */
h2,h3,h4{
    margin-top:1.5rem;
    margin-bottom:0.5rem;
}
.home h2{
    margin-top:  0!important;
}
/* classes */
.nomargin{
    margin-bottom:  0!important;
}
.max600{
    max-width: 600px;
}
.big-list ul{
    padding-left:  20px;
}
.big-list li{
    margin-bottom:10px;
}
/* media rules */
@media(max-width:1300px){
    .home-filter{
        display: none;
    }
}
@media (min-width: 1025px){
.image-left{
    padding-left:20px;
}
.image-right{
    padding-right:20px;
}
.makkie-filter .searchandfilter > ul,
.makkie-filter .sf-field-taxonomy-uitgeven_filter,
.sf-field-taxonomy-buurt{
    display: flex!important;
}
}
@media (max-width: 1024px){
.elementor-nav-menu__align-right .elementor-nav-menu{
    padding-bottom: 20px;
}
}
@media (min-width: 768px){
    .ee-timeline__item:nth-child(odd) .timeline-item__meta-wrapper .timeline-item__meta{
    right: 0;
    margin-right:40px!important;
}
.ee-timeline-cards-align--middle .ee-timeline .timeline-item {
    -ms-flex-align: center;
    align-items: center;
}
.m-container{
     flex: 0 0 33.333333%;
}
.ee-timeline__item:nth-child(even) .uael-timeline-desc-content,
.ee-timeline__item:nth-child(even) .timeline-item__content__wysiwyg{
    text-align: right;
}
.projecten-grid.dce-dynamic-posts-collection {
    margin: 0 -30px;
    width: 1160px!important;
}
.projecten-grid .project .dce-post-block{
    padding:  30px;
}
}
@media (max-width: 767px){
.bewoners-timeline .ee-timeline__item:nth-child(even) .timeline-item__meta-wrapper .timeline-item__meta, 
.ondernemers-timeline .ee-timeline__item:nth-child(even) .timeline-item__meta-wrapper .timeline-item__meta,
.organisatie-timeline .ee-timeline__item:nth-child(even) .timeline-item__meta-wrapper .timeline-item__meta,
.bewoners-timeline .ee-timeline__item:nth-child(5) .timeline-item__meta-wrapper .timeline-item__meta{
    background-size: 160px 160px;
    height: 160px;
    width: 160px;
}
.bewoners-timeline .ee-timeline__item:nth-child(3) .timeline-item__meta-wrapper .timeline-item__meta{
    background-size: 102px 160px;
    height: 160px;
    width: 102px;
}
.ondernemers-timeline .ee-timeline__item:nth-child(3) .timeline-item__meta-wrapper .timeline-item__meta{
    background-size: 105px 160px;
    height: 160px;
    width: 105px;
}
.ondernemers-timeline .ee-timeline__item:nth-child(5) .timeline-item__meta-wrapper .timeline-item__meta,
.organisatie-timeline .ee-timeline__item:nth-child(5) .timeline-item__meta-wrapper .timeline-item__meta{
    background-size: 118px 160px;
    height: 160px;
    width: 118px;
}
.organisatie-timeline .ee-timeline__item:nth-child(3) .timeline-item__meta-wrapper .timeline-item__meta{
    background-size: 147px 160px;
    height: 160px;
    width: 147px;
}
.ee-timeline .ee-timeline__item {
    margin-bottom: 40px;
}
.elementor-widget-timeline{
    margin-top: 110px;
}
.ee-timeline__item:nth-child(odd) .timeline-item__meta-wrapper .timeline-item__meta{
    margin-left:  40px!important;
}
.ee-timeline-align-mobile--left .ee-timeline .timeline-item__card-wrapper {
    -ms-flex-order: 2;
    order: 2;
}
.ee-timeline-align-mobile--left .ee-timeline .timeline-item__meta-wrapper{
    display: block;
    top:  -120px;
    order: 1;
}
.timeline-item__content__wysiwyg{
    margin-bottom:  80px;
}
.home-image{
    position: relative!important;
}
.home-filter{
    margin:  20px;
}
.footer-menu ul.elementor-icon-list-items.elementor-inline-items {
    flex-direction: column;
}
.footer-menu .elementor-icon-list-item.elementor-inline-item {
    margin: 5px 0;
}
}