/*
Theme Name: DeZorgwegwijzer
Version: 1.0
Description: Sil Online
template: bb-theme
*/

/* Add your custom styles here... */ 

 
  
     
#bannercontainer {
position: relative;
    padding-left: 65px;
}
#bannercontainer:before {
content: url('https://dezorgwegwijzer.nl/wp-content/uploads/2023/12/layover-2.svg');
width: 480px;
position: absolute;
top: -32px;
left: -390px;
    z-index: 99;
}
/*button.image-button:hover {  background-color: transparent!important;border: none;}
button.image-button {  padding: 0 30px 0 0; font-weight: 600!important; border: none;}*/
.wit {background: url('https://dezorgwegwijzer.nl/wp-content/uploads/2023/12/pijlwit.svg') right/cover no-repeat; background-size: 18px;}
.blauw {background: url('https://dezorgwegwijzer.nl/wp-content/uploads/2023/12/pijlblauw.svg') right/cover no-repeat; background-size: 18px;}


a.image-button {  padding: 0 30px 0 0; font-weight: 600!important; border: none;}
a.blauw {color:#20427c}
a.wit {color:#ffffff}

#vrijblijvendcontact  a.fl-button:hover {
	transform: scale(1.1);}
#vrijblijvendcontact {z-index:99}


a.whatsapp-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: #fff!important;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 27px;
  cursor: pointer;
  z-index: 9;-webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

a:hover.whatsapp-button {
  color: #144384;
  text-decoration: none;
   transform: scale(1.8);
-webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.fl-rich-text a {text-decoration: underline;}
strong {font-weight:600!important}
.fl-rich-text ul {margin-left:-20px}


/*------------------------------------------------------------------
[# Phone Portrait and Landscape]
-------------------------------------------------------------------*/
@media only screen and (max-width: 992px) { 
  
   #bannercontainer::before {
    width: 372px;
    top: -29px;
  left: -302px;
  z-index: 99;
}
    
    
    }