/* 
Theme Name: SPRMRKT
Description: Theme made for ChainCraft based on Hello
Author: Sander | Firma Netjes
Author URI: https://firmanetjes.nl
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* menu */

/* gravity forms */

body:not(.has-form) .grecaptcha-badge {
    visibility: hidden !important;
}

.gform_body {
	padding: 20px;
    margin-bottom: 20px;
	background: #fff !important;
	border: 1px solid #000;
}

.gform_heading {
	display: none !important;
}

/* Styling all Gravity Forms input fields */
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=url],
.gform_wrapper input[type=password],
.gform_wrapper input[type=search],
.gform_wrapper input[type=number],
.gform_wrapper textarea,
.gform_wrapper select {
    /* Border styling */
	border: none;
    border-bottom: 2px solid #000; /* Purple border matching your submit button */
    border-radius: 0px; /* Rounded corners */
    
    /* Font styling */
    font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; /* Change font family */
    font-size: 1.4rem; /* Font size */
	font-weight: 700;
    color: #000000; /* Text color */
    
    /* General styling */
    padding: 10px 12px; /* Inner spacing */
    background-color: rgba(255, 255, 255, 0.8); /* Background color */
    box-shadow: none; /* Remove default shadow if any */
    width: 100%; /* Full width */
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

/* Focus state - when the user clicks on the input */
.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=tel]:focus,
.gform_wrapper input[type=url]:focus,
.gform_wrapper input[type=password]:focus,
.gform_wrapper input[type=search]:focus,
.gform_wrapper input[type=number]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    border-color: #8a00b3; /* Slightly lighter purple on focus */
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 5px rgba(99, 0, 128, 0.3); /* Subtle shadow on focus */
}

/* Placeholder text color */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
    color: #000; /* Light gray placeholder text */
	font-size: 1rem;
    font-weight: 900;
	text-transform: uppercase;
}

/* Label styling if you want to match the input styling */
.gform_wrapper .gfield_label {
    font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 1.4rem;
    font-weight: 600;
    color: #000; /* Match your brand color */
    margin-bottom: 8px;
}

/* Remove reuired */
.gform_required_legend {
	display: none;
}

.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] {
    background-color: #000 !important;
    color: #fff !important;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0px !important;
	text-transform: uppercase !important;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    font-family: inherit;
    line-height: 1.2;
    min-width: 120px;
    text-align: center;
}

.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover {
	background-color: #fff !important;
	border: 1px solid #000 !important;
	color: #000 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.gfield_required {
	color: #000 !important;
}


/* Lightbox sluit- en navigatieknoppen */
.eicon-close::before,
.eicon-chevron-left::before,
.eicon-chevron-right::before {
    color: #630080 !important;
}

/* Toolbar iconen (zoals download, fullscreen, etc.) */
.elementor-lightbox .elementor-lightbox-toolbar-button {
    color: #630080 !important;
}

/* Hover-effect voor alle knoppen */
.elementor-lightbox .elementor-lightbox-toolbar-button:hover,
.eicon-close:hover::before,
.eicon-chevron-left:hover::before,
.eicon-chevron-right:hover::before {
    color: #170f29 !important;
}