/*
Theme Name: Gitaarlesinwassenaar.nl
Theme URI: http://www.gitaarlesinwassenaar.nl
Template: Divi
Author: Nikola Popovic
Author URI: http://www.nikolapopovic.nl
Description: Gitaarlesinwassenaar.nl maatwerk website thema.
Version: 1.0.1629030872
Updated: 2021-08-15 12:34:32

*/

.menu_cta {
background-color: #F0544C;
color: #ffffff!important;
letter-spacing: -0.5px!important;
    border-width: 0px!important;
    border-color: #F0544C;
    border-radius: 5px;
    background-color: #F0544C;
padding: 0 !important;
	    transition: all 300ms ease 0ms;
}

.menu_cta a {
color: #fff !important;
padding: 15px 15px 15px 15px !important;
}

.menu_cta:hover {
color: #ffffff!important;
    border-color: #5454d4!important;
    letter-spacing: -0.5px!important;
    background-image: initial;
    background-color: #5454d4;
	transform: scaleX(0.97) scaleY(0.97)!important;
}

.et-fixed-header #top-menu .menu_cta a, .et-fixed-header #top-menu li.current-menu-item>a {
color: #fff!important;
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/* ### menu text for default menu ### */
#et_mobile_nav_menu:before {
    content: 'MENU';
    font-size: 14px;
    position: absolute !important;
    bottom: 29px;
    right: 40px;
    color: #000000;
}

/* Gravity Forms wrapper styling */
#gform_wrapper_1 {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  width: 100%;
  max-width: none;
  margin: 40px auto;
  font-family: 'Segoe UI', sans-serif;
}

#gform_wrapper_1 form {
  max-width: 1000px;
  margin: 0 auto;
}

/* Titel toevoegen via pseudo-element */
#gform_wrapper_1:before {
  content: "Contact & aanmeldformulier";
  display: block;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 25px;
  color: #1a1a1a;
}

/* Input/tekstveld styling: compacter */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 textarea {
  width: 100%;
  padding: 25px; /* <-- MEER RUIMTE */
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 16px;
  box-sizing: border-box;
}

/* Tekstvak hoogte */
#gform_wrapper_1 textarea {
  min-height: 100px;
}

/* Twee kolommen netjes naast elkaar */
#gform_wrapper_1 .gform_fields .gfield.gfield--width-half {
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
}

#gform_wrapper_1 .gform_fields .gfield.gfield--width-half:nth-of-type(2n) {
  margin-right: 0;
}

/* Knopstijl */
#gform_wrapper_1 .gform_footer input[type="submit"] {
  background-color: #f44336;
  color: white;
  font-size: 16px;
  padding: 12px 26px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 10px; /* minder ruimte boven knop */
}

#gform_wrapper_1 .gform_footer input[type="submit"]:hover {
  background-color: #d32f2f;
}

/* Verberg labels als je alleen placeholders wil gebruiken */
#gform_wrapper_1 .gfield_label {
  display: none;
}