/*
 Theme Name:   N4mb3rs
 Theme URI:    https://wp3dw.nl
 Description:  GeneratePress child theme
 Author:       Wim Peters
 Author URI:   https://wp3dw.nl
 Template:     generatepress
 Version:      0.1
*/

h2 {
	margin: 25px 0 25px;
}

ol {
    margin: 0 0 1.5em 2em;
}

ol>li::marker {
    color: #a8b802;
    font-weight: bold;
}

.sticky-enabled .main-navigation.is_stuck {
	background-color:#00372b;
}

.gb-button {

	background: linear-gradient(90deg, var(--global-grad-left) 30%, var(--global-grad-right));
	transition: all 4s ease;
	position: relative;
  z-index: 1;
	padding:5px 20px!important;
	margin: 20px 0px 20px;
}


.gb-button::before {
	position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(270deg, var(--global-grad-left) 30%, var(--global-grad-right));
  z-index: -1;
  transition: opacity 0.5s linear;
  opacity: 0;
		border-radius:30px;
}

.gb-button:hover::before {
  opacity: 1;
}

.gb-button.contact-icons {
	padding:20px!important;
}

.gb-button.contact-icons, .overzicht {
	background:none;
	border-radius:50%;
	margin-right:0px;
	transition: all 0.5s ease;
}

.gb-button.overzicht.blogleesmeer {
	padding-left: 0px!important;
	opacity:1;
}

.gb-button.contact-icons::before, .overzicht::before {
	display:none;
}

.overzicht {
	opacity:0.6
}

.overzicht:hover {
	opacity:1;
}

.gb-button.contact-icons:hover {
	color:#c3d500;

}

.gb-image {
	border-radius:15px!important;
	margin:50px 0;
}

.content-area ul, .new-customfooter ul {
    list-style: none;
	    margin: 0 0 25px 30px;
}

.content-area ul>li, .new-customfooter ul>li {
	position:relative;
}

.content-area ul>li::before, .new-customfooter ul>li::before {
    content: url(https://www.n4mb3rs.nl/wp-content/uploads/2024/01/small-plus.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
}

.customfooter a, .new-customfooter a {
text-decoration:none;
transition: all 300ms ease-in-out;

}

.new-customfooter a:hover {
	padding-left: 5px;
}


.customfooter a:hover  {
text-decoration:none;
	opacity:0.5;
}


.customfooter li {
	margin-right:20px;
	font-size:13px;
	color:#809b95;
}


.customfooter li a:hover {
	color:#fff!important;
	opacity:1;
}

/* ----- Content - Contact Form 7 ----- */

.wpcf7-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ctaform-container .wpcf7-form {
	display: block;
}

.wpcf7-form input {
    color: #fff;
    font-size: 16px;
    background-color: transparent;
}

.wpcf7-form .wpcf7-response-output {
    background-color: #05483B!important;
}

.wpcf7-form>p {
    margin-bottom: 30px;
    width: 48%;
}
.wpcf7-form>p:nth-child(7) {
    width: 100%;
}

.ctaform-container .wpcf7-form>p {
    margin-bottom: 0px;
    width: 100%!important;
}


.ctaform-container .wpcf7-form input[type="text"], .ctaform-container .wpcf7-form input[type="email"] {
	width: 100%!important;
	margin-bottom: 20px;
	color:#05483B!important;
}

.ctaform-container .wpcf7-form input[type="submit"] {
	border: 1px solid #00372b ;
}

.ctaform-container ul {
	margin-bottom: 0px;
}

.ctaform-container ul>li::before, .steps-container ul>li::before {
    content: url(https://www.n4mb3rs.nl/wp-content/uploads/2025/03/dark-plus.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
}

.ctaform-container img.alinda-cta {
	border-radius: 50%!important;
	margin-top:0px;
}



.wpcf7-form.wide-form>p:nth-child(4) {
    width: 100%;
}

.wide-form textarea {
	background-color: transparent;
	color: #fff;
	border-bottom:2px solid #fff;
	height:80px;
}

::placeholder {
	color:#fff;
	font-weight: bold;
}

.wpcf7-form>p>label>br {
    display: none;
}

.ctaform-container .wpcf7-form>p>label {
	color:#fff!important;
}

.wpcf7-form.wide-form>p>.wpcf7-submit {
	margin-top: 0px;
}

.wpcf7-form input, .wpcf7-form input:focus {
    background-color: transparent;
    border-color: transparent;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 0px;
    border-bottom: 2px solid #fff;
}

.ctaform-container .wpcf7-form input, .ctaform-container .wpcf7-form input:focus {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #00372b;
}

.ctaform-container textarea {
	border:none!important;
	border-bottom: 1px solid #00372b!important;
	height:40px;
	padding-left: 0px;
	background-color: transparent!important;
}

.wpcf7-form>p>label>span>input::placeholder {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.ctaform-container textarea::placeholder {
    color: #00372b;
    font-weight: 600;
    font-size: 16px;
}

.ctaform-container .wpcf7-form>p>label>span>input::placeholder {
    color: #00372b;
    font-weight: 600;
    font-size: 16px;
}

 .wpcf7-form>p>.wpcf7-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #C3D600;
    color: #00372b;
    padding: 15px 30px 15px 30px;
    margin-top: 45px;
	 border-radius:30px;
    font-weight: 700;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.ctaform-container .wpcf7-form>p>.wpcf7-submit {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 background: #00372b;
	 color: #fff;
	 padding: 15px 30px 15px 30px;
	 margin-top: 15px;
	border-radius:30px;
	 font-weight: 700;
	 -webkit-transition: all 300ms ease-in-out;
	 -moz-transition: all 300ms ease-in-out;
	 -ms-transition: all 300ms ease-in-out;
	 -o-transition: all 300ms ease-in-out;
	 transition: all 300ms ease-in-out;
}

.wpcf7-form>p>.wpcf7-submit:hover {
    background: #a8b802;
}

wpcf7-form>p>.wpcf7-form-control-wrap>.wpcf7-form-control>.wpcf7-list-item {
    margin-left: 0;
}

.ctaform-container .wpcf7-submit {
	margin-bottom: 0px!important;
}

.ctaform-container .wpcf7-submit:hover {
		 background: #00372b!important;
}


/* ----- Contact Form 7 Not Valid ----- */

.wpcf7-quiz.wpcf7-not-valid,
input.wpcf7-validates-as-required.wpcf7-not-valid {
    border-bottom: 2px solid #cc0000!important;
}

.wpcf7-text:focus, .wpcf7-textarea:focus {
outline:none;
}

input.wpcf7-submit, .wpcf7-form input.wpcf7-submit:focus {
	border-bottom:transparent;
}

.squarecontainer {
	aspect-ratio: 1 / 1;
	background-color:#06483b;
	transition: all 0.5s ease;

}

.squarecontainer:hover {
	background-color:#065747;

}

.no-underline-contact a, .onze-diensten a {
	text-decoration:none;
}

.numb-grid h2 a {
text-decoration:none;
}

.gp-icon svg {
    height: 1em;
    width: 1em;
    top: 0.125em;
    position: relative;
    color:#c3d500!important;
}

.fixed-buttons .gb-button {
	padding:10px 20px!important
}

.fixed-buttons .gb-button::before {
	border-radius: 30px 0 0 30px;
}

@media (min-width: 768px) {
    .fixed-buttons {
	position:fixed;
	right:-10px;
	top:200px;
}

	.fixedmobile-buttons {
		display:none;
	}

	.current-menu-ancestor a::after {

	content: '';
	        position: absolute;
	        bottom: 10px;
	        left: 15px;
	        right: 15px;
	        height: 2px;
	        background-color: #fff;
	        pointer-events: none;
					opacity: 0.7;
	}

	.current-menu-ancestor .sub-menu a::after {
		display:none;
	}

}

@media (max-width: 768px) {
     .fixed-buttons {
display:none;
}

.onze-diensten h4 {
	font-size: 30px;
}

}

.fixedmobile-buttons {
	padding-bottom:10px;
	z-index:100;
	position:fixed;
	bottom:0;
	width:100%;

}

.fixedmobile-buttons .gb-button {
font-size:15px;
	padding:5px 10px!important;
	margin:0 10px;
}

.privacy-container p, .privacy-container ol {
	margin-bottom:10px;
}

.privacy-container ol  {
		margin-top:35px;
		margin-left:20px;

}

.privacy-container ol li.double {
	margin-left:10px;
}

ul.artikel-zes {
	margin-bottom: 15px;
margin-top: -15px;
}

@media screen and (max-width: 992px) {
.wpcf7-form>p {
    width: 100%;
}

.wp-block-navigation .wp-block-navigation-item {
    align-items: center;
    display: block;
    position: relative;
    width: 100%;
}
}

@media (min-width: 1015px) and (max-width: 1290px) {
h1 {
	font-size:60px;
	line-height: 70px;
}
}

.triangle-divider-lime {
  position: relative;
}
.triangle-divider-lime::after {
  content: '';
  position: absolute;
	bottom: -30px;
  left: 20px;
  width: 40px;
  height: 30px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><polygon fill="%2399BA2D" points="0,0 100,0 50,100"/></svg>') no-repeat center bottom;
  background-size: cover;
  z-index: 1;
}


.triangle-divider-green {
  position: relative;
}
.triangle-divider-green::after {
  content: '';
  position: absolute;
  bottom: -30px;
  right: 20px;
  width: 40px;
  height: 30px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><polygon fill="%236BA538" points="0,0 100,0 50,100"/></svg>') no-repeat center bottom;
  background-size: cover;
  z-index: 1;
}

.stappen-list-items {
	margin-bottom: 0px!important;
	list-style: disc!important;
	margin-left: 10px!important;
	margin-top:10px!important;
}

.stappen-list-items li {
	font-size: 12px!important;
	line-height: 15px;
}

.stappen-list-items li::before {
	display: none;
}