/* Global form styling, gravity , woocommerce */ form label { font-size: 1.6rem; color: var(--clr-text); line-height: 1.2; font-weight: 600; display: block!important; width: 100%; margin: 0 0 1rem 0; } form label * { font: inherit!important; color: inherit!important; text-decoration: none; } form label.optioneel .required{ display: none; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea { --p: .5rem 2.2rem; --br: 3rem; --border: 1px solid var(--clr-primary-20); --focus-border: var(--border); font-family: var(--font-primary); display: block; width: 100%; min-height: 5.5rem; font-size: 1.6rem; border: var(--border); border-radius: var(--br); padding: var(--p)!important; transition: border-color var(--ts-15) ease; } textarea { --p: 1rem 1.6rem; overflow: auto; vertical-align: top; width: 100%; resize: vertical; min-height: 10rem; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus { border: var(--focus-border); outline: none; } input[type=text]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder { color: rgba(var(--clr-dark-rgb), .3); } select { --p: .9rem; display: block; width: 100%; padding: var(--p); font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: var(--clr-text); background-color: #fff; background-clip: padding-box; } input[type=checkbox], input[type=radio] { --size: 1.9rem; width: var(--size); height: var(--size); min-width: var(--size); min-height: var(--size); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid var(--clr-primary); -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=radio] { border-radius: 50%; } input[type=checkbox] { --size: 1.5rem; background-color: #E3E3E3; outline: .2rem solid var(--clr-light); outline-offset: -.3rem; } input[type=checkbox]:checked, input[type=radio]:checked { --check-bg-clr: var(--clr-primary); --check-border-color: var(--clr-primary); border-color: var(--check-border-color); outline: .2rem solid var(--clr-light); background-color: var(--check-bg-clr); } /* input[type=radio]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } */ /* input[type=checkbox]:checked { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Crect width='19' height='19'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='a' clip-path='url(%23b)'%3E%3Cpath d='M10.5,1.547l-.4.4L4.148,7.875l-.4.4-.4-.4L.4,4.922l-.4-.4.773-.8.4.4L3.75,6.68,9.3,1.148l.4-.4Z' transform='translate(4.25 4.988)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); } */ input[type=checkbox][disabled], input[type=radio][disabled] { cursor: default; opacity: .5; } input[type=range] { width: 100%; margin: .5rem 0; -webkit-appearance: none; width: 100%; height: 1rem; background: rgba(var(--clr-dark-rgb), .15); background-image: linear-gradient(var(--clr-primary), var(--clr-primary)); background-size: 0% 100%; background-repeat: no-repeat; outline: none; transition: opacity .2s; border-radius: 2rem; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 1.45rem; height: 2rem; background: var(--clr-primary); cursor: pointer; border-radius: .5rem; } input[type=range]::-moz-range-thumb { -webkit-appearance: none; appearance: none; width: 1.45rem; height: 2rem; background: var(--clr-primary); cursor: pointer; border-radius: .5rem; } /* Gravity Form : heading */ .gform_wrapper .gform_required_legend { display: none; } /* Gravity Form : body */ .gform_wrapper.gravity-theme .gform_fields { --gap: 2rem; grid-column-gap: var(--gap); grid-row-gap: var(--gap); } .gform_wrapper.gravity-theme .gfield_label { display: block; margin: 0; } .gform_wrapper .ginput_container_textarea { display: flex; } .gform_ajax_spinner { width: 3rem; margin-left: 2rem; } /* Gravity Form : footer */ .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { margin: 0; padding-bottom: 0; } .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { margin: 0; } /* Gravity Form : Errors */ .gform_wrapper.gravity-theme .gfield_description { display: none; } .gform_wrapper.gravity-theme .gform_validation_errors { background: var(--clr-danger)!important; padding: 1.6rem 2rem 1.6rem 6rem!important; box-shadow: none!important; border: none!important; border-radius: 2.5rem!important; } .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon { color: #fff!important; } .gform_wrapper.gravity-theme .gform_validation_errors h2 { color: #fff!important; } .gform_confirmation_message { background-color: #549A1E; padding: 1.6rem 2rem; border-radius: 0.8rem; color: #fff; } /* Select2 */ .select2-container { --p: 1.25rem 2.2rem; --br: 4rem; --hover-clr: #fff; --hover-bg: rgba(0,0,0,.5); --highlighted-color: #fff; --highlighted-bg: var(--clr-primary); } .select2-container .select2-selection--single { border-color: var(--clr-primary-20); border-radius: var(--br); margin: 0; } .select2-container .select2-selection--single { height: auto; padding: var(--p); } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; font-size: 1.6rem; } .select2-container .select2-selection--single .select2-selection__arrow { height: 100%; } .select2-container--open .select2-dropdown { border-color: var(--clr-border); overflow: hidden;} .select2-container--open .select2-dropdown--top { border-radius: var(--br) var(--br) 0 0; } .select2-container--open .select2-dropdown--below { border-radius: 0 0 var(--br) var(--br); } .select2-container--default .select2-search--dropdown { padding: .8rem; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: var(--clr-border); } .select2-container--open .select2-dropdown--below .select2-search__field, .select2-container--open .select2-dropdown--above .select2-search__field { border-color: var(--clr-border); border-radius: var(--br); font-size: 1.4rem; height: auto; padding: 0 0.8rem; min-height: 3.5rem; } .select2-container .select2-results__option { font-size: 1.6rem; } .select2-container .select2-results__option[data-selected=true] { background-color: var(--hover-bg); color: var(--hover-clr); } .select2-container .select2-results__option.select2-results__option--highlighted { background-color: var(--highlighted-bg); color: var(--highlighted-color); } /* Form switch */ .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position var(--ts-15) ease; } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } label.color { font-size: 1.4rem; cursor: pointer; position: relative; display: flex; align-items: center; column-gap: 1.2rem; padding: 0 1.4rem 0 0; border: 1px solid rgba(var(--clr-dark-rgb), .15); border-radius: .5rem; overflow: clip; } label.color::before { content: ''; width: 2.7rem; display: inline-block; height: 4.1rem; background-color: var(--term-clr); } label.color input { order: 1; margin-left: auto; border-radius: 50%; opacity: 0; } label.color input:checked { opacity: 1; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Crect width='19' height='19'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='a' clip-path='url(%23b)'%3E%3Cpath d='M10.5,1.547l-.4.4L4.148,7.875l-.4.4-.4-.4L.4,4.922l-.4-.4.773-.8.4.4L3.75,6.68,9.3,1.148l.4-.4Z' transform='translate(4.25 4.988)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); } label.color:has(input:checked) { border-color: var(--clr-primary); } /* WC payment method ordering */ ul.wc_payment_methods { display: flex; flex-direction: column; } li.wc_payment_method { order: 0; } /* Nederland (nl) */ :lang(nl) .payment_method_mollie_wc_gateway_creditcard { order: 2; } :lang(nl) .payment_method_mollie_wc_gateway_klarnapaylater { order: 3; } :lang(nl) .payment_method_mollie_wc_gateway_paypal { order: 4; } :lang(nl) .payment_method_mollie_wc_gateway_klarna { order: 5; } :lang(nl) .payment_method_mollie_wc_gateway_banktransfer { order: 6; } :lang(nl) .payment_method_mollie_wc_gateway_bancontact { order: 7; } :lang(nl) .payment_method_mollie_wc_gateway_przelewy24 { order: 8; } :lang(nl) .payment_method_mollie_wc_gateway_eps { order: 9; } /* België (nl-BE / fr-BE) */ :lang(nl-BE) .payment_method_mollie_wc_gateway_creditcard, :lang(fr-BE) .payment_method_mollie_wc_gateway_creditcard { order: 2; } :lang(nl-BE) .payment_method_mollie_wc_gateway_paypal, :lang(fr-BE) .payment_method_mollie_wc_gateway_paypal { order: 3; } :lang(nl-BE) .payment_method_mollie_wc_gateway_klarnapaylater, :lang(fr-BE) .payment_method_mollie_wc_gateway_klarnapaylater { order: 4; } :lang(nl-BE) .payment_method_mollie_wc_gateway_klarna, :lang(fr-BE) .payment_method_mollie_wc_gateway_klarna { order: 5; } :lang(nl-BE) .payment_method_mollie_wc_gateway_banktransfer, :lang(fr-BE) .payment_method_mollie_wc_gateway_banktransfer { order: 6; } :lang(nl-BE) .payment_method_mollie_wc_gateway_ideal, :lang(fr-BE) .payment_method_mollie_wc_gateway_ideal { order: 7; } :lang(nl-BE) .payment_method_mollie_wc_gateway_przelewy24, :lang(fr-BE) .payment_method_mollie_wc_gateway_przelewy24 { order: 8; } :lang(nl-BE) .payment_method_mollie_wc_gateway_eps, :lang(fr-BE) .payment_method_mollie_wc_gateway_eps { order: 9; } /* Duitsland (de) */ :lang(de) .payment_method_mollie_wc_gateway_creditcard { order: 1; } :lang(de) .payment_method_mollie_wc_gateway_klarna { order: 2; } :lang(de) .payment_method_mollie_wc_gateway_klarnapaylater { order: 3; } :lang(de) .payment_method_mollie_wc_gateway_paypal { order: 4; } :lang(de) .payment_method_mollie_wc_gateway_banktransfer { order: 5; } :lang(de) .payment_method_mollie_wc_gateway_eps { order: 6; } :lang(de) .payment_method_mollie_wc_gateway_przelewy24 { order: 7; } /* Frankrijk (fr) */ :lang(fr) .payment_method_mollie_wc_gateway_creditcard { order: 1; } :lang(fr) .payment_method_mollie_wc_gateway_paypal { order: 2; } :lang(fr) .payment_method_mollie_wc_gateway_klarna { order: 3; } :lang(fr) .payment_method_mollie_wc_gateway_klarnapaylater { order: 4; } :lang(fr) .payment_method_mollie_wc_gateway_banktransfer { order: 5; } /* Italië (it) */ :lang(it) .payment_method_mollie_wc_gateway_creditcard { order: 1; } :lang(it) .payment_method_mollie_wc_gateway_paypal { order: 2; } :lang(it) .payment_method_mollie_wc_gateway_klarna { order: 3; } :lang(it) .payment_method_mollie_wc_gateway_klarnapaylater { order: 4; } :lang(it) .payment_method_mollie_wc_gateway_banktransfer { order: 5; } /* Luxemburg (lu) */ :lang(lu) .payment_method_mollie_wc_gateway_creditcard { order: 1; } :lang(lu) .payment_method_mollie_wc_gateway_paypal { order: 2; } :lang(lu) .payment_method_mollie_wc_gateway_ideal { order: 3; } :lang(lu) .payment_method_mollie_wc_gateway_bancontact { order: 4; } :lang(lu) .payment_method_mollie_wc_gateway_banktransfer { order: 5; } /* Oostenrijk (de-AT / at) */ :lang(de-AT) .payment_method_mollie_wc_gateway_eps, :lang(at) .payment_method_mollie_wc_gateway_eps { order: 1; } :lang(de-AT) .payment_method_mollie_wc_gateway_creditcard, :lang(at) .payment_method_mollie_wc_gateway_creditcard { order: 2; } :lang(de-AT) .payment_method_mollie_wc_gateway_paypal, :lang(at) .payment_method_mollie_wc_gateway_paypal { order: 3; } /* Polen (pl) */ :lang(pl) .payment_method_mollie_wc_gateway_przelewy24 { order: 1; } :lang(pl) .payment_method_mollie_wc_gateway_creditcard { order: 2; } :lang(pl) .payment_method_mollie_wc_gateway_paypal { order: 3; } /* Portugal (pt) */ :lang(pt) .payment_method_mollie_wc_gateway_creditcard { order: 1; } :lang(pt) .payment_method_mollie_wc_gateway_paypal { order: 2; } :lang(pt) .payment_method_mollie_wc_gateway_klarna { order: 3; } :lang(pt) .payment_method_mollie_wc_gateway_klarnapaylater { order: 4; } :lang(pt) .payment_method_mollie_wc_gateway_banktransfer { order: 5; } /* Spanje (es) */ :lang(es) .payment_method_mollie_wc_gateway_creditcard { order: 1; } :lang(es) .payment_method_mollie_wc_gateway_paypal { order: 2; } :lang(es) .payment_method_mollie_wc_gateway_klarna { order: 3; } :lang(es) .payment_method_mollie_wc_gateway_klarnapaylater { order: 4; } :lang(es) .payment_method_mollie_wc_gateway_banktransfer { order: 5; }