/*
Theme Name: Brook Child
Theme URI: http://brook.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 1.0.0
Template: brook
Text Domain:  brook
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
/* FLY OUT MENU TEXT WHITE */
.off-canvas-extra-info{color:#fff;}
/* TESTIMONIALS TEXT SMALLER */
.tm-testimonial.style-carousel-03 .testimonial-desc{font-size:14px;}
/* COPYRIGHT FOOTER 16 */
.mrweb-copyright-row{font-family:'Poppins', sans-serif;font-size:12px;font-weight:300;color:#000;background:#f5f5f5;line-height:1.5;text-align:center;letter-spacing:.05em;padding:25px 0;}
.mrweb-copyright-row a{color:#000;text-decoration:underline;}
.mrweb-copyright-row span{display:inline-block;padding:5px 10px;margin:0 5px;}
/* COPYRIGHT FOOTER ABOUT */
#mrweb_copyright_row_about{font-family:'Poppins', sans-serif;font-size:12px;font-weight:300;color:#fff;background:#b2b2b2;line-height:1.5;text-align:center;letter-spacing:.05em;}
#mrweb_copyright_row_about a{color:#fff;text-decoration:underline;}
#mrweb_copyright_row_about span{display:inline-block;padding:5px 10px;margin:0 5px;}

/* TOOLS > info boxes for impact area's */
.tm-info-boxes.style-metro .box-content-inner {
    display: block;
}
.tm-gradation:nth-of-type(1) {
    font-size:20px !important;
}
[id^=mrweb-gradation] .text{
    font-size:14px !important;
}
/* TESTIMONIALS strectch en uitlijnen rechts */
#what_people_say_about_us{padding-right:0 !important;}
#what_people_say_about_us .vc_column_container > .vc_column-inner{padding-right:0 !important;}
@media only screen and (min-width:600px) { 
    #what_people_say_about_us .vc_column_container > .vc_column-inner{padding-right:0 !important;padding-left:0 !important;}  
}

/* NEWSLETTER SUBSCRIBE */
.wpcf7-form .mrweb-newsletter-input{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    font-family:'Poppins', sans-serif;
    font-size:12px;
    font-weight:400;
    color:#000;
    background:#f5f5f5;
    line-height:1.5;
    display:inline-block;
    border:1px solid #000;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    height:45px;
}
#mrweb_cf7_newsletter_email{
    max-width:40%;
    min-width:40%; 
}
#mrweb_cf7_newsletter_email:hover, #mrweb_cf7_newsletter_email:active, #mrweb_cf7_newsletter_email:focus{
    border-color:#000;
}
#mrweb_cf7_submit{
    text-align:center;
    margin-left:0px;
    max-width:25%;
    min-width:140px;
    font-weight:600;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;  
    transform: translateY(0px) !important;
    color:#fff !important;
    border:1px solid #0038E3 !important;
    background-color: #0038E3 !important;
}
#mrweb_cf7_submit:hover{
    color: #000 !important;
    border: 1px solid #000 !important;
    background-color: transparent !important;
}
.wpcf7-form .mrweb-contact-input{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    font-family:'Poppins', sans-serif;
    font-size:12px;
    font-weight:400;
    color:#000 !important;
    background:#f5f5f5 !important;
    line-height:1.5;
    display:inline-block;
    border:1px solid #000 !important;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    height:45px;
}
.wpcf7-form .mrweb-contact-input:hover,.wpcf7-form .mrweb-contact-input:active,.wpcf7-form .mrweb-contact-input:focus{
    background:#fff !important;
    color:#000 !important;    
    border:1px solid #000 !important;
}
.mrweb-flip-grid *{pointer-events: none !important;}
.mrweb-flip-grid .heading, .mrweb-flip-grid .text{text-align:left;color:#fff;}

.mrweb-flip-grid .content-wrap{
    top:0;
    transform: none;
    -webkit-transform:none;
    -moz-transform:none;
    -o-transform: none;
    -ms-transform:none;
}
#mrweb-gradation-1{}
#mrweb-gradation-2{}

.header-social-networks a, .page-open-main-menu{color:#111112 !important;opacity:1 !important}
.header-social-networks a:hover, .page-open-main-menu:hover{color:#1400f7 !important;}
.header-04{opacity:1 !important;}

/*.page-header {
    z-index: 99999 !important;
}*/

/* TOOLS impact areas part 2 */
.mrweb-impact-areas .tm-team-member .shape{display:none;}

/* MRWEB CTA TO GO TO SIGNUP PAGE */
.mrweb-signup-cta a{
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    border:1px solid #000 !important;
    text-align:center;
    height:45px !important;
    line-height:45px !important;
    background-color: #f5f5f5;
    font-weight:400;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;  
    transform: translateY(0px) !important;   
    border-radius:0 !important;
    text-transform:uppercase !important;

}
.mrweb-signup-cta a:hover{
    color: #ffffff !important;
    border-color: #0038E3 !important;
    background-color: #0038E3 !important;
}

.mrweb-homepage-typed-row{
    min-height:700px !important;
}
/*
service page anchors:
impact-strategy
impact-branding
impact-coaching
impact-design

*/
.header-04 .page-open-main-menu {
    margin-top: 0 !important;
}
.cookie-notice-container{
    max-width:1100px !important;
    margin:0 auto !important;
}
.mrweb-cookie-button{
    width:50px !important;
    height:50px !important;
    border-radius:50% !important;
    background-color: black !important;
    color:#fff !important;
    margin:0 !important;
    line-height:32px !important;
}
.mrweb-homepage-portfolio .vc_column-inner{
    padding-left:0 !important;
    padding-right:0 !important;
}
.mrweb-homepage-tickertape{
    padding-top: 50px !important;
    padding-bottom: 50px !important;   
}

.mrweb-homepage-tickertape .typed-text h3.heading{
    min-height: 250px;
}

@media only screen and (min-width:481px) and (max-width:600px) { 
    .mrweb-homepage-tickertape{
        padding-top: 100px !important;
        padding-bottom: 100px !important;         
    }
    .mrweb-homepage-tickertape .typed-text h3.heading{
        min-height: 250px;
    }    
}
@media only screen and (min-width:601px) { 
    .mrweb-homepage-tickertape{
        padding-top: 150px !important;
        padding-bottom: 150px !important;        
    }
    .mrweb-homepage-tickertape .typed-text h3.heading{
        min-height: 200px;
    }    
}

.mrweb-wpml-switch{
    text-align: right;
}
.mrweb-wpml-switch li:first-child{
    border-right:1px #1c00f8 solid;
}
.mrweb-wpml-switch li:last-child{
    border-right:none;
}


.mrweb-certified-footer-column .image{
    width:120px !important;
    height:auto !important;
}
@media only screen and (min-width:769px)  { 
    .mrweb-certified-footer-column .image{
        width:100% !important;
        height:auto !important;
    }
}
.mrweb-homepage-portfolio .tm-portfolio.style-carousel-auto-wide-large .post-title{
    font-size:24px !important;
}
@media only screen and (min-width:1199px)  { 
    .mrweb-homepage-portfolio .tm-portfolio.style-carousel-auto-wide-large .post-title{
        font-size:48px !important;
    }
}
/*.mrweb-scroll-pricing-table th:first-child {
    position: fixed;
    left: 5px
}
.mrweb-scroll-pricing-table .inner {
    overflow-x:scroll;
    overflow-y:visible;
    width:250px;
    margin-left: 120px;
}
.mrweb-scroll-pricing-table th {
    padding: 5px 20px;
    width: 100px;
}*/
/* CUSTOM PRICING TABLE */
.mrweb-services {
    background-color:#fff;
}
.mrweb-services table {
    table-layout: fixed; 
    width: 100%;
    *margin-left: -265px;/*ie7*/
}
.mrweb-services td, .mrweb-services th {
    vertical-align: top;
    border: none !important;
    padding:10px;
    width:265px;
}
.mrweb-services .hard_left {
    position:absolute;
    *position: relative; /*ie7*/
    left:0; 
    width:375px;
}
.mrweb-services .outer {position:relative}
.mrweb-services .inner {
    overflow-x:scroll;
    overflow-y:visible;
    width:auto; 
    margin-left:375px;
    border-left: 1px dotted #ccc;
}
.mrweb-services .table-header{
    padding:50px 20px;
}


/* B Corp logo hit area */
.b-corp-hit-area{
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-50px;
    z-index:999;
    width:100px; 
    height:120px;
    background-color:transparent;
    cursor:pointer;
}
@media only screen and (min-width:1199px)  { 
    .b-corp-hit-area{
        left:0px;
        margin-left:0px;
    }
}

.wpcf7-response-output{
    color:#000 !important;
}
.tm-team-member h3{min-height:50px !important;}
    .bcorp-banner-logo img{max-width:60px !important;}
@media only screen and (min-width:768px)  { 
    .bcorp-banner-logo img{max-width:91px !important;}
}