/*

Theme Name: ROQ Vastgoed

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child theme voor ROQ Vastgoed

Author: Webkoekie

Author URI: https://www.webkoekie.nl

Template: hello-elementor

Version: 1.0.1

Text Domain: Webkoekie

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

.elementor-sticky--effects{ 
    background-color: #fff!important;
    min-height: 100px!important;
    height: 100px!important;
    -webkit-box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.1);
    box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.1);
} 
.color-logo{
    display:none;
}
.elementor-sticky--effects{ transition: background-color 1s ease, min-height 1s ease!important;
} 
.menu-bar{ transition: min-height 1s ease !important;
}
.elementor-sticky--effects .main-menu-items ul li a{
    color:#000!important;
}
.elementor-sticky--effects .main-menu-items ul li a:hover{
    color:#BBBBBB!important;
}
.elementor-sticky--effects .main-menu-items ul li a.elementor-item-active{
    color:#BBBBBB!important;
}
.cta-koffie .elementor-bg{
    background-position-y:80%!important;
}

.elementor-sticky--effects .white-logo{
    display:none;
}
.elementor-sticky--effects .color-logo{
    display:block;
}
.white-logo img,
.color-logo img{
    transform: scale(1) translateZ(1px);
	transition: 1s all ease-in-out;
    -moz-transition: 1s all ease-in-out;
  -webkit-transition: 1s all ease-in-out;
  -o-transition: 1s all ease-in-out;
}
.elementor-sticky--effects .color-logo img {
    transform: scale(0.8) translateY(-20px) translateX(0) translateZ(1px);
}
.elementor-sticky--effects .white-logo img {
    transform: scale(0.8) translateY(-20px) translateZ(1px);
}
.elementor-sticky--effects .main-menu-items ul li a .sub-arrow svg{
    fill:#000!important;
    color:#000!important;
}
.elementor-sticky--effects .main-menu-items ul.sub-menu li a.elementor-item-active{
    color:#BBBBBB!important;
}
.elementor-sticky--effects .main-menu-items ul.sub-menu li a:hover{
    color:#BBBBBB!important;
}
.elementor-sticky--effects .menu-search svg{
    fill:#000!important;
    color:#000!important;
}
.elementor-sticky--effects .elementor-menu-toggle svg{
    color:#000!important;
    fill:#000!important;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
    border: 0 !important;
    box-shadow: none!important;
    border-bottom: 1px solid #BBBBBB !important;
    border-radius: 0 !important;
    font-size: 19px !important;
    padding: 20px 15px 20px 15px!important;
}
.contact-form textarea{
    min-block-size: 8rem!important;
}
.contact-form input[type="text"]::placeholder,
.contact-form input[type="email"]::placeholder,
.contact-form textarea::placeholder{
    color:#BBBBBB!important;
}
.contact-form input[type="submit"]{
    border-radius: 0 !important;
    font-size: 20px !important;
    padding: 15px 50px 15px 50px!important;
    background-color:#1b2433!important;
}
@media only screen and (max-width: 768px) {
    .elementor-sticky--effects .color-logo img {
    transform: scale(1) translateY(0px) translateZ(1px);
}
}