/*
Theme Name:  Commercieel Theme
Theme URI:   https://themes.grizzly.marketing/commercieel
Version:     1.0.1
Description: Het Commercieel theme van Grizzly New Marketing
Author:      vps230265
Author URI:  https://themes.grizzly.marketing/commercieel
Template:    Divi
*/

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/


/*------------------------------------------------*/
/*----------------------[BAS]---------------------*/
/*------------------------------------------------*/

.et-social-icon.et-social-facebook a {
    background: #3a5897;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    color: #FFF !important;
}

.et-social-icon.et-social-twitter a {
    background: #1DA1F2;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    color: #FFF !important;
}

.et-social-icon.et-social-google-plus a {
    background: #DC4E41;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    color: #FFF !important;
}

.et-social-google-plus a.icon:before {
    font-size:10px !important;
}

.et-social-twitter a.icon:before, .et-social-facebook a.icon:before {
    font-size:12px !important;
}

.et-social-icon .et-social-twitter {
    margin-left:5px !important;
}

#top-header .et-social-icons li {
    margin-left:5px !important;
}

#top-header .container, #top-header .et-social-icon a {
    line-height: 1.45em !important;
}

#top-header {
    z-index:9900 !important;
}

#logo {
    z-index:9999 !important;
}

@media (max-width: 980px) {
    #logo {
      margin-top:0px;
    }

    .et_pb_section {
    padding: 50px 0;
    }

    .home-rechts {
    width:100% !important;
    }
}

.home-header {
    padding: 50px 0 !important;
}

.home-header .et_pb_fullwidth_header_subhead {
    padding-top:90px !important;
    padding-bottom: 50px !important; 
}

.home-header h1 {
    text-transform: inherit !important;
    font-size: 28px;
    font-weight:bold;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    text-shadow: 1px 2px 5px rgba(34, 34, 34, 0.6);
}

.home-intro-div {
    padding: 54px 0 !important;
    margin-top:-155px;
}

.home-intro {
    margin-bottom: 60px !important;
    padding: 40px 45px 60px 45px !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    float: left;
    width:100%;
    -webkit-box-shadow: 0px 24px 35px -23px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 24px 35px -23px rgba(0,0,0,0.3);
    box-shadow: 0px 24px 35px -23px rgba(0,0,0,0.3);
}

.home-overlay {
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom: 0 !important;	
}

.home-links {
    margin-right: 2.5% !important;
}

.home-rechts {
    padding-top:0 !important;
}

.telefoon-knop, .email-knop {
    padding: 4px 20px 6px 40px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-top: 13px !important;
    z-index: 99 !important;
    text-transform: none !important;
}

.et_pb_button_module_wrapper.et_pb_module {
    margin: 0px !important;
    padding: 0px !important;
}

.email-knop {
    margin-top: 13px !important;
}

body #page-container .et_pb_button_0:after, body #page-container .et_pb_button_1:after  {
    line-height: 1.7em;
    font-size: 16px !important;
    opacity: 1;
    margin-left: 15px !important;
    left: 0.15em;
}

.questionmark-div {
    height:30px;
    margin-top:36px;
    padding-left:10px;
    margin-bottom: 10% !important; 
}

.questionmark {
    display: inline;
    float: left;
    margin-right: 15px;
}

.stel-vraag {
    font-size: 15px;
    margin-top: 8px;
    float: left;
    color: #535b5d;
    text-transform: inherit !important;
}

.home-contact {
    margin-top: 20px !important;
    padding:20px;
    margin-bottom:20px !important;
    padding-bottom: 40px !important;
    border-radius: 10px;
}

.push_down {
    float: left;
    margin-bottom: 25px;
}

.home-contact input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, select {
    background: #fff !important;
    border-radius: 15px !important;
}

.vragen a {
   padding-left:60px;
   color:#535b5d;
}

.contact-opnemen-knop {
   padding-right:20px !important;
}

.blurb_custom_title {
    float: left;
    padding: 3px 15px 3px 15px;
    color: #FFF;
    border-radius: 20px;
    /* font-weight: 600; */
    position: absolute;
    z-index: 99;
    margin-top: 17px;
    font-size: 16px;
    padding: 8px 20px;
    line-height: 20px;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
}

.blurb_custom_title img {
    /* width: 20px; */
    height: 25px;
    padding-right: 10px;
    margin-top: 2px;
    float: left;
    padding-bottom: 9px;
}

.blurb_custom_title a {
    color: #FFF;
    font-weight: 700;
}

.blurb-dienst {
    margin-bottom: 13.174% !important;
}

.home-blurbs-3 {
    padding-top:0 !important;
}

.leesverder-geel {
    color:#E2DA5B;
    font-weight: 700;
}

.leesverder-green {
    color:#23D29B;
    font-weight: 700;
}

.leesverder-red {
    color:#E84135;
    font-weight: 700;
}

ul.sub-menu {
    /*background: #F4F4F4 !important;*/
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    border-top-right-radius: 0px !important;
    box-shadow: 0px !important;
}

.referenties a {
    float: left;
    display: block;
    margin-top: -10px;
    margin-right: 10px;
}

.referenties p a img {
    margin-top: 10px;
}

.referentie-titel-tekst {
    padding-top:12px !important;
}

.referenties-blok {
    background-color:#f4f4f4;
    padding:50px 33px !important;
    border-radius: 10px;
}

.referentie-body {
    height: 168px;
}

#footer-widgets .footer-widget li {
    list-style:none;
    padding-left: 0px !important;
}

#footer-widgets .footer-widget li:before {
    display:none;
}

#footer-widgets .footer-widget li a:hover {
    color: #008FC7 !important;
}

.et_mobile_nav_menu {
    
}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
h1{
text-transform:none !important;
font-weight:400 !important;
}
.et-fixed-header img{
background-color: #333;
}
.mobieleachtergrond{
background-repeat: repeat-y;
    background-position: center center;
    background-attachment: scroll;
    background-size: 2773px 50px;
    background-image: url(/rustiek/assets/uploads/2016/11/achtergrond_kleuren_v2.png);
}
.whitetext{
margin-top:0px;
padding: 70px;
}
.et_pb_blog_grid .et_pb_image_container img {
    min-width: 100%;
    max-width: 100%;
    min-width: 85px !important;
    height: auto;
    margin-left: 36%;
    max-width: 68px !important;
    top: -95px;
    position: absolute;
}
span.published {
    background: #fd8469;
    padding: 5px 10px;
    color: #FFF;
}
.et_pb_blog_grid .entry-title{
text-align:center;
}
.et_pb_blog_grid .et_pb_post {
    padding: 35px !important;
    border: 1px solid #d8d8d8;
    background-color: #f9f9f9;
    word-wrap: break-word;
    padding-top: 70px !important;
}
.et_pb_column_2_3{
width:60% !important;
}
.custom_section{
padding-top:20px;
 height: 300px;
 z-index: 9;
}

.custom_margins img{
filter:sepia(0%);
transition: all .3s ease-out;
}
.custom_margins img:hover{
filter:sepia(100%);
transition: all .3s ease-in;
}
.custom_margins .et_pb_column{
margin: 0px 10px !important;
    width: 31.3%;
}
h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.home .et_pb_blurb_2.et_pb_blurb h4, .et_pb_blurb_2.et_pb_blurb h4 a {
    color: #ffffff !important;
}

.et_pb_blurb_position_left .et-pb-icon{
font-size:40px;
}
.templateheader .et_pb_slide{
padding-bottom:60px;
}
.orange h4 a {
    background: #ff9800;
    float: left;
    width: 100%;
    padding: 14px;
}
.orange .meerlezen a {
    color: #ff9800!important;
    background: transparent;
    padding: 8px 20px;
    float: left;
    border: 1px solid #ff9800;
    border-radius: 4px;
    clear: both;
    margin: 0px 0px 20px 15px;
    transition: all 0.2s !important;
}
.orange .meerlezen a:hover {
    background: #ff9800 !important;
    color: #fff !important;
}
.home .et_pb_blurb_1.et_pb_blurb h4, .et_pb_blurb_1.et_pb_blurb h4 a {
    color: #ffffff !important;
}
.blue h4 a {
    background: #03A9F4;
    float: left;
    width: 100%;
    padding: 14px;
}
.blue .meerlezen a {
    color: #03A9F4 !important;
    background: transparent;
    padding: 8px 20px;
    float: left;
    border: 1px solid #03A9F4;
    border-radius: 4px;
    clear: both;
    margin: 0px 0px 20px 15px;
    transition: all 0.2s !important;
}
.blue .meerlezen a:hover {
    background: #03A9F4 !important;
    color: #fff !important;
}
.green .meerlezen a {
    color: #8bc34a !important;
    background: transparent;
    padding: 8px 20px;
    float: left;
    border: 1px solid #8bc34a;
    border-radius: 4px;
    clear: both;
    margin: 0px 0px 20px 15px;
    transition: all 0.2s !important;
}
.green .meerlezen a:hover {
    background: #8bc34a !important;
    color: #fff !important;
}
.home .et_pb_blurb_container {
    float: left;
background-color: #fff;
}
.home .et_pb_blurb_container p {
    float: left;
    /*padding: 15px !important;*/
}
.home .et_pb_blurb h4 {
    padding-bottom: 5px;
}
.home .et_pb_blurb_0.et_pb_blurb h4, .et_pb_blurb_0.et_pb_blurb h4 a {
    color: #ffffff !important;
}
.green h4 a {
    background: #8BC34A;
    float: left;
    width: 100%;
    padding: 14px;
}
.specialrow .et_pb_column_2, .specialrow .et_pb_column_3, .specialrow .et_pb_column_4 {
    margin-top: 25px;
}
.homepage_intro p, .dienstpage_intro p {
    font-weight: 300;
    padding: 0px 130px 0px 130px;
}
.homepage_intro, .dienstpage_intro {
    margin-top: -120px;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#main-header .nav li ul {
    background: rgba(255,255,255,0.9) !important;
}
#main-header .nav li ul a{
font-weight: 700;
}
 #header div.et_pb_row{
width:100% !important;
}

div.wpcf7-validation-errors {
    border: 2px solid #FF0000;
    color: #ff0000 !important;
}


/*
 IE Parallax fix
*/

@media screen\0 {
html {
        overflow: hidden;
        height: 100%;    
}
body {
        overflow: auto;
        height: 100%;
	margin-right:-17px;
}
}

a.leesmeer {
color: #01aeff;
}
a.leesmeer::after {
    color: #01aeff;
    content: " \00BB";
}
.et_pb_slider .et_pb_slide, .et_pb_section_0 {
    background-color: transparent!important;
}

.et_pb_slide_description .et_pb_more_button:hover {
    background: rgba(255, 255, 255, 0.2);
    
}

.et_pb_button {
    font-size: 16px;
border-color: #fff;

    border-radius: 0px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

.et_pb_bg_layout_light .et_pb_more_button
{
    color:#fff!important;
}
.mobile_menu_bar:before
{
color:#535b5d!important;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
color:#535b5d!important;
}
#contactformulier h3{
    font-weight: 300 ;
    font-size: 33px;
    text-transform: none;
    margin-bottom: 20px;
}
ul#mobile_menu {
    overflow: auto;
    max-height: 600px;
    width: 111%;
    margin-left: -5.5%;
}
ul#mobile_menu {
    list-style-type: none!important;
}
ul.sub-menu {
    list-style-type: none!important;
}
.home-info h1, .home-info h2, .home-info h3, .home-info p, .page-info h1, .page-info h2, .page-info h3, .page-info p, .contact-info h1, .contact-info h2, .contact-info h3, .contact-info p {
    color: #000;
    padding: 0 0 20px 0;
}
/*h2{
    font-weight: 300 !important;
    font-size: 33px ;
    text-transform: none !important;
    margin-bottom: 20px !important;
}*/
.entry-content table {
     color:#000;
}
.promo-info p {
    color: #fff;
}
.et_pb_slide_content {
    color: #fff;
}
#main-footer {
    background-color: rgba(0, 0, 0, 0);
}

#main-footer .footer-widget h4 {
    font-weight: bold;
}
.link-footer
{
    color:#01aeff !important;
}
.link-footer a:hover
{
     text-decoration:underline;
}
/*------------------------------------------------*/
/*-------------------[CONTACT FORM]------------------*/
/*------------------------------------------------*/
.wpcf7 {
    color: #fff;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    background-color: #fff!important;
    border: none!important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 15px !important;
    font-size: 14px;
    color: #999 !important;
    padding: 16px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', Arial, sans-serif;
}
#contactformulier .wpcf7-submit {
    padding: 6px 20px;
    background: #ebebeb !important;
    border: 2px solid #ebebeb !important;
    color: #252525 !important;
    float: left !important;
    margin: 8px auto 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    line-height: 1.7em !important;
    transition: all 0.2s !important;
    cursor: pointer;
    font-family: 'Open Sans', Arial, sans-serif;
    transition: .2s;
    text-transform: uppercase;
}
.wpcf7-submit {
    padding: 6px 20px;
    background: #008FC7!important;
    border: 2px solid #fff!important;
    border-radius: 20px;
    color: #fff!important;
    float: right !important;
    margin: 3% auto 0 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    line-height: 1.7em !important;
    transition: all 0.2s !important;
    cursor: pointer;
    font-family: 'Open Sans', Arial, sans-serif;
    transition: .2s;

 
}
.wpcf7-submit:hover { 
    opacity: 0.6;
}

div.wpcf7-validation-errors {
    border: 2px solid #FF0000;
}

/**---------------- Media query ----------------**/
@media only screen and (max-width: 768px) { 
.form-row-left, .form-row-right { width: 100%; padding: 0; margin: 0;}
.form-2-columns .captcha-173 {
    	float: left;
    	width: 75%;
}
.form-2-columns .wpcf7-captcha-captcha-172 {
    	float: left;
    	width: 23%;
    	margin: 0 2% 0 0;
}
}
@media only screen and (max-width: 990px) { 
.form-2-columns .captcha-173 {
    	float: left;
    	width: 70%;
}
.form-2-columns .wpcf7-captcha-captcha-172 {
    	float: left;
    	width: 28%;
    	margin: 0 2% 0 0;
}
}
@media only screen and (min-width: 48em) { 
.form-row-left {
	float: left;
	width: 49%;
}
.form-row-right {
	float: left;
	width: 49%;
      	margin: 0 0 0 2%;
}
}

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.et-fixed-header #et-info-phone:before{
color:black;
}
#et-info {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.et_header_style_centered #main-header .logo_container {
    float: left;
    width: 50%;
}
.et_header_style_centered #main-header div#et-top-navigation {
    float: right;
    width: 50%;
}
#et-top-navigation {
    padding-top: 22px;
}

#top-header #et-info {
	float: right;
}


.et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed!important;
    top: 0px;
}
#page-container {
   padding-top: 0!important;
   margin-top:0!important;
}


ul#top-menu {
    padding: 0;
}
#top-menu li {
    font-weight: bold;
}
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
   padding-top: 0!important;
   margin-top:0!important;
}

#page-container {
   padding-top: 0!important;
   margin-top:0!important;
}

#main-content .container {
    padding-top: 0;
}
.search #main-content .container {
   padding-top: 30px;
   padding-bottom: 30px;
   color:#000;
}
.search #main-content .container h2 {
    color:#000;
}

.container.et_search_form_container.et_pb_search_visible {
    width: 90%!important;
    margin: auto;
}
.et-search-form {
    max-width: 290px;
}
.et-search-form input{
width: 70% !important;
}

.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
    top: 0;
}
#main-content .container:before {
    width: 0px;
}
.et_fullwidth_nav #main-header .container {
    width: 100%!important;
    right: 0px;
    padding: 0;
}
.home #main-header {
    padding: 0;
    /*position: fixed!important;*/
}
.et_header_style_centered .et-fixed-header .et-search-form {
    top: 0px;
}
.gm-style .gm-style-iw {
    color:#000;
}
.gm-style .gm-style-iw h3{
    color:#000;
}

/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {
.et_pb_gutters2 .et_pb_column_1_4 {
    /*width: 23% !important;*/
}
.et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {
    margin-right: 5.5%;
}
.et_pb_gutters3 .et_pb_column_2_3 {
    width: 64.833% !important;
}
}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
.home .et_pb_slide{
padding-bottom:60px;
}
.homepage_intro p, .dienstpage_intro p{
    padding: 0px 35px 0px 35px;
}
.homepage_intro, .dienstpage_intro {
    margin-top: -90px !important;
 
}
.custom_section{
padding-top:20px;
 height: 100% !important; 
 z-index: 9;
}
.custom_section img{
padding-bottom:30px;
}
.custom_section .et_pb_row{
padding-bottom:0px;
}
.custom_margins .et_pb_column {
    margin: 0px 0px !important;
}
.section_contact{
padding:0px !important;
}
.et_pb_column_2_3{
width:100% !important;
}
.whitetext{
margin-top:0px;
padding: 15px;
}

h2{
font-size:25px !important;
}
#contactformulier h3{
font-size:20px !important;
}

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
}
@media screen and ( max-width: 1250px ){
.mobieleachtergrond{
   background: #3b3a38 !important;
}
}
@media screen and ( max-width: 1100px ) {
.homepage_intro p, .dienstpage_intro p{
    padding: 15px 35px 0px 35px;
}
.et_pb_gutters2 .et_pb_column_1_4 {
    width: 43% !important;
    float: left;
}
.et_pb_gutters2 .et_pb_column{
margin-right:3.5%;
}
.home-contact {width:100% !important;}

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
.et_pb_more_button{
margin-top:0px !important;
font-size:14px !important;
}
.homepage_intro, .dienstpage_intro{
width:95% !important;
padding:0px !important;
}
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
}