/*
 Theme Name: Hello Elementor Child
 Theme URI: https://elementor.com/
 Description: Child theme voor Hello Elementor
 Author: Jij
 Template: hello-elementor
 Version: 1.0
 Text Domain: hello-elementor-child
*/

.serif {
	font-family: playfair;
	font-style: italic;
	font-weight: 300;
	font-size: 95px;
}

/* WPForms input alleen onderlijn */
.wpforms-container .wpforms-field input[type="text"],
.wpforms-container .wpforms-field input[type="email"],
.wpforms-container .wpforms-field textarea {
    width: 100%;                 
    border: none;             
    border-bottom: 1px solid #E2E1DC;  
    padding: 8px 0;     
}

.wpforms-container .wpforms-field textarea {
	padding: 8px 0px !important;
}

/* Standaard: geen padding-left voor alle placeholders */
.wpforms-container .wpforms-field input::placeholder {
    padding-left: 0;
}

/* Focus: alle invoervelden en textarea */
.wpforms-container .wpforms-field input:focus,
.wpforms-container .wpforms-field textarea:focus {
    padding-left: 8px !important; /* tekst en placeholder */
    transition: padding-left 0.2s ease;
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #222222;
    text-align: center;
    border: none;
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #222222;
    text-align: center;
    border: none;
}

div.wpforms-container-full .wpforms-confirmation-container-full p,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
    color: #E2E1DC;        /* tekstkleur */
}

/* Zorg dat de knop een basispositie heeft voor pseudo-element */
#wpforms-submit-73 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#wpforms-submit-73:hover {
  background-color: #7F7F7F; !important;
  color: #333333 !important;
}

/* Slide-from-left achtergrondlaag */
#wpforms-submit-73::after {
  content: "";
  background: #7F7F7F;
	border: 1px solid #7F7F7F;
  position: absolute;
  z-index: -1;

  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;

  transition: all 1s ease;
}

/* Hover animatie */
#wpforms-submit-73:hover::after {
  left: 0;
  right: 0;
}

.zoom-img img {
    transition: transform 0.6s ease;
}

.zoom-img:hover img {
    transform: scale(1.1);
}

.site-footer a {
    text-decoration: none; /* standaard geen underline */
    transition: text-decoration 0.3s ease; /* optioneel voor smooth effect */
}

.site-footer a.site-title:hover {
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}