/* 
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 */

/* Button circle with arrow, translate x on hover */
.header-button-v2 span.elementor-button-icon {
    transform: scale(2.3) translate(5px,-0.1px) ;
    margin: 0px 2px 0px 5px;
    transition: transform 0.7s ease;
    color: #F29838;
}

.header-button-v2:hover span.elementor-button-icon {
    /* transform: scale(1.5); */
    transform: scale(2.3) translate(6px, -0.1px) ;
    transition: transform 0.7s ease;
    /*color: #29527A;*/
    color: black;
}

/*Button v2*/
.button-v2 span.elementor-button-icon {
    transform: scale(2) translate(7px,3px) rotate(-45deg);
    background-color: white;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    transition: transform 0.7s ease;
}

.button-v2:hover span.elementor-button-icon {
    /* transform: scale(1.5); */
    transform: scale(2) translate(8px, 2px) rotate(-45deg);
    transition: transform 0.7s;
    /*color: #29527A;*/
    color: #F29838;
    background-color: white;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

/*Button v3*/
.button-v3 span.elementor-button-icon {
    transform: scale(2.2) translate(7px,0px);
    background-color: white;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    transition: transform 0.7s ease;
}

.button-v3:hover span.elementor-button-icon {
    /* transform: scale(1.5); */
    transform: scale(2.2) translate(8px, 0px);
    transition: transform 0.7s;
    /*color: #29527A;*/
    color: #F29838;
    background-color: white;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

/*Bold black font*/
.bold-black-font {
    font-weight: 600;
}

/* Link to whole icon box mega menu */
.icon-box-menu .elementor-icon-box-wrapper {
    position: relative !important;
}

.icon-box-menu a::after { 
    bottom: 0; 
    content: ''; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 1; 
}

/* .greep-uit-projecten {
    min-height: 600px;
}

@media only screen and (max-width: 801px) {
  .greep-uit-projecten {
    min-height: 450px;
  }
} */