/* CUSTOM CSS - BR-SOLUTIONS.BE */

body { color: white; }
.elementor-widget-text-editor a { color: #ffe413; font-size: initial !important; }
.elementor-widget-text-editor a:hover { text-decoration: underline; }

#whatsapp_contact { transition: all 0.2s ease; opacity: 0; background-color: #25d366; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; position: fixed; right: 40px; bottom: 40px; text-align: center; line-height: 60px; z-index: 10000; 
    -webkit-transform: scale(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: scale(0); /* IE 9 */
          transform: scale(0); /* IE 10, Fx 16+, Op 12.1+ */
}
#whatsapp_contact:hover { background-color: #128c7e; cursor: pointer; bottom: 45px; }
#whatsapp_contact img { width: 30px; height: auto; display: inline-block; }
#whatsapp_contact.show { 
    opacity: 1; 
    -webkit-transform: scale(1); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: scale(1); /* IE 9 */
          transform: scale(1); /* IE 10, Fx 16+, Op 12.1+ */
}

.e-con .elementor-widget.elementor-widget:not(:last-child) { margin-block-end: 20px; }

#headerLeft { width: 20%; }
#headerMid { width: 50%; flex-grow: 1; }
#headerRight { width: auto; margin-left: auto; }

#diensten .elementor-widget-icon-box:hover .elementor-icon-box-icon i { fill:#ffe413; }
#diensten h3 a,
#diensten p.elementor-icon-box-description a { color: #ffe413; }
#diensten p.elementor-icon-box-description a:hover { color: #ffe413; opacity: 0.7; }

#contact-teaser .contact-options .elementor-icon-box-title { color: #FFE413; }
#contact-teaser .contact-options a { color: #afafaf; font-size: 16px !important; }

#blog-overview .elementor-pagination span { font-size: 16px; opacity: 0.5; }
#blog-overview .elementor-pagination a { font-size: 16px; }
#blog-overview .elementor-pagination a:hover { text-decoration: underline; }

#animatedNumbersTeaser .elementor-counter-title { text-align: center; }

#subfooter ul li a { padding: 13px 20px 20px 0; }
#subfooter ul li a:hover:after,
.e--pointer-underline .elementor-item:after  { content: none; }

#copyright a { color: #FFE413; }

#cmplz-document { max-width: 100%; }

/* ************* */
/* MEDIA QUERIES */
/* ************* */
    
@media (max-width: 1024px){

    #headerLeft { width: 40%; }
    #headerMid { width: 20%; }
    #headerRight { width: auto; flex-shrink: 0; }
    
    #headerLeft img { max-width: 300px; }
    #headerLeft .elementor-widget-wrap { align-items: flex-start; }
    #headerLeft .elementor-widget-image { text-align: left; }

    .elementor-location-header .elementor-nav-menu--dropdown { top: 54px !important; }
}

@media (max-width: 767.95px){
    
    #headerLeft img { max-width: 250px; }
    #logoFooter,
    #logoFooter img { width: 300px; max-width: 85%; }
    #headerMid { flex-grow: 1; }

    #subfooter ul li a { padding: 5px 15px 5px 0; }

}

@media (max-width: 600px){
    
    #headerLeft img { max-width: 200px; }
    #headerCta .elementor-button { padding: 8px 10px; }
    
}

@media (max-width: 480px){
    
    #headerCta .elementor-button .elementor-button-text { font-size: 12px; }
    
    #headerLeft { width: 70%; }
    #headerMid { width: 30%; }
    #headerMid .elementor-widget-wrap { padding-right: 0; }
    #headerRight { display: none; }

    #subfooter ul,
    #subfooter ul li { display: block; }
    #subfooter ul li a { padding: 5px 0px; }
    
    
}

@media (max-width: 380px){

    #headerLeft img { max-width: 150px; }

}