/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/divi
 Description:  Divi Child Theme
 Author:       Wolfmeister
 Template:     Divi
 Text Domain:  divi-child

*/

/* Header verwijderen. */
#main-header{
  display: none;
}

/* deze klasse zorgt voor de sticky knop onderin. */
.sticky{
  z-index: 999;
  width: 100%;
  position: fixed!important;
  bottom: 0!important;
}

/* Dit zorgt ervoor dat het logo net buiten de header valt */
li.et_pb_menu__logo-slot{
  margin-top: -95px!important;
margin-bottom: -130px!important;
}

/* Padding voor de linkjes in het menu */
.et_pb_menu__menu nav ul li a{
  padding: 20px 0px!important;
}

/* Transperante achtergrond intagram module. */
#sb_instagram{
  background-color: rgba(0,0,0,0.0)!important;
}



/* styling voor in de header */
#page-container{
  padding-top: 0px!important;
}

/* Fade in annimatie logo header. */
.et_pb_image_wrap img.wp-image-392{
  opacity: 0;
  animation: fadeIn 3s 3s forwards!important;
  -webkit-animation: fadeIn 3s 3s forwards!important;
  -moz-animation: fadeIn 3s 3s forwards!important;
  -o-animation: fadeIn 3s 3s forwards!important;
  -ms-animation: fadeIn 3s 3s forwards!important;
  -webkit-animation-fill-mode: forwards!important;
  	animation-fill-mode: forwards!important;
}
/* Fade in annimatie logo header. */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/* Fade in annimatie logo header. */
@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/* Fade in annimatie logo header. */
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/* Fade in annimatie logo header. */
@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/* Fade in annimatie logo header. */
@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Plaatsing logo */
@media only screen and (min-width: 980px) {
  .et_pb_menu__logo-slot {
    margin-top: 0px!important;
    position: relative!important;
    width: 200px!important;
  }
}

/* syling en plaatsing van het logo in het mobile/tablet nav */
@media only screen and (max-width: 980px) {
.et_pb_menu__logo img{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 120px;
    margin-top: -15px;
}

/* Zorgen dat de dropdown op de juiste plek zit. */
.et_pb_menu_inner_container{
  padding-bottom: 50px;
}

/* Hamburger menu mooi alignen. */
.et_pb_menu__wrap .mobile_menu_bar:before {
    top: 25px;
}
}

/* Instagram buttons volg ons oranje maken */
#sb_instagram .sbi_follow_btn a{
  background-color: #fd7d24;
}

/* Alle input velden gform stylen */
body #gform_wrapper_3 .gform_body .gform_fields .gfield input, body #gform_wrapper_3 .gform_body .gform_fields .gfield textarea{
  border-color: #000000D9!important;
  border-radius: 4px;
}

/* gform knop stylen */
body #gform_wrapper_3 .gform_footer .gform_button, .gform_button {
    font-size: 22px!important;
    background-color: #fd7d24;
    border-radius: 3px;
    color: white;
    font-family: Oswald;
    padding: 7px 20px;
    border-color: 0px;
    border-style: hidden;
    text-transform: uppercase;
}

.et_pb_sticky{
  top: 0!important;
}
@media only screen and (max-width: 768px) {
  body #gform_wrapper_3 .gform_footer .gform_button {
    width:100%!important;
  }
  
}