/*
 Theme Name:     Brandeniers
 Theme URI:      Brandeniers.nl
 Description:    Brandeniers Child Theme
 Author:         Brandeniers
 Author URI:     Brandeniers.nl
 Template:       Divi
 Version:        1.0.6
*/


/* =Theme customization starts here
------------------------------------------------------- */


    #et-main-area, 
    #main-header,
	#page-container,
	html,
	body {
		width: 100%;
		overflow-x: hidden!important;
	}


#page-container .et_pb_row {
    z-index: 2;
}

#page-container #et-main-area .et_pb_row {
    z-index: 5;
}



@font-face {
    font-family: 'bravelyregular';
    src: url('/wp-content/themes/divi-child/bravely-webfont.woff2') format('woff2'),
         url('/wp-content/themes/divi-child/bravely-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





/*
@media all and (max-width: 980px) {
    
 #et-boc .et_pb_gutters2.et_pb_row > div.et_pb_column {
    margin-bottom: 30px!important;
}
    
}*/


@media (max-width: 980px) {
.et_pb_section {
    padding: 20px 0;
}
}

/*font en headings*/


@media all and (min-width: 1600px) {
.home #page-container #et-boc h1 {
font-size: 80px;
}
}






 #page-container #et-boc h1 {
font-size: 50px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
      line-height: 1.2em;
}


 #page-container #et-boc h2 {
    
font-size: 40px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
     line-height: 1.6em;
}

#page-container #et-boc .et_pb_text_inner h2 {
       
}


 #page-container #et-boc h3 {
font-size: 24px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
     color: #16435a;
      line-height: 1.6em;
}

#page-container #et-boc h4 {
font-size: 17px;
font-weight: 700;
font-style: normal;
letter-spacing: .2em;
    text-transform: uppercase;
    color: #aeb9be;
    line-height: normal;
     line-height: 1.6em;

}

#page-container #et-boc .et_pb_text_inner h4 {
    
}

#page-container #et-boc h5 > a,
#page-container #et-boc h5 {
font-size: 18px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
    
    line-height: 1.2em;

}

#page-container #et-boc h6 {
    font-size: 18px;
    font-weight: 400;
	font-style: normal;
	line-height: 1.3em;
    letter-spacing: 1.44px;
     text-transform: uppercase;
}


 #page-container #et-boc .et_pb_text_inner li,
 #page-container #et-boc p {
font-size: 17px;
font-weight: 400;
font-style: normal;
letter-spacing: 0px;
	line-height: 1.7em;
}

 #page-container #et-boc .grid-tekst p {
    font-size: 17px;

}



@media only screen and (min-width: 981px) and (max-width: 1600px){
  #page-container   #et-boc h1 {
      font-size: 50px;
    }
  #page-container    #et-boc h2 {
      font-size: 34px;
    }

  #page-container    #et-boc h3 {
       font-size: 18px;
    }
    #page-container    #et-boc h4 {
        font-size: 16px; 
    }    
    
   #page-container   #et-boc h5 {
      font-size: 17px;
    }   
    
    
   #page-container   #et-boc .et_pb_text_inner li,
   #page-container   #et-boc p  
    {
        font-size: 16px;
    }
    
  #page-container    #et-boc .grid-tekst p {
    font-size: 15px;

}
    }



@media only screen and (max-width: 980px){
 #page-container #et-boc h1 {
   font-size: 40px;
    }

 #page-container #et-boc h2 {
    font-size: 30px;
}

 #page-container #et-boc h3,
    #et-boc h4{
    font-size: 16px;
      
}

# #page-container et-boc h5 {
font-size: 16px;
}
     #page-container #et-boc .et_pb_text_inner li,
   #page-container #et-boc p  
    {
        font-size: 15px;
    }
    
    #et-boc .grid-tekst p {
    font-size: 14px;

}
}


@media only screen and (max-width: 479px){
 #page-container #et-boc h1 {
   font-size: 32px;
    }

 #page-container #et-boc h2 {
    font-size: 26px;
}

 #page-container #et-boc h3,
    #et-boc h4{
    font-size: 20px;
      
}

 #page-container #et-boc h5 {
font-size: 15px;
}
        #page-container  #et-boc .et_pb_text_inner li,
       #page-container #et-boc p  
    {
        font-size: 14px;
    }
    
     #page-container #et-boc .grid-tekst p {
    font-size: 13px;

}
}




 #page-container #et-boc h2.et_pb_slide_title  {
     padding-bottom: 0em;
    text-shadow: none;
}

@media only screen and (min-width: 981px) {
 #page-container #et-boc h2.et_pb_slide_title {
    font-size: 40px;
   
}
}

@media only screen and (min-width: 981px) {
 #page-container #et-boc h2.et_pb_slide_title {
    font-size: 80px;
}
}





 #page-container #et-boc .et_pb_text_inner ul {
	list-style: none;
     padding-top: 0em;
}

#page-container #et-boc .et_pb_text_inner ul li:before {
    content: "";
    background-image: url(/wp-content/uploads/2022/04/opsomming.svg);
    height: 9px;
    width: calc(0.5em + 6px);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: -14px;
}





#et-boc h1.groen,
#et-boc h2.groen,
#et-boc h3.groen {
   color: #2db199;
}


 #page-container #et-boc blockquote p,
 #page-container #et-boc .handschrift {
   font-family: 'bravelyregular',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 55px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    color: #16435a;;
    line-height: 1;
     
      
}
#page-container #et-boc blockquote p {
       transform: rotate(-3deg);
}

#pre-header > div > div.et_pb_column.et_pb_column_1_3.et_pb_column_0_tb_header.slogan-rij.et_pb_css_mix_blend_mode_passthrough > div > div > h4 {

    font-family: 'bravelyregular',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 36px!important;
    font-weight: 400!important;
    font-style: normal!important;
    letter-spacing: normal!important;
    color: #16435a;
    line-height: 1!important;
    text-transform: inherit!important;

}

 #page-container #et-boc .et_pb_bg_layout_dark blockquote p,
 #page-container #et-boc .et_pb_bg_layout_dark .handschrift {
    color: white;
}

#page-container #et-boc .et_pb_bg_layout_dark a {
    color: white;
}

@media all and (max-width: 1600px){
   #page-container #et-boc blockquote p,
 #page-container #et-boc .handschrift
    {
       font-size: 35px;
 
    }
    
}

blockquote {
    border-left: none!important;
        margin-left: 3em;
        padding-top: 0.5em;
    padding-bottom: 0.5em;
    

}



blockquote:before {
    content: "";
    background-image: url(/wp-content/uploads/2022/04/arrow-green-svg.svg);
    display: inline-block;
    width: 4em;
    height: 4em;
    position: absolute;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#et-boc .gecentreerde-quote .et_pb_text_inner {
        margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}


#et-boc .rechts-uitgelijnde-quote .et_pb_text_inner {
        margin-left: auto;
    margin-right: 0px;
    max-width: 500px;
}




#page-container #et-boc .blauw > a,
#page-container #et-boc .blauw {
    color: #0064b3;
}
#page-container #et-boc .donkerblauw > a,
#page-container #et-boc .donkerblauw {
    color: #00203d;
}






 #page-container #et-boc .et_pb_divider {
  margin-bottom: 0;
}



@media all and (min-width: 980px){
#et-boc .padding-onder {
    padding-bottom: 108px;
    
}
   #et-boc .padding-boven {
        padding-top: 108px;
    }
    
    
}



/*tekst afbeelding*/

@media all and (max-width: 980px) {
#page-container #et-boc .tekst-afbeeldingrij>.tekstkolom {
	display: flex;
	flex-direction: column;
	justify-content: center;
     

}
}

#page-container #et-boc .tekst-afbeeldingrij>.afbkolom {
    border-radius: 10px;
    display: block;
      min-height: 30vh;
    max-height: 30vw;

    background-position: center;
}

@media all and (max-width: 980px) and (orientation: landscape)  {
    #page-container #et-boc .tekst-afbeeldingrij>.afbkolom {
        min-height: 40vw;
    
    }
}



/*Hpe pagina*/
#et-boc .hpe-downloads-tekst {
    max-width: 800px;
}


/*sticky header*/
#home-sticky .et_pb_menu__logo img {
    content: url(/wp-content/uploads/2022/03/Convins_Logo_Wit.svg);
}
@-moz-document url-prefix() {
	#home-sticky .et_pb_menu__logo img {
    content: inherit;
}
}

#home-sticky.et_pb_sticky--top .et_pb_menu__logo img {
    content: url(/wp-content/uploads/2022/03/Convins_logo.svg)!important;
}

#home-sticky {
    position: absolute;
    width: 100%;
}

#page-container #et-boc #home-sticky.et_pb_sticky--top .et-menu a {
    color: inherit;
}

#home-sticky {
    background: transparent;
}

.has_et_pb_sticky #home-sticky {
    background: #fff;
    transition: background 0.4s ease-in;
}

.home #page-container #et-boc .et_pb_sticky--top .mobile_nav .mobile_menu_bar:before {
   color: #81af19;
}

/*---home----*/



#convins-header-sectie2:before {


content: "";
    background-image: url(/wp-content/uploads/2022/03/bolletjes2.png);
    background-repeat: repeat-x;
    background-size: contain;
    width: 100%;
    height: 195px;
    display: block;
    top: -98px;
    position: absolute;
    z-index: 1;
    background-position: left center;


}

#convins-header-sectie1:after {
    content: "";
    background-image: url(/wp-content/uploads/2022/03/Ruit_groen.png);
    height: 600px;
    display: block;
    background-size: contain;
    width: 600px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 2;
    bottom: -300px;
    left: -300px;
}



.ruit-links:after {
    content: "";
    height: 60vh;
    display: block;
    background-size: contain;
    width: 60vh;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
    bottom: -30vh;
    margin-left: -31vh;
    overflow: hidden;
}

.ruit-rechts:after {
    content: "";
    height: 60vh;
    display: block;
    background-size: contain;
    width: 60vh;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 2;
    bottom: -30vh;
    margin-left: -31vh;
    right: -31vh;
}

.ruit-groen:after {
    background-image: url(/wp-content/uploads/2022/03/Ruit_groen.png);

}

.ruit-grijs:after {
    background-image: url(/wp-content/uploads/2022/03/ruit_grijs.png);
}

@media all and (min-width: 981px) and (max-width: 1500px) {
.header-sectie-achterliggend.et_pb_with_background.et_section_regular > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough,
#convins-header-sectie1 > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_3_tb_header.et_pb_css_mix_blend_mode_passthrough {
	width: 70%
}
.header-sectie-achterliggend.et_pb_with_background.et_section_regular > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough.et-last-child,
#convins-header-sectie1 > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_4_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child {
	width: 30%;
}
}

@media all and (max-width: 479px){
    #convins-header-sectie1 {
 padding-top: 0px;       
}
}



@media all and (min-width: 981px) {
#page-container #et-boc .et_pb_menu__logo-wrap {
    
    max-width: 20%;
    }
}


@media all and (max-width: 980px) {
#page-container #et-boc .et_pb_menu__logo-wrap {
    
    max-width: 200px;
    }
}


.home #page-container #et-boc .et-menu a {
    color: white;
}


.home #page-container #et-boc .et-menu ul.sub-menu a {
        color: #00203d;
}

.home #page-container #et-boc .et-menu .children a {
    color: #16435a;
}


#page-container #et-boc .et-menu a {
    color: #00203d;
    font-weight: 700;
        font-size: 18px;
}

@media all and (max-width: 1500px) {
    #page-container #et-boc .et-menu a {
         font-size: 15px; 
    }
}


@media all and (max-width: 1300px) {
    #page-container #et-boc .et-menu a {
         font-size: 14px; 
    }
}



#et-boc .team-onder-header,
#et-boc .onder-header-3  {
    margin-top: -180px;
}

@media all and (max-width: 980px) {
    #et-boc .onder-header-3 
    {
        margin-top: 0;
    }
}


#et-boc .uitgelichte-blokken > div,
#et-boc .onder-header-3 > div {
    background-size: cover;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    background-color: #fcfcfc;
    padding: max(20px, 3%);
    margin-bottom: 27px!important;
     
}




#et-boc .uitgelichte-blokken > div.groen-blok,
#et-boc .onder-header-3 > div.groen-blok {
    background-color: #71b62b;
    background-image: url(/wp-content/uploads/2022/03/Patroon-groen.png);
    background-image: cover;
    background-repeat: no-repeat;
    background-position: center;

}


/*--achterliggende pagina---*/

#onder-header-achterliggend:before {

content: "";
    background-image: url(/wp-content/uploads/2022/03/bolletjes2.png);
    background-repeat: repeat-x;
    background-size: contain;
    width: 100%;
    height: 195px;
    display: block;
    top: -98px;
    position: absolute;
    z-index: 1;
    background-position: left center;


}

#et-boc .header-sectie-achterliggend {
  /*  min-height: 60vh;*/
    padding-bottom: 20vh;
    padding-top: 5vh;
}

#page-container #et-boc .header-sectie-achterliggend-compact .et_pb_text_inner > p,
#page-container #et-boc .header-sectie-achterliggend .et_pb_text_inner > p {
    font-weight: 700;
}

#et-boc .header-sectie-achterliggend-compact {
     padding-bottom: 10vh;
   
}


.onder-header-afbeelding-rij {
    border-radius: 10px;
    height: 35vh;
    min-height: 20vw;
}

 .single-klantcases #page-container #et-boc .onder-header-afbeelding-rij {
      height: 50vh;
     min-height: 30vw;
}

.onder-header-list-rij {
        margin-top: -20vh;
}

.onder-header-afbeelding-rij {
    margin-top: -20vh;
}


#et-boc .branche-lijst{
    padding: 0;

        
}

#et-boc .branche-lijst > div{
    padding: 0;
        padding-bottom: 30px;
}

@media all and (max-width: 479px) {
#et-boc .branche-lijst{
   
     padding-bottom: 30px;
    }
}

.branche-lijst.et_pb_row_1 > div  {
    border-bottom: 1px solid #ffffff66;
}

.branche-lijst.et_pb_row_2 > div {
    border-bottom: 0px;
}

@media all and (max-width: 980px) {
    .branche-lijst.et_pb_row_2 > div {
    border-bottom: 1px solid #ffffff66;    
    }
}
#et-boc .branche-lijst > div {
    padding-bottom: 20px;
    padding-top: 26px;
}

/*---Branches----*/

#branches-overzicht-sectie .overzicht-rij > div {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
    padding: 4%;
    background-color: white;
}


h2.branchetitel {
    color: #16435a;
}

.branchetitel:before {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    height: 2em;
    width: 1.7em;
    position: absolute;
    background-position: center;
    margin-left: -2em;
    margin-top: -0.5em;

}

.branchetitel {
        margin-left: 2em;
        margin-bottom: .8em;
        margin-right: 2em;
}


.branchetitel.ICT:before {
    background-image: url(/wp-content/uploads/2022/04/ICT.svg);
}
.branchetitel.accountancy:before {
    background-image: url(/wp-content/uploads/2022/04/accountancy.svg);
}
.branchetitel.bouw:before {
    background-image: url(/wp-content/uploads/2022/04/bouw.svg);
}
.branchetitel.zakelijk:before {
    background-image: url(/wp-content/uploads/2022/04/zakelijk.svg);
}
.branchetitel.advocatuur:before {
    background-image: url(/wp-content/uploads/2022/04/advocatuur.svg);
}
.branchetitel.werving:before {
    background-image: url(/wp-content/uploads/2022/04/werving.svg);
}
.branchetitel.online:before {
    background-image: url(/wp-content/uploads/2022/04/online-marketing.svg);
}
.branchetitel.consultancy:before {
    background-image: url(/wp-content/uploads/2022/04/consultancy.svg);
}


.branchetitel a:after {
background-image: url(/wp-content/uploads/2022/03/plusje-header.svg);

    content: "";
    display: block;
    width: 15%;
    height: 73px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    transition-delay: .0s;
    color: transparent!important;
    animation: createBox 1.5s linear;
    /* transition: 1s; */
    margin-right: -15px;
    margin-top: -15px;
    position: absolute;
    top: 0;
    right: 0;


}

.branche-lijst h3 a:hover:after,
.branchetitel a:hover:after {
    background-image: url(/wp-content/uploads/2022/04/plusje-groen-lichter.svg);
}
@media all and (max-width: 479px) {
    .branchetitel a:after {
        
    margin-right: 0px;
    margin-top: 0px;

    }
    }



.branche-lijst h3 a:after {

    content: "";
    background-image: url(/wp-content/uploads/2022/03/witte-plus.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 2em;
    width: 3em;
    position: absolute;
    background-position: center;
    margin-left: -1.8em;
    right: 0;
    top: -0.5em;
        transition-delay: .0s;
        animation: createBox 1.5s linear;

}





/*---Marketing campagnes ---*/

#et-boc .er-is-meer-rij img {
    border-radius: 10px;
}

#page-container #et-boc .er-is-meer-rij h3 {
   color: #81af19;
}

#page-container #et-boc .er-is-meer-rij {
    border-bottom: 1px solid #bac3ca;
}

#page-container #et-boc .er-is-meer-rij .knop-rij {
display: flex;
flex-direction: column;
justify-content: flex-end;
}






/*---Team---*/

ul.medewerkers-lijst {
    display: grid;
    grid-template-areas:
        'een twee drie vier'
        'vijf zes zeven acht';
    grid-gap: 20px;
    list-style: none;
    padding: 0;
    grid-auto-columns: 1fr;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    
}

@media all and (max-width: 980px) {
   ul.medewerkers-lijst  
    {
      grid-template-areas:
          'een twee';
    }
}

@media all and (max-width: 479px) {
   ul.medewerkers-lijst  
    {
      grid-template-areas:
          'een';
    }
}

ul.medewerkers-lijst > li {

box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
background-color: #ffffff;
    border-bottom: 5px solid #c2cad180;
}

div.medewerker-foto img {
      border-radius: 10px 10px 0px 0px;
        width: 100%;
}

.medewerker-foto  {
    aspect-ratio: 3 / 2;
        width: 100%;
   min-height: 200px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;

}

.medewerker-meta {
    padding: 5%;
}



/*druppeafbeelding*/
div.product-lees-meer > a,
a.blauwe-druppel {
    content:"";
    display: block;
    width: 120px;
    height: 73px;
  
    background-repeat: no-repeat;
    background-position: right;
      margin-left: -38px;
    margin-right:-38px;
  
  transition-delay: .0s;
      color: transparent!important; 
    animation: createBox 1.5s linear;
     transition: 1s;

}
a.blauwe-druppel {
      background-image: url(/wp-content/uploads/2022/03/plusje-header.svg;);
}
div.product-lees-meer > a {
     background-image: url(/wp-content/uploads/2022/03/plusje-groen.svg);
}


#et-boc .uitgelichte-blokken > div.groen-blok a.blauwe-druppel,
#et-boc .onder-header-3 > div.groen-blok a.blauwe-druppel {
      background-image: url(/wp-content/uploads/2022/03/plusje-groen.svg);
}




a.blauwe-druppel:hover {
    background-image: url(/wp-content/uploads/2022/04/plusje-groen-lichter.svg);
   
}

.groen-blok a.blauwe-druppel:hover {
    background-image: url(/wp-content/uploads/2022/04/plusje-wit.svg)!important;
}



/*
div.product-lees-meer > a:hover {
     background-image: url(/wp-content/uploads/2022/03/Druppel-hover-grijs-1.svg);
     
}
*/




div.product-lees-meer > a {
        margin-top: -13px;
}

#gform_wrapper_16 > div.gform_heading > h2,
#gform_wrapper_15 > div.gform_heading > h2,
#gform_wrapper_12 > div.gform_heading > h2 {
    display: none!important;
}


/*

#et-boc .afb-rechts-header img {
       transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1),
        transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
}

#et-boc .afb-rechts-header img:hover {
    box-shadow: 
    0 0 1px 15px #0064b366,
    0 0 1px 30px #0064b31A, 
    0 0 1px 45px #0064b31A;
     border-radius: 50%;
}
*/


@media all and (max-width: 980px) {
   #et-boc .header-icon {
        margin-bottom: 20px;
    }
}
#et-boc .header-icon img {
    height: 70px;
    width: 70px;
}

#et-boc .onder-header-3 .text-links-header {

    display: inline-block;
    width: calc(98% - 67px);
    
}

#et-boc .onder-header-3 .afb-rechts-header {
    width: auto;
    display: inline-block;
}

#page-container #et-boc p.boven-titel {
font-size: 25px;
font-weight: 700;
    padding-bottom: 1em;
}

@media all and (max-width: 980px) {
    #page-container #et-boc p.boven-titel {
font-size: 19px;
    }
}


@media all and (min-width: 981px) {

#et-boc .vijf-blokken-rij > div {
    width: 13.3333333%;
    margin-right: 3.333333%;
}



#et-boc .vijf-blokken-rij > div:nth-child(1) {
    width: 33.333333%
}

#et-boc .vijf-blokken-rij > div:nth-child(5) {
    margin-right: 0%;
}


}

@media all and (min-width: 480px) and (max-width: 980px) {
#et-boc .vijf-blokken-rij > div:nth-child(1) {
    width: 100%;
    }
    
#et-boc .vijf-blokken-rij > div {
    width: 50%;
        padding-left: 2%;
    padding-right: 2%;
}
}



/*----USP icons ----*/
.usp-afb {
    max-width: 260px;
}
.usp-afb img {
    height: 100px;
    width: auto;
}

.usp-tekst {
    
     max-width: 260px;
    margin: auto;

}





/*---Pre header --*/
#pre-header {
    background-color: #c2cad1;
    z-index: 5;
}
.home #pre-header {
    background-color: #001824;
}



#pre-header .info-rij  {
    display: flex;
    justify-content: flex-end;
}

#pre-header .info-rij > div {
    margin-right: 2%;
}

#pre-header .info-rij > div:last-child {
    margin-right: 0%;
}
#pre-header > div > div.slogan-rij,
#pre-header > div > div > div.pre-header-weglot,
#pre-header > div > div > div.pre-header-telefoon {
        display: flex;
    flex-direction: column;
    justify-content: center;

}
@media all and (max-width: 980px) {
  #pre-header .info-rij > div
    {
           margin-right: -23px; 
    }
    .pre-header-telefoon {
            margin-left: 29px;
    }
    
}
#page-container #pre-header .slogan-rij h4,
#page-container #pre-header .pre-header-telefoon p{
    color: #16435a;

}
.home #page-container #pre-header .pre-header-telefoon p,
.home #page-container #pre-header .slogan-rij h4 {
    color: #ffffff;
}

@media all and (max-width: 980px) {

     #et-boc #pre-header .et_pb_button_module_wrapper{
    display: none;
}
    
   #pre-header .info-rij {
        justify-content: space-between;
    }

}



span.convins-telefoon:before {
    content: "";
    background-image: url(/wp-content/uploads/2022/04/convins-telefoon.svg);
    height: 1em;
    width: 1em;
    background-repeat: no-repeat;
    background-size: contain;
        position: absolute;
    margin-left: -26px;
    margin-top: 5px;

}

.home span.convins-telefoon:before {
   filter:  brightness(0) invert(1);
    opacity: .5;
}

.home span.convins-telefoon a {
    color: white!important;
}
.home #pre-header > div > div.et_pb_column.et_pb_column_2_3.et_pb_column_1_tb_header.info-rij.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_module.et_pb_text.et_pb_text_1_tb_header.pre-header-telefoon.et_pb_text_align_left.et_pb_bg_layout_dark > div > p > strong > span > a,
.home #et-boc .pre-header-telefoonn > div > p > strong > span.convins-telefoon > a {
    color: white!important;
}




/*----Over

.werkwijze-3-rijen > div {
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.08);
border-radius: 10px;
    background-image: url(/wp-content/uploads/2022/02/Intersection_7.png);
    background-size: initial;
    background-position: bottom right;
    
        
}

.werkwijze-3-rijen .et_pb_image img {
    border-radius: 8px 8px 0px 0px;
   
}

.werkwijze-3-rijen  .et_pb_text_inner {
    padding: 10%;
    padding-top: 0px;
}

#et-boc .werkwijze-3-rijen .et_pb_image {
    margin-bottom: 0px;
}




h3.werkwijze-icoon {
    padding-bottom: 27px;
    padding-top: 12px;
}
.werkwijze-icoon:before {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    height: 1.8em;
    width: 1.8em;
    position: relative;
    top: 14px;
    margin-right: 13px;
    background-position: center;
}







/*----Contact-----*/


.locatie-blok {
        display: flex;
    justify-content: flex-start;
}
.locatie-rechts {
    padding-left: 10%;
}

.locatie-rechts:before {
    content: url(/wp-content/uploads/2022/04/pin.svg);
    position: absolute;
        margin-left: -26px;
    margin-top: 5px;
}

.locatie-links {
        width: 30%;
    }

div.locatie-links > img {
    border-radius: 10px;
}



/*-----Werken bij-----*/

#et-boc .drieluik-rij > div {
   height: 25vw;
    display: block!important;
    min-height: 30vh;
}

#et-boc .drieluik-rij > div {
 margin-right: 10px!important;
    margin-bottom: 10px!important;
}

@media all and (min-width: 981px) {
    #et-boc .drieluik-rij > div {
     width: 33%;   
    }
}

@media all and (max-width: 980px) {
    #et-boc .drieluik-rij > div {
   min-height: 50vw;
    }
}





/*----slider---*/




.swiper-navMenu {
        border-bottom: 1px solid #c3cad0;
        display: flex;
    justify-content: space-between;
}

@media all and (max-width: 767px) {
    .swiper-navMenu {
      display: block;
}
}

div.as-dots-wrapper {
        position: absolute;
        width: 100%;
    
    padding: 0!important;
    margin: 0!important;

} 

.navMenu_label {
        color: #c2cad1;
    font-family: 'D-Din Bold',Helvetica,Arial,Lucida,sans-serif;
    font-size: 30px;
    font-weight: 700;
        line-height: 1.8em;
   
}

.navMenu_item {
     padding: 0!important
}

#et-boc .swiper-pagination-bullet-active .navMenu_label {
        color: #81af19!important;
        border-bottom: 3px solid;
}

div.swiper-wrapper {
    margin-top: 127px;
}

#convins-slider div.swiper-wrapper {
        margin-top: 50px;
}



.as_slide_image img {
    border-radius: 10px;
}

/*---CTA sectie ---*/

#cta-sectie-convins > div {
 border-radius: 20px;
        padding: 3% 5% 3% 5%;
}


@media all and (max-width: 980px) {
    #cta-sectie-convins .et_pb_module {
        text-align: center;
    }
    
    #cta-sectie-convins > div {
        padding: 5%;
    }
}


@media all and (min-width: 767px) {
#cta-sectie-convins.et_pb_section > .groen-blok-cta-rij:before {
    content: "";
    background-image: url(/wp-content/uploads/2022/04/Pijl-restvorm.svg);
    height: 101%;
    display: block;
    background-size: contain;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 2;
    overflow: hidden;
    right: 0;
    top: 0;
    background-position: right;
    margin-top: -1px;
}
}




/*blog*/


#sax-nieuws-overzicht {
    display: grid;
    grid-template-areas:
        'een twee'
        'drie vier' 
        'vijf zes'
        'zeven acht';
    grid-gap: 20px;
    list-style: none;
    padding: 0;
    grid-auto-columns: 1fr;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

@media all and (max-width: 767px) {
    #sax-nieuws-overzicht {
    display: block;
        
}
    #sax-nieuws-overzicht > li {
            margin-bottom: 27px;
    }
}
.sax-nieuws-achtergrond {
    aspect-ratio: 2 / 1;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 4%;
     border-radius: 7px 7px 7px 7px;
        border-bottom: 7px solid #0064b3;
}

#sax-nieuws-overzicht > li {

        border-radius: 7px 7px 7px 7px;
}

@media all and (min-width: 1300px) {
.sax-links-rechts {
    display: flex;
}
}

.sax-links-rechts > div {
  display: flex;
    
        flex-direction: column;
    align-self: flex-end;

}

.sax-nieuws-meta {
    width: 80%;
}

@media all and (min-width: 981px) {
#page-container #et-boc h3.sax-nieuws-titel {
    font-size: 30px;
}
}


.single-post #sax-nieuws-overzicht > div.navigation {
    display: none;
}

.single-post #page-container #et-boc h2 {
	line-height: 1.6em;
}


/*--w4 navigation --*/

.w4pl-inner> div > a.next.page-numbers,
.w4pl-inner> div > a.prev.page-numbers {
 display: none;   
}

.w4pl-inner > div.navigation {
    text-align: center;
    padding-top: 30px;
}

.w4pl-inner > div > .page-numbers {
    content: "";
    width: 40px;
    height: 8px;
    background-color: #c3cad0;;
    display: inline-block; 
   
}

.w4pl-inner > div > .page-numbers.current {
    background-color: #81af19;
        color: transparent;

}

.w4pl-inner > div > a{
 color: transparent;
}

.w4pl-inner > div > .page-numbers.dots  {
    color: black;
    background: transparent;
    position: relative;
    top: -16px;
}



/*knoppen*/


.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
    padding-bottom: 0px;
    margin: 0 10px!important;
}
@media all and (max-width: 600px) {
/* Buttons side by side */
.btn-inline .et_pb_button_module_wrapper {
display: inherit;

    text-align: left;
        padding-top: 12px;
}
}

.btn-inline .et_pb_button_1_wrapper {
    margin-left: 0px;
}




.gravity_button,
#et-boc .et_pb_button {
    padding-left: 28px!important;
    padding-right: 45px!important;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    font-weight: 700!important;
    background-color: #f2d338;
    color: #231f20;
    font-size: 19px;
    font-style: normal;
    letter-spacing: normal;
    width: fit-content;
    border-radius: 5px;
    height: 48px;
   

}

.et-db #et-boc .et-l .et_pb_button:after {
    opacity: 0;
}

.gform_wrapper .gform_footer input.button:hover,
.et_pb_button:hover {
	animation: borderPulse 1000ms infinite ease-out, hoverShine 200ms;;
 cursor: pointer;	
}

/*
 #page-container #et-boc .et_pb_button:after {
    margin-top: 3px;
    margin-left: 10px!important;
    color: #fff;
   
}
*/
#page-container #et-boc .et_pb_button:before {
    display: block;
    content: '$';
    position: absolute;
    font-family: ETmodules!important;
    right: 10px;
    font-size: 17px;
    color: white;
    opacity: 1;
    top: 15px;
}

/*
#page-container #et-boc .et_pb_button:after {
        margin-left: 10px!important;
    color: #fff;

    height: 100%;
    
       border-radius: 100%;
  
    text-align: center;
    opacity: 1;
 
}
*/


 #page-container #et-boc #knop-groen {
     background-color: #81af19;
     color: white;
}
#page-container #et-boc #knop-groen:after {
      color: white;
}

#gform_submit_button_13,
 #page-container #et-boc #knop-wit {
     background-color: #fff;
     color: #001824;
}
#page-container #et-boc #knop-wit:before {
      color: #81af19!important;
}


#page-container #et-boc #knop-transparant-wit {
    color: white;
    background-color: transparent;
    border-color: white;
}
#page-container #et-boc #knop-transparant-wit:before {
    
}



 #page-container #et-boc #knop-transparant {
border: 1px solid #81af19;;
     color: #001824;
background-color: rgba(255, 255, 255, 0.1);
}
 #page-container #pre-header #et-boc #knop-transparant {
border: 1px solid #001824;
     color: #001824;
background-color: rgba(255, 255, 255, 0.1);
}

 #page-container #et-boc #knop-transparant:before {
     color: #81af19;
}

 .home #page-container #et-boc #knop-transparant.header-knop {
border: 1px solid #ffffff;
     color: white;
background-color: rgba(255, 255, 255, 0.1);
}

 .home #page-container #et-boc #knop-transparant.header-knop:after {
     color: #81af19;
}

@media all and (max-width: 1400px) {
	#et-boc .header-knop {
		font-size: 17px;
		height: 44px;
	}
	}



 #page-container #et-boc #knop-blauw {
    border-radius: 31px;
    border: 2px solid #0059a7;
    background-color: rgba(0, 100, 179, 0.1);
     color: #0059a7;
    
}

#page-container #et-boc #knop-blauw:before {
      color: #0059a7;
}

#page-container #et-boc #knop-blauw:after {
      color: #0064b3;
}
#page-container #et-boc #knop-blauw:hover:after {
    color: white;
    background: #0059a7;
}







 #page-container #et-boc #knop-blauw-donker {
     color: white;
      border-radius: 31px;
border: 2px solid #00203d;
background-color: rgba(0, 32, 61, 0.9);
}


 #page-container #et-boc #knop-blauw-licht {
   border-radius: 31px;
border: 2px solid #0064b3;
background-color: rgba(0, 100, 179, 0.9);
     color: white;
    
}


#knop-blauw-licht > a{
    color: white;
    
}
#page-container #et-boc #knop-blauw-licht:after {
      color: #fff;
}


.gravity_button,
#page-container #et-boc #knop-blauw-transp {
    border-radius: 28px;
border: 2px solid #ffffff;
background-color: rgba(0, 32, 61, 0.44);
    color: white!important;
}

.gravity_button {
    border: 2px solid #00203d;
    cursor: pointer;
    
}
#page-container #et-boc .menu-cta,
 #page-container #et-boc #knop-oranje {
    border-radius: 28px;
    border: 2px solid #fa8723;
    background-image: linear-gradient(129deg, #fa8700 0%, #fa9a00 100%);
    color: white;
    
}

#page-container #et-boc .menu-cta {
    top: 17px;
}

#page-container #et-boc .menu-cta  > a {
    margin-top: -15px;
    color: white;
    z-index: 99999!important;
    padding-right: 45px;
}

#page-container #et-boc .menu-cta {
padding-right: 0!important;
}

#page-container #et-boc .et_mobile_menu .menu-cta {
        text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
} 

#page-container #et-boc .et_mobile_menu .menu-cta > a {
        margin-top: -7px;
    
}



#page-container #et-boc #knop-transparent {
    color: white;
border-radius: 31px;
border: 2px solid #0059a7;
background-color: rgba(255, 255, 255, 0.1);
    
}

#page-container #et-boc #knop-transparent:after {
    color: white;

}

#page-container #et-boc #knop-transparent:hover:after {
 background-color: #0059a7;   
}


#knop-blauw-transp > a {
    color: white!important;
}


.whatsapp-knop:before {
    content: url(/wp-content/uploads/2022/04/whatsapp-icon.svg)!important;
    opacity: 1!important;
}


/*Breadcrumbs*/
@media all and (max-width: 980px) {
#breadcrumb-sectie > div {
    padding: 15px 0px;
}
}


.dsb-seperator,
#breadcrumbs-sectie a {
	
	
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1.28px;
	text-transform: uppercase;
}

 .breadcrumb_last {

    font-weight: 700;
    color: #001624;

}





/* menu*/

#menu-hoofdmenu .menu-cta > a:after {
    display: none!important;
}

.et-db #et-boc .et-l .et_pb_menu .et-menu>li,
#page-container #et-boc .et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {
    padding-left: 30px;
    padding-right: 30px;
}


@media all and (max-width: 1700px) {

    .et-db #et-boc .et-l .et_pb_menu .et-menu>li,
#page-container #et-boc .et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {
    padding-left: 20px;
    padding-right: 20px;


}
}

@media all and (max-width: 1400px) {

    .et-db #et-boc .et-l .et_pb_menu .et-menu>li,
#page-container #et-boc .et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {
    padding-left: 14px;
    padding-right: 14px;


}
}


@media all and (max-width: 1250px) {
    .et-db #et-boc .et-l .et_pb_menu .et-menu>li,
   #page-container #et-boc  .et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {
    padding-left: 11px;
    padding-right: 11px;


}
}

#et-boc .et-menu .page_item_has_children>a:after {
    position: initial;
        top: 50%!important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#et-boc .et-menu .page_item_has_children>a:after {
    font-family: ETmodules;
    content: "3";
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 800;
    margin-right: -25px;
}



#et-boc .et_pb_menu__menu .mobiel-menu-item {
    display: none;
}

.mobiel-menu-item {
    border-radius: 5px;
    font-weight: 700;
    border: 1px solid #ffffff;
}
.mobiel-menu-item.inloggen-knop-mobiel {
      
    background-color: #001824;
}
.mobiel-menu-item.inloggen-knop-mobiel > a {
      color: white!important;
}
.mobiel-menu-item.bel-me-terug-knop-mobiel {
        background-color: #81af19;
   
}

.mobiel-menu-item.bel-me-terug-knop-mobiel > a {
     color: white!important;
}



/*weglot*/

.et_mobile_menu li.weglot-lang > a,
.et_mobile_menu li.weglot-lang {
    display: none;
}
.country-selector.weglot-dropdown .wgcurrent {
    border: none;
}

#et-boc .weglot-flags>span:before {
        border: 3px solid white;
    border-radius: 5px!important;
}
.weglot-flags>a:before {
margin-left: 14px;
}

.country-selector.weglot-dropdown {
    background-color: transparent;
}

.home .country-selector.weglot-dropdown .wgcurrent:after {
    filter: invert(1);
}

li.wg-li {
    list-style: none;
}



/*
@media all and (min-width: 1500px) {
#top-menu > li.menu-item:nth-last-child(2)> a {
    padding-right: 40px;
}
}
*/


.et_header_style_left #et-top-navigation nav>ul>li>a {
    text-transform: uppercase;
    font-size: 15px;
}
@media all and (max-width: 1450px) {
.et_header_style_left #et-top-navigation nav>ul>li>a {
     font-size: 13px;
}
}

@media all and (max-width: 1320px) {
.et_header_style_left #et-top-navigation nav>ul>li>a {
     font-size: 13px;
}
    #top-menu li {
    padding-right: 19px;
}


}

#page-container #et-boc #mobile_menu1 {
        background-color: #fffffff2!important;

}
 .home #page-container #et-boc .mobile_nav .mobile_menu_bar:before {
	color: #fff;
        font-size: 44px;

}
#page-container #et-boc .mobile_nav .mobile_menu_bar:before {
	color: #81af19;
        font-size: 44px;

}


.et_mobile_menu {
	border-top: 0px!important;
    padding: 12px;
}

.et_mobile_menu li a {
    text-align: center;
       color: #00203d!important;
}

.et_mobile_menu .menu-item-has-children>a {
    background-color: transparent!important;
}

 #et-boc #offerte-toggle { 
display:none;
}




.et_mobile_menu > li {
    font-weight: 700;
}

.et_mobile_menu > li li {
    font-weight: normal;
}





/*menu-cta


#page-container #menu-hoofdmenu > li.menu-cta {
    padding-left: 30px;
    padding-right: 30px;
}
#page-container #menu-hoofdmenu > li.menu-cta > a {
    color: white;
}

.menu-cta:after {
    content: "";
    width: 100%;
    height: 39px;
    border: 2px solid #fa8723;
    background-image: linear-gradient(
129deg
, #fa8700 0%, #fa9a00 100%);
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 22px;
    left: 0;
    z-index: -1;
    border-radius: 28px;
}

#mobile_menu1 .menu-cta:after {
    display: none;
}*/

/* ### Menu breakpoint for default menu ### */
@media only screen and (max-width: 1220px) {
 #et_mobile_nav_menu {
	display: block;
}
 
#top-menu {
	display: none;
}}



/*weglot*/


.et-db #page-container #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul,
.nav li ul{
       
    border-top: none!important;
  
    background-color: #c2cad1!important;
       margin-left: 25px;
    
       
    padding: 0;
}


/*nav menu*/

.nav li ul li {
  padding-top: 8px;
    padding-bottom: 8px;
}
.nav li ul li:hover {
        background-color: #81af19!important;
    
}

.nav li ul li:hover > a {
    color: white!important;
    opacity: 1!important;
   
}
.nav li ul li a {
     background: none!important;
}

.nav li ul li a:before {
    content: url(/wp-content/uploads/2022/04/menu-pijltje.svg);
        margin-right: 10px;
    margin-left: -15px;
}


#menu-hoofdmenu > li.weglot-parent-menu-item > ul > li.weglot-lang {
    padding: 0;
}


.et_mobile_menu li li {
    padding-left: 0%;
}


.nav li ul {
    width: 280px;

}

.et-menu li li a {
    width: 240px;
}

.et-menu li li.menu-item-has-children>a:first-child:after {
        right: 0;
}

/*tevreden klanten / logo carousel */

#page-container .dica_divi_carousel .dica_divi_carouselitem .dica-image-container img {
        margin-left: auto!important;
    margin-right: auto!important;
}


.dica-container.arrow-outer-position .swiper-button-next {
    content: url(/wp-content/uploads/2022/03/Pijl_rechts1.svg);
    background-color: transparent!important;
          
  
}

.dica-container.arrow-outer-position .swiper-button-prev {
  background-color: transparent!important;
    content: url(/wp-content/uploads/2022/03/Pijl_links.svg)
        
        
}

div.as-next {
    background-image: url(/wp-content/uploads/2022/03/Pijl_rechts1.svg);
    background-repeat: no-repeat;
    background-size: contain;
     background-color: transparent!important;
    background-position: center;
      width: 53px;
   
}
div.as-prev > div > span,
div.as-next > div > span {
     color: transparent!important;
}




div.as-prev {
        background-image: url(/wp-content/uploads/2022/03/Pijl_links.svg);
    background-repeat: no-repeat;
    background-size: contain;
     background-color: transparent!important;
    background-position: center;
    margin-right: 50px;
    width: 53px;
}



#convins-slider .dica-item-image {
    filter: grayscale(1);
    opacity: .8;
        transition: all 300ms ease 0ms;
}

#convins-slider .dica-item-image:hover {
    filter: grayscale(0);
    opacity: 1;
}


@media all and (min-width: 981px) {
.dica-container.arrow-outer-position .swiper-button-next {
      position: absolute;
      right: 0;
    top: -50px;
   
}
.dica-container.arrow-outer-position .swiper-button-prev {
            position: absolute;
    top: -50px;
    left: calc(100% - 160px);
}
     }



#convins-slider .swiper-slide-visible {
    border-left: 1px solid #bac3ca;
    padding: 0.5%;
}

#convins-slider .swiper-slide-visible.swiper-slide-active {
    border-left: none;
}

@media all and (max-width: 767px) {
.convins-slider-menu .swiper-slide {
        grid-template-areas:
        "content"
        "image"!important;
    grid-template-columns: 100% 100%!important;
}
    .convins-slider-menu .swiper-slide  .as_slide_image {
        text-align: left!important;
    }
}

.convins-slider-menu div.swiper-wrapper {
    padding-bottom: 70px;
}
.convins-slider-menu .as-arrows-control {
        bottom: -5px;
    z-index: 99999999;
}

/*-----FAQ-----*/

.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    color: #000;
}

#page-container .et_pb_toggle {
    border-bottom: 1px solid #d9d9d9;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    background-color: transparent;
        padding: 0px 0px 15px 10px;
}

.et_pb_toggle_title:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2022/03/Toggle-Closed.svg);
    height: 45px;
    width: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    
    top: 0px;
    
    margin-top: -18px;
    animation: createBox 1.5s linear;
    transition: 1s;
}


.et_pb_toggle_open .et_pb_toggle_title:before {
    content:""!important;
      background-image: url(/wp-content/uploads/2022/03/Toggle-Opened.svg);
       height: 45px;
    width: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    
    top: 0px;
        animation: createBox 1.5s linear;
    transition: 1s;

}



/*----Referenties----*/
ul.kennisbank-lijst,
ul.referentie-lijst {
display: grid;
    grid-template-areas:
        'een twee';
    grid-gap: 40px;
    list-style: none;
    padding: 0;
    grid-auto-columns: 1fr;
}

.convins-uitgelichte-afbeelding {
        height: 20vw;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px 10px 0px 0px;
}


@media all and (max-width: 767px) {
    ul.kennisbank-lijst,
    ul.referentie-lijst {
    grid-template-areas: 
       'een' 
        'twee';
}
    .convins-uitgelichte-afbeelding {
        height: 40vw;
}
}

ul.referentie-lijst > li {
    background-color: white;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px 10px 0px 0px;
    
}



div.case-lees-meer > a {
        content: url(/wp-content/uploads/2022/03/Toggle-Closed.svg);
        float: right;
    max-width: 75%;
 
    
      transition-delay: .0s;
         animation: createBox 1.5s linear;
     transition: 1s;
}

div.case-lees-meer > a:hover  {
    content: url(/wp-content/uploads/2022/04/plusje-groen-lichter.svg);
        transition-delay: .0s;
         animation: createBox 1.5s linear;
     transition: 1s;
}

.case-lees-meer {
    display: flex;
     height: 100%;
      align-self: flex-end;
    flex-direction: row;
    justify-content: flex-end;
}
div.case-logo > img {
    border-radius: 0px!important;
    
    filter: grayscale(1);
    opacity: .8;

}


ul.referentie-lijst .links-rechts {
        padding: 5%;
       display: flex;
}


ul.referentie-lijst .links {
    display: inline-block;
    width: 70%;
    float: left;
    margin-right: 3%;
}

ul.referentie-lijst .rechts { 
    width: 27%;
    float: right;
   display: flex;
        flex-direction: column;
}

#page-container #et-boc .case-in-cijfers h2
  {
    font-size: 65px;
}


/*---Kennisbank----*/

.kennisbank-uitgelichte-afbeelding {
    height: 5vw;
    width: 5vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

div.kennisbank-lees-meer > a {
        content: url(/wp-content/uploads/2022/03/Toggle-Closed.svg);
         transition-delay: .0s;
         animation: createBox 1.5s linear;
     transition: 1s;

}

div.kennisbank-lees-meer > a:hover {
      content: url(/wp-content/uploads/2022/04/plusje-groen-lichter.svg);
         transition-delay: .0s;
         animation: createBox 1.5s linear;
     transition: 1s;
}

ul.kennisbank-lijst .links-midden-rechts {
    display: flex;
}

ul.kennisbank-lijst .links-midden-rechts .links {
        width: 20%;
    
}
ul.kennisbank-lijst .links-midden-rechts .midden {
        width: 60%;
    display:flex;
    justify-content: center;
    align-content: space-between;
    flex-direction: column;

}
ul.kennisbank-lijst .links-midden-rechts .rechts {
        width: 20%;
        display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.links-midden-rechts .rechts {
    border-bottom: 1px solid #707070;
}
.links-midden-rechts .midden {
    border-bottom: 1px solid #707070;
}
@media all and (max-width: 767px) {
    .kennisbank-uitgelichte-afbeelding {
    height: 10vw;
    width: 10vw;
}
}
    
 /*------Vacatures----*/
    
   ul.vacature-lijst    {
display: grid;
    grid-template-areas:
        'een twee drie';
    grid-gap: 40px;
    list-style: none;
    padding: 0;
    grid-auto-columns: 1fr;
}


.vacature-lijst .convins-uitgelichte-afbeelding {
    height: 15vw;
}


ul.vacature-lijst .links {
        display: inline-block;
    width: 70%;
    float: left;
    margin-right: 3%;
}

ul.vacature-lijst .rechts {
     display: inline-block;
        width: 27%;
    float: right;
}

ul.vacature-lijst > li {
        background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px 10px 0px 0px;
}

ul.vacature-lijst .links-rechts {
    padding: 5%;
    display: flex;

}

.single-vacatures #et-boc .header-sectie-achterliggend {
    /*min-height: 40vh;*/
    padding-bottom: 10vh;
}


@media all and (max-width: 767px) {
    ul.vacature-lijst {
          grid-template-areas:
        'een' 
              'twee' 
              'drie';
    }
    .vacature-lijst .convins-uitgelichte-afbeelding {
    height: 45vw;
}
}


/*footer*/



.telefoonnrtje, .emailadresje, .contactje {
    position: relative;
    width: 70px;
    display: inline-block;
    font-weight: 700;
    color: #16435a;;
}

@media all and (max-width: 1700px) {
    .telefoonnrtje, .emailadresje, .contactje {
        width: 50px;
    }
}

@media all and (max-width: 1600px) {
    .telefoonnrtje, .emailadresje, .contactje {
       display: inline;
    margin-right: 7px;
    }
}


@media all and (max-width: 980px) {
#page-container #et-boc .sitemap-row-footer > .logo-rij {
    width: 100%;

}
 #page-container #et-boc .sitemap-row-footer > div {  
        margin-bottom: 27px!important;
    }
}

@media all and (min-width: 600px) and (max-width: 980px) {
    #page-container #et-boc .sitemap-row-footer > .logo-rij { 
    display: flex;
    }
   .sitemap-row-footer ul#convins-icons {
        display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}
}

@media all and (max-width: 599px) {
    #page-container #et-boc .sitemap-row-footer > .logo-rij img {
        margin-bottom: 27px;
    }
}

.sitemap-row-footer > div {
    padding-right: 12px;
}
 #page-container #et-boc .sitemap-row-footer,
#page-container #et-boc .sitemap-row-footer li,
#page-container #et-boc .sitemap-row-footer p {
    font-size: 15px;

}

@media all and (min-width: 1500px) {
     #page-container #et-boc .sitemap-row-footer,
#page-container #et-boc .sitemap-row-footer li,
#page-container #et-boc .sitemap-row-footer p {
    font-size: 16px;
    }
}

@media all and (min-width: 1301px) and (max-width: 1400px) {
    #page-container #et-boc .sitemap-row-footer,
#page-container #et-boc .sitemap-row-footer li,
#page-container #et-boc .sitemap-row-footer p {
    font-size: 14px;
    }
}

@media all and (min-width: 1201px) and (max-width: 1300px) {
    #page-container #et-boc .sitemap-row-footer,
#page-container #et-boc .sitemap-row-footer li,
#page-container #et-boc .sitemap-row-footer p {
    font-size: 13px;
    }
}
@media all and (min-width: 981px) and (max-width: 1200px) {
    #page-container #et-boc .sitemap-row-footer,
#page-container #et-boc .sitemap-row-footer li,
#page-container #et-boc .sitemap-row-footer p {
    font-size: 13px;
    }
}

#page-container #et-boc .sitemap-row-footer .et_pb_text_inner ul {
    padding-top: 0;
}


.wsp-category-title {
    display: none;
}

#post-208591 > div > div > div > div > div > div > div > div > div > ul.wsp-posts-list > li:before {
    display: none!important;
}



#convins-icons > li:after {
    content: "";
    transform: rotate(-45.00000000000001deg);
    background-color: #ffffff;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 0;
    border-radius: 5px;

    
}



@media all and (max-width: 1500px) {

    .et_pb_social_media_follow_0_tb_footer li a.icon,
    #convins-icons > li:after {
        
    width: 34px;
    height: 34px;
   
        
    }
    #et-boc .et_pb_social_media_follow_0_tb_footer li a.icon:before {
    font-size: 16px;
    line-height: 35px;
    height: 34px;
    width: 34px;
}


    }

@media all and (min-width: 981px) and (max-width: 1500px) {
#convins-icons > li {
    width: 33%
}
}



.et_pb_social_media_follow li {
        padding-right: 20px;
}

#et-boc .et_pb_social_media_follow_network_2_tb_footer a.icon,
#et-boc .et_pb_social_media_follow_network_1_tb_footer a.icon,
#et-boc .et_pb_social_media_follow_network_0_tb_footer a.icon {
    background-color: transparent!important;
}



/** --------Collapsable mobile menu -------- **/

#main-header .et_mobile_menu li ul.hide {
	display: none !important;
}

#mobile_menu .menu-item-has-children {
	position: relative;
}

#et-boc ul#mobile_menu {
	background: #ffffffe6;
}

#mobile_menu .menu-item-has-children>a+span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	z-index: 3;
}

span.menu-closed:before {
	content: "\4c";
	display: block;
	color: #0c192c;
	font-size: 16px;
	font-family: ETmodules;
}

span.menu-closed.menu-open:before {
	content: "\4d";
}


/** -------- Gravity Forms styling ------- **/


/* REMOVE LABEL ON FIELDS USING PLACEHOLDER */
/*
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	display: none;
}*/


/*labels*/

.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
	font-weight: 400!important;
}


/* FIELD STYLING */

.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=text],
.gform_wrapper textarea {
	color: #00203d;
	border: none;
	
	padding: 15px !important;
border-radius: 5px;
border: 1px solid #c2cad2;
background-color: #f3f5f6;
}

#input_12_1 {
	color: white!important;
}


.gform_wrapper #gform_12 input[type=email] {
    color: white;
}

/* BUTTON STYLING */

.gform_wrapper .gform_footer input.button {

        transition: all 300ms ease 0ms;
    	    padding-left: 20px!important;
    padding-right: 20px!important;
	padding-top: 12px!important;
	padding-bottom: 12px!important;
    font-weight: 400;
    
    color: #fff;
    font-size: 17px;
  border-radius: 5px;
border: 1px solid #71a729;
background-color: #81af19;
 font-weight: 700;
    
}

/*
.gform_wrapper .gform_footer input.button:after { 
font-family: ETmodules!important;
    content: '$';
    font-size: 17px;
    color: #926d2f;
    position: absolute;
    display: table-cell;
    top: 0;
    right: 0;
    margin-top: 14px;
    margin-right: 10px;
}

*/

.gform_next_button {
	float: none;
}
div.gform_footer.top_label,
.gform_wrapper .gform_footer input.button {
	float: right;
}

.gform_previous_button {
	float: left;
	opacity: 0.5;
}

#gform_confirmation_message_10 {
    font-size: 23px;
}

#gform_wrapper_4 {
	padding-top: 0px!important;
}


.gfmc-field div:not(.gchoice) {
    padding-bottom: 3px!important;
}

.gform_wrapper.gravity-theme .gfield textarea.large,
#input_10_5 {
    height: 429px!important;
}

.gform_wrapper.gravity-theme .gfield textarea.small {
        height: 156px!important;
}

@media screen and (min-width: 641px){
.gfmc-container {

    column-gap: 14px!important;
}
}

@media screen and (max-width: 640px){
#gform_submit_button_10 {
    width: 100%;
}
}

.gform_wrapper .gform_validation_errors>h2 {
    font-size: 18px;
}

/* gform placeholders*/ 
#gform_wrapper_10 ::-webkit-input-placeholder 
{ color:#00203d80; } 
#gform_wrapper_10 :-moz-placeholder 
{ opacity: 1; color:#00203d80; } /* Firefox 18- */
#gform_wrapper_10  ::-moz-placeholder 
{ opacity: 1; color:#00203d80; } 



#gform_wrapper_12 ::-webkit-input-placeholder 
{ color:#fff!important; } 
#gform_wrapper_12 :-moz-placeholder 
{ opacity: 1; color:#fff!important; } /* Firefox 18- */
#gform_wrapper_12  ::-moz-placeholder 
{ opacity: 1; color:#fff!important; } 


.gform_wrapper .gform_validation_errors>h2 {
    color: #c02b0a!important;
    font-size: 13.2px!important;
}

#gform_fields_13 {
    padding-top: 12px;
}

/* BUTTON HOVER STYLING */



.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio,
.gform_wrapper .validation_message {
	color: #d61919!important;
}

.gform_wrapper div.validation_error {
	color: #d61919!important;
	border-top: 2px solid #d61919!important;
	border-bottom: 2px solid #d61919!important;
}

.gform_wrapper .gform_page_footer {
	border-top: none!important;
}

#contact-knop {
    float: right;
}

/*nieuwsbrief */
#input_11_2 {
border: 1px solid #adc7d0;
background-color: rgba(184, 206, 214, 0.2);
  
}

#gform_submit_button_11 {
        border: 2px solid #00203d;
    background-color: rgba(0, 32, 61, 0.9)!important;
    background-image: none;
    float: left;
}

#nieuwsbrief-knop {
    height: 100%;
}

#nieuwsbrief-knop > button {
   border-radius: 0px 50px 50px 0px;
   background-color: rgba(0, 32, 61, 0.9);
   color: white;
        font-weight: 700;
    border: none;
        cursor: pointer;
}

#gform_fields_11 {
    grid-column-gap: 0%;
}

@media all and (max-width: 640px) {
    #gform_fields_11 {
        grid-row-gap: 0%;
    }
  
   #nieuwsbrief-knop > button  
    {
        height: 64px!important;
        border-radius: 0px 0px 5px 5px;
        
    }
     #input_11_2
  
    {
          text-align: center;
       border-radius:5px 5px 0px 0px ;
        
    }
}




/** Checkbox styling **/


/* Hide the OS/Browser checkboxes/radio buttons */

.gform_body input[type=checkbox],
input[type=radio] {
	visibility: hidden!important;
	margin: 0!important;
	width: 0!important;
}


/* Set Elegant Icont font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */

.gform_body input[type=checkbox]+label:before,
.gform_body input[type=checkbox]+span:before,
.gform_body input[type=radio]+label:before {
	visibility: visible;
	font-family: "ETmodules";
	font-size: 30px;
	position: relative;
	top: 6px;
	padding-right: 8px;
}

.gform_body input[type=checkbox]+label:hover,
.gform_body input[type=checkbox]+span:hover,
.gform_body input[type=radio]+label:hover {
	cursor: pointer;
}


/** SECTION 2 **/


/* Set checkbox to ET icons: normal, hover, checked, & checked hover */

.gform_body input[type=checkbox]+label:before,
.gform_body input[type=checkbox]+span:before {
	content: '\56';
}

.gform_body input[type=checkbox]+label:hover:before,
.gform_body input[type=checkbox]+span:hover:before {
	content: '\5a';
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.gform_body input[type=checkbox]:checked+label:before,
.gform_body input[type=checkbox]:checked+span:before {
	content: '\5a';
}

.gform_body input[type=checkbox]:checked+label:hover:before,
.gform_body input[type=checkbox]:checked+span:hover:before {
	filter: alpha(opacity=100);
	opacity: 1;
}


/* Set radio buttons Divi icons: normal, hover, checked, & checked hover */

.gform_body input[type=radio]+label:before {
	content: '\5b';
}

.gform_body input[type=radio]+label:hover:before {
	content: '\5c';
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.gform_body input[type=radio]:checked+label:before {
	content: '\5c';
}

.gform_body input[type=radio]:checked+label:hover:before {
	filter: alpha(opacity=100);
	opacity: 1;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Firefox < 16 */

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Internet Explorer */

@-ms-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Opera < 12.1 */

@-o-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/*------You can use this to change mobile stacking order: https://www.elegantthemes.com/blog/divi-resources/how-to-change-divis-column-stacking-order-on-mobile-devices --------------------*/

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
    .tekst-afbeeldingrij,
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari 6.1+ */
		flex-wrap: wrap;
	}
	/*** custom classes that will designate the order of columns in the flex box row ***/
    .tekstkolom,
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
    .afbkolom,
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 0px;
	}
    .tekst-afbeeldingrij {
        padding-bottom: 0px;
    }
    .tekstkolom {
padding-bottom: 30px;
}
}


/*cookie*/

#cookie_action_close_header {
    font-weight: 400;
    background-color: #f2d338;
    color: #231f20;
        font-family: 'CocoGoose',Helvetica,Arial,Lucida,sans-serif;
    padding-left: 12px;
    padding-right: 12px;
        font-size: 13px;
    line-height: 2.4;
}

#cookie-law-info-bar > span > a.medium.cli-plugin-button.cli-plugin-main-button.cli_settings_button {
   background-color: #231f20!important;
    color: #fff!important;
    font-size: 13px;
         font-family: 'CocoGoose',Helvetica,Arial,Lucida,sans-serif;
     font-weight: 400;

}

#cookie-law-info-bar > span {
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.4px;
    line-height: 1.6em;
}


::-moz-selection { 
    background-color: #81af19  ;
    color: #fff}
::selection { color: #fff;
background-color:#81af19  ;}








/* START: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */
/* Parent menu item */
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable,
.et_pb_module .et_mobile_menu .menu-item-has-children > a {
  position: relative;
}
/* Parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
  font-family: "ETmodules";
  text-align: center;
  speak: none;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
    color: #81af19;
    
}
/* Disabled parent menu item icon positioning */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after {
  position: absolute;
  top: 13px;
  right: 10px;
}
/* Clickable parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  align-items: center;
  position: absolute;
  width: 46px;
  height: 46px;
  background: transparent;
  
  right: 0;
  top: 0;
  z-index: 9;
    color: white;
    font-weight: 700;
}
/* Collapsed submenu parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
  content: "\4c";
}
/* Expanded submenu parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable).visible > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable.visible > span.parent_icon:after {
  content: "\4b";
}
/* Hide submenu by default */
.et_pb_module .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu > ul.sub-menu {
  display: none !important;
  visibility: hidden !important;
}
/* Show submenu */
.et_pb_module .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
}
/* END: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */



/* Declate color shifting animation */
@keyframes colorShift {
0%, 100% {
background: #0045e6;
}
33% {
background: #fb3e3e;
}
66%{
background: #0dcc00;
}
}

/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(255,255,255,1);
  }
  100% {
    box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255,.2), 0px 0px 0px 10px rgba(255,255,255,0);
  }
}

/* Declare shine on hover animation */
@keyframes hoverShine {
0%{
background-image: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
}
50%{
background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%);
}
100%{
background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.4) 100%);
}
    
    @keyframes createBox {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}