/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.background .section-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('http://localhost/fsnplus/wp-content/uploads/2026/03/wrench-and-screwdriver-9453.svg');
  background-repeat:no-repeat;
  background-position:center 20px;
  background-size:1500px;
  opacity:0.025;
  pointer-events:none;
}

.bike .section-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('http://localhost/fsnplus/wp-content/uploads/2026/03/bike.svg');
  background-repeat:no-repeat;
  background-position:left 50px top -40px;
  background-size:400px;
  opacity:0.04;
  pointer-events:none;
}

img[src*="check-circle-2.svg"]{
    filter: invert(32%) sepia(64%) saturate(550%) hue-rotate(95deg) brightness(85%) contrast(90%);
}

.ebike-info {
list-style: disc;
}

.tooltip {
position: relative;
display: inline-block;
margin-left:6px;
cursor: pointer;
color:#0B3A8D;
font-weight:bold;
font-size:20px;
}

.tooltip-content {
display:none;
position:absolute;
top:40%;
left:0;
background:#fff;
border:1px solid #ddd;
padding:9px;
border-radius:6px;
box-shadow:0 4px 12px rgba(0,0,0,0.15);
z-index:999;
font-size:16px;
}

.tooltip-content img {
max-width:220px;
height:auto;
display:block;
}

.tooltip:hover .tooltip-content {
display:block;
}

.border img {
	border-radius: 30px 0px 30px 0px;
}

.button {
	border-radius: 20px 0px 20px 0px !important;
	background: linear-gradient(to right,#066732 0%,#6ab42d 100%);
	animation: animatedgradient 5s ease alternate infinite;
	border: none !important;
    box-shadow: none !important;
}

.icon-box-img {
    background: none !important;
}

.icon-box-img svg {
    width: 25px;
    height: 25px;
	stroke: rgb(6, 103, 50) !important;
}

legend {
	font-weight: 500 !important;
	text-transform: none !important;
}

.gchoice label {
	padding-bottom: 16px !important;
	font-weight: 500 !important;
}

.gfield_label, label {
	font-weight: 500 !important;
}

/* Moderne browsers */
input::placeholder,
textarea::placeholder {
  font-size: 16px;
}

/* Chrome / Safari */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 16px;
}

/* Firefox */
input::-moz-placeholder,
textarea::-moz-placeholder {
  font-size: 16px;
}

/* Edge (oude versies) */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 16px;
}

/* ===============================
   SECTION HEADERS
================================ */

#gform_wrapper_1 .gsection, 
#gform_wrapper_2 .gsection,
#gform_wrapper_3 .gsection {
  background: #8DBA1F;
  padding: 16px 24px;
  border-radius: 14px;
  margin-top: 40px;
}

#gform_wrapper_1 .gsection_title,
#gform_wrapper_2 .gsection_title,
#gform_wrapper_3 .gsection_title {
  margin: 0 !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 18px;
}

/* ===============================
   ALGEMENE FORM SPACING
================================ */

.gfield {
  margin-top: 18px;
}

.gform_fields {
  row-gap: 0 !important;
}

/* ===============================
   INPUTS MODERNER
================================ */

input,
select,
textarea {
  border: 1px solid #d7dde5 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  background: #fff !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #8DBA1F !important;
  box-shadow: 0 0 0 3px rgba(146,192,31,.2) !important;
}

/* ===============================
   CHECKBOX STYLING
================================ */

fieldset.gfield {
  margin-top: 25px;
}

legend.gfield_label {
  font-weight: 600;
  margin-bottom: 10px;
}

/* ===============================
   ERROR NETTER
================================ */

.gfield_error input,
.gfield_error select,
.gfield_error textarea {
  border-color: #E53935 !important;
  box-shadow: 0 0 0 3px rgba(229,57,53,.08) !important;
}

.validation_message {
  color: #E53935 !important;
  font-size: 13px;
}

.icon-angle-up {
	color: #ffffff !important;
}

/* =================================
   SUBMIT BUTTON STYLING
================================= */

.gform_footer {
  margin-top: 30px;
}

.gform_footer input[type="submit"] {
  background: linear-gradient(to right,#066732 0%,#6ab42d 100%) !important;
  animation: animatedgradient 5s ease alternate infinite;
  border: none !important;
  box-shadow: none !important;  
  color: #ffffff;
  padding: 4px 28px !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 20px 0px 20px 0px !important;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Hover */
.gform_footer input[type="submit"]:hover {
  background: #062e6b;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* Active */
.gform_footer input[type="submit"]:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}