/**
* Theme Name: Spaciaz Child
* Description: This is a child theme of Spaciaz, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: spaciaz
* Version: 1.2.0
*/

.spaciaz-mobile-nav img {
	max-width: 75% !important;
	border-radius: 10px !important;
}

.mobile-nav-tabs .mobile-tab-title.mobile-pages-title {
	display: none !important;
}

.project-home-mobile .project-item .project-post-thumbnail {
	border-radius: 0 !important;
}

.project-item.project-style-2 .project-post-thumbnail::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%) !important;
}

.project-title.delta {
  font-size: clamp(24px, 4.5vmax, 30px) !important;
  line-height: 1.2777777778;
  letter-spacing: -1px;
}


/* Footer */

.elementor-264 .elementor-element.elementor-element-070acd4 {
  margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + -80px) 0px !important;
  text-align: center;
}

.elementor-264 .elementor-element.elementor-element-070acd4 h3 {
  font-size: clamp(40px, 14vw, 250px) !important;
} 

@media screen and (max-width: 992px) {
	.elementor-264 .elementor-element.elementor-element-070acd4 {
	  margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px !important;
	  text-align: center;
	}
}

.form-con-group {
	display: flex;
	flex-direction: column;
	flex: 100% !important;
}

.form-con-group p {
	margin-top: 0.25rem;
}
 
/* Container rond de file inputs (optioneel class toevoegen als je wilt) */
.wpcf7-form .file-row {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.75rem;
}


/* Algemene stijl van de file inputs */
.wpcf7-form input[type="file"] {
	margin-bottom: 2rem;
    width: 100%;
    padding: 0.9rem 1.1rem;
    border-radius: 999px;              /* zelfde ‘pill’ look als andere velden */
    border: 1px solid #e2e2e2;
    background-color: #f7f7f7;
    font-size: 0.95rem;
    font-family: inherit;
    color: #222;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease,
                box-shadow 0.2s ease;
}

/* Hover / focus states */
.wpcf7-form input[type="file"]:hover {
    background-color: #f1f1f1;
    border-color: #d4d4d4;
}

.wpcf7-form input[type="file"]:focus {
    outline: none;
    border-color: #f2c94c;             /* een gele accentkleur, match je thema */
    box-shadow: 0 0 0 2px rgba(242, 201, 76, 0.25);
}


/* Nieuwe browsers (Chromium, Firefox, Edge, etc.) */
.wpcf7-form input[type="file"]::file-selector-button {
    border: none;
    background-color: #ffda3a;         /* jouw geel */
    color: #111;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.55rem 1.2rem;
    margin-right: 0.75rem;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Hover / active */
.wpcf7-form input[type="file"]::file-selector-button:hover {
    background-color: #f2c028;
}

.wpcf7-form input[type="file"]::file-selector-button:active {
    transform: translateY(1px);
}

.wpcf7-form .file-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.15rem;
    color: #555;
}

/* Typography */

h1,
.alpha {
  font-size: clamp(32px, 3.5vmax, 56px) !important; /* was 40px, 4.5vmax, 70px */
  line-height: 1!important;
  letter-spacing: -2px!important;
}

h2,
.beta {
  font-size: clamp(28px, 3vmax, 48px) !important; /* was 45px, 5.5vmax, 70px */
  line-height: 1 !important;
  letter-spacing: -2px !important;
}

h3,
.gamma {
  font-size: clamp(24px, 2.6vmax, 38px) !important; /* was 36px, 5vmax, 52px */
  line-height: 1.0384615385 !important;
  letter-spacing: -1px !important; 
}

h4,
.delta {
  font-size: clamp(20px, 2.2vmax, 30px) !important; /* was 30px, 4.5vmax, 36px */
  line-height: 1.2777777778 !important;
  letter-spacing: -1px !important;
}

h5,
.omega {
  font-size: 18px !important; /* was 26px */
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

h6,
.sigma {
  font-size: 16px !important; /* was 20px */
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

blockquote {
  line-height: 1.25 !important;
  font-weight: 600 !important;
  font-size: 24px !important; /* was 32px */
  color: var(--dark);
  background-color: var(--background_light);
  border-radius: 30px;
  margin: 50px 0;
  padding: 50px 65px;
}