/*
	Theme Name: Tuinte
	Theme URI: http://simplix.nl
	Description: Custom theme for Tuinte
	Version: 1.0
	Author: Simplix
	Author URI: http://simplix.nl
*/

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap');

:root {
	--site_width:1400px;

	--black: #141c25;
	--orange: #E67100
}

/* Defaults */
* {outline:none; box-sizing:border-box; font-family: 'Manrope', sans-serif;}
p {margin-top:0; margin-bottom:24px; font-size:18px; line-height:2;  color:#0C1117}
a {text-decoration:none; transition:.3s; color:inherit}
img {max-width:100%; display:block; -webkit-user-drag:none; -khtml-user-drag:none; -moz-user-drag:none; -o-user-drag:none; user-drag:none;}
html{scroll-behavior:smooth; overflow-x:hidden;}
body {width:100%; font-size:18px; scroll-behavior:smooth; margin:0;}
#wrapper {width:100%;}
.text-align-center {text-align: center;}

/* Colors */
.white-color,
.white-color p,
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4 { color:#fff}

/* Grid */
.section {padding:48px 0px; position:relative; overflow:hidden; background-position:center; background-size:cover; position:relative; background-color:#fff}
.section.filter:before {content:""; position:absolute; left:0 ; top:0; bottom:0; right:0; pointer-events:none; background:#131C25; opacity:0.6}
.section.fullscreen {min-height:calc(100vh - 80px);}
.section.center {display:flex; align-items:center;}
.admin-bar .section.fullscreen {min-height:calc(100vh - 80px - 32px);}
.section.no-padding {padding-top:0; padding-bottom:0}

.container {display:flex; flex-wrap:wrap;width:100%; max-width:var(--site_width); margin:0 auto; z-index: 1;}
.row {display:flex; flex-wrap:wrap; width:100%;}
.row.center {justify-content: center;}

.col {position:relative; padding:16px;}
.col-12 {width:100%;}
.col-11 {width:91.666%;}
.col-10 {width:83.333%;}
.col-9 {width:75%;}
.col-8 {width:66.666%;}
.col-7 {width:58.333%;}
.col-6 {width:50%;}
.col-5 {width:41.666%;}
.col-4 {width:33.333%;}
.col-3 {width:25%;}
.col-2 {width:16.666%;}
.col-1 {width:8.333%}

.margin-top-s {margin-top:8px;}
.margin-top-m {margin-top:16px;}
.margin-top-l {margin-top:32px;}
.margin-top-xl {margin-top:64px;}

/* Titles */
h1, h2, h3, h4, h5, h6 {font-weight:800 !important; margin-top:0 !important; margin-bottom:24px !important; line-height:1.2;  color:#0C1117}
h1 {font-size:40px !important;}
h2 {font-size:32px !important;}
h3 {font-size:32px !important;}
h4 {font-size:32px;}
h5 {font-size:32px;}
h6 {font-size:32px;}

/* Button */
.button.default {min-height:60px; display:inline-flex; align-items: center; padding-left:40px; border-radius:999px; background:var(--orange); font-weight:800;}
.button.default .button-text {margin-right:24px;}
.button.default .button-icon {width:48px; height:48px; margin-right:6px; display:flex; align-items: center; justify-content: center; background:#E9853A; border-radius:50px;}

.button.default:hover{background:#fff; color:var(--orange)}
.button.default:hover i {color:#fff}

/* Header */
.header {width:100%; padding:0 16px; background: var(--black)}
.header .header-row {display:flex; align-items: center; width:100%; max-width:var(--site_width); margin:0 auto; height:80px;}

/* Forms */
.wpforms-container {margin:0 !important; -webkit-user-select: none; /* Safari */-ms-user-select: none; /* IE 10 and IE 11 */user-select: none; /* Standard syntax */}
.wpforms-container form {display:flex; flex-direction: column; position:relative!important;}
.wpforms-container form * {word-break:unset!important; hyphens:unset!important;}
.wpforms-container form video {max-width:100%; width:100%;}
.wpforms-container form .wpforms-field-container {order:1;}
.wpforms-container form .wpforms-page-indicator {order:2;}
.wpforms-container form .wpforms-submit-container {order:3;}

.wpforms-container form .wpforms-field {padding:0px !important;}
.wpforms-container form .wpforms-field .wpforms-field-layout-columns {margin:0 auto !important;}
.wpforms-container form .wpforms-field .wpforms-field-layout-columns .wpforms-layout-column {padding:0px !important}
.wpforms-container form .wpforms-field .wpforms-field-layout-columns > div:last-child {padding-left:32px !important}
.wpforms-container form .wpforms-field .wpforms-field-layout-columns > div:first-child {padding-right:32px !important}

.wpforms-container form .wpforms-page-indicator-steps {display:none;}

.wpforms-container form .wpforms-field .question {padding-bottom:32px; line-height:1.5;}
.wpforms-container form .wpforms-field h1 {color:var(--orange); margin:0 auto !important; margin-bottom:64px !important;}
.wpforms-container form .wpforms-page-button {min-height:60px !important; display:inline-flex !important; align-items: center !important; padding-left:40px !important; padding-right:0 !important; border-radius:999px !important; background:var(--orange) !important; font-weight:800 !important;}
.wpforms-container form .wpforms-page-button:after{content:"\f061" !important; font-family:"Font Awesome 6 Free"  !important; font-weight:900  !important; width: 48px  !important;height: 48px !important ;margin-right: 6px  !important; outline:none !important; margin-left:24px !important; border:none !important;display: flex  !important;align-items: center  !important;justify-content: center  !important;background: #E9853A  !important;border-radius: 50px  !important; position:relative; left:auto !important; top: auto !important; right: auto !important; bottom:auto !important; position:relative !important}
.wpforms-container form .wpforms-page-button.wpforms-page-prev {padding-right:40px !important; margin-right:auto !important;}
.wpforms-container form .wpforms-page-button.wpforms-page-prev:after{display:none !important}
.wpforms-container .wpforms-page-indicator.progress {margin-top:40px}
.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {height:4px !important;}
.wpforms-container .wpforms-pagebreak-right {margin-top:64px; display:flex; justify-content: flex-end; }
.wpforms-container .wpforms-pagebreak-right:before,
.wpforms-container .wpforms-pagebreak-right:after {display:none;}

.wpforms-container form .wpforms-page-button.wpforms-page-next.disabled {opacity:.5; cursor:not-allowed !important}

.wpforms-container form .wpforms-field ul li label{padding:8px 24px 8px 8px !important; position: relative; width:100%;; background:#F2F2F2; display:flex; align-items: center; border-radius:999px; font-weight:800; border:solid #fff 2px; transition:.3s;}
.wpforms-container form .wpforms-field ul li input {display:none}

.wpforms-container form .wpforms-field ul {counter-reset: my-counter;list-style: none;}
.wpforms-container form .wpforms-field ul li label::before {counter-increment: my-counter;content: counter(my-counter, upper-alpha); background:#EBEBEB; font-weight:800; margin-right:8px; display:inline-flex; align-items:center; justify-content: center; width:44px; height:44px; flex: 0 0 44px; border-radius:50%;}
.wpforms-container form .wpforms-field ul li.wpforms-selected label{border-color:#0C1117}

.wpforms-container form .wpforms-field-label {margin-bottom:8px !important; margin-top:16px !important;}

.wpforms-container form .wpforms-field input[type="text"],
.wpforms-container form .wpforms-field input[type="number"],
.wpforms-container form .wpforms-field input[type="email"] {height:48px !important; border-color:#D0D0D0 !important; border-radius:4px !important}

.wpforms-container form .wpforms-field input[type="text"]:focus,
.wpforms-container form .wpforms-field input[type="number"]:focus,
.wpforms-container form .wpforms-field input[type="email"]:focus {border-color:var(--orange) !important; box-shadow: none !important;}

.wpforms-container form .wpforms-submit-container {display:flex; justify-content:flex-end; position:absolute; right:10px; bottom:69px; z-index:999;}
.wpforms-container form .wpforms-submit-container button {min-height:60px !important; display:inline-flex !important; align-items: center !important; padding-left:40px !important; padding-right:0 !important; border-radius:999px !important; background:#0EAD51 !important; font-weight:800 !important;}
.wpforms-container form .wpforms-submit-container button:after {content:"\f061" !important; font-family:"Font Awesome 6 Free"  !important; font-weight:900  !important; width: 48px  !important;height: 48px !important ;margin-right: 6px  !important; outline:none !important; margin-left:24px !important; border:none !important;display: flex  !important;align-items: center  !important;justify-content: center  !important;background: #38c774  !important;border-radius: 50px  !important; position:relative; left:auto !important; top: auto !important; right: auto !important; bottom:auto !important; position:relative !important}

.wpforms-container form .wpforms-field .wpforms-error {margin-top:8px !important}

.wpforms-container form .green-next-button .wpforms-page-button.wpforms-page-next {background-color:#0EAD51 !important}
.wpforms-container form .green-next-button .wpforms-page-button.wpforms-page-next:after {background-color:#38c774 !important}

/* Recaptcha style */
.grecaptcha-badge {visibility: hidden;}
.recaptcha-text {font-size:12px !important; float:left; width:100%; display:block; padding:15px 0 !important;}
.recaptcha-text a{font-weight:bold !important;}
.recaptcha-text a:hover{color:inherit}

@media screen and (max-width:800px){
	.section {padding:16px 0;}
	.col {padding:8px 16px;}

	h1 {font-size:28px!important; margin-bottom:0!important;}
	h2 {font-size:20px!important;}

	div.wpforms-container-full {margin:0 auto!important;}
	.wpforms-container form .wpforms-field h1 {margin-bottom:16px!important;}
	.wpforms-container form .wpforms-field h2 {font-size:20px!important;}
	.wpforms-container form .wpforms-field img {height:auto; margin-bottom:32px; overflow:hidden; width:auto;}
	.wpforms-container form .wpforms-field video {margin-bottom:32px;}
	.wpforms-container form .wpforms-field .image-subscript {display:block; width:100%; margin-bottom:32px; margin-top:-28px;}
	.wpforms-container .wpforms-pagebreak-right {margin-top:32px;}
	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns {flex-direction:column;}
	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50 {width:100%!important;}

	.wpforms-container form .wpforms-submit-container {bottom:41px;}

	.wpforms-container .wpforms-page-indicator.progress {margin-top:32px; margin-bottom:0;}

	.wpforms-container form .wpforms-field .wpforms-field-layout-columns > div:first-child {padding-right:0!important;}
	.wpforms-container form .wpforms-field .wpforms-field-layout-columns > div:last-child {padding-left:0!important;}

	div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {overflow-y:hidden;}

	.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {width:100%}
}