.background-blue2 {
background-color: #36a9e1;
}
.cta-name.line-blue2::after{
background: #36a9e1;
}
.btn.blue2:not(.white), .btn-pdf .df-popup-button {
background-color: #36a9e1;
color:white;
}
.btn.blue2::after , .btn-pdf .df-popup-button{
background-image: url(//schimmeltechniek.nl//wp-content/themes/schimmel-techniek/dist/images/svg/angle-blue.svg);
}
.modal-dialog .terms {
color: rgba(49, 49, 49, 0.5);
font-weight: 400;
}
.modal-dialog#old-pump h5 {
padding-left: 37px;
background-image: url(//schimmeltechniek.nl//wp-content/themes/schimmel-techniek/dist/images/svg/circle-warning.svg);
background-repeat: no-repeat;
background-size: 0.75em;
background-position: 0px 0.5em;
}
.modal-dialog h5 {
font-size: 30px;
}
.modal-dialog .close {
margin-top: -1rem;
}
.modal-dialog .old-form {
max-height: 150px;
transition: all 0.5s ease !important;
position: relative;
margin-bottom: 3rem;
padding-bottom: 2rem;
}
.modal-dialog .old-form::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100px !important;
border-radius: 15px;
background: transparent linear-gradient(0deg, white, white 0, rgba(15, 20, 50, 0) 75%) 0 0 no-repeat padding-box;
transition: 0.5s ease;
z-index: 1;
}
.modal-dialog .old-form.show {
max-height: 1000px;
}
.modal-dialog .old-form.show::before {
height: 0px !important;
}
.modal-dialog .old-form .gform_wrapper .gform_footer {
right: 40px !important;
}
.modal-dialog .old-form .gfield_checkbox label::before {
background-color: #c3c3c3 !important;
}
.onderhoud-abo {
font-weight: 300;
padding-bottom: 5rem;
}
.onderhoud-abo .brands-row .brand-item {
height: 60px;
width: calc(100% /4);
padding: 0 15px;
text-align: center;
display: flex;
margin-bottom: 10px;
}
.onderhoud-abo .brands-row .brand-item img {
margin: auto;
filter: grayscale(1);
max-height: 40px;
width: auto;
height: 100%;
}
.onderhoud-abo .form-brands {
font-size: 20px;
font-weight: 400;
margin-bottom: unset;
}
.onderhoud-abo h4 {
font-size: 16px;
color: rgba(49, 49, 49, 0.5);
}
.onderhoud-abo .abo-top {
margin-bottom: 3rem;
}
.onderhoud-abo .bg-grey {
background-color: #f6f8fb;
padding: 3rem 0;
}
.onderhoud-abo .row-3 {
column-count: 3;
}
.onderhoud-abo li {
list-style-image: url(//schimmeltechniek.nl//wp-content/themes/schimmel-techniek/dist/images/svg/circle-check.svg);
}
.onderhoud-abo .h2 {
font-size: 50px;
color: #36a9e1;
}
.onderhoud-abo .sub-form {
padding-top: 2rem;
}
.onderhoud-abo .sub-warning {
margin: 1rem 0;
padding: 0px 20px;
padding-left: 37px;
background-image: url(//schimmeltechniek.nl//wp-content/themes/schimmel-techniek/dist/images/svg/circle-warning.svg);
background-repeat: no-repeat;
background-size: 1em;
background-position: 13px;
background-color: rgba(163, 0, 0, 0.15);
border-radius: 5px;
width: fit-content;
}
.onderhoud-abo .sub-top {
padding-bottom: 1rem;
}
.onderhoud-abo .sub-mid {
padding-top: 1rem;
border-style: solid;
border-width: 1px 0;
border-color: rgba(112, 112, 112, 0.2);
border-bottom:unset;
}
.onderhoud-abo .sub-area {
padding-top: 1rem;
}
.onderhoud-abo .sub-area .h2 {
font-size: 80px;
margin-bottom: unset;
}
.onderhoud-abo .sub-area .h4 {
font-size: 20px;
color: rgba(49, 49, 49, 0.27);
}
.onderhoud-abo .sub-area .btn-primary {
position: relative;
}
.onderhoud-abo .sub-area .btn-primary::after {
position: absolute;
right: 14px;
top: 6px;
}
.onderhoud-abo .sub-area.has-selected .sub-wrapper {
opacity: 0.5;
}
.onderhoud-abo .sub-wrapper {
transition: all 0.5s ease;
padding: 40px 60px;
border: 1px solid #c3c3c3;
border-radius: 5px;
}
.onderhoud-abo .sub-wrapper:hover, .onderhoud-abo .sub-wrapper.selected {
border-color: #36a9e1;
opacity: 1 !important;
box-shadow: 0px 10px 40px #36a9e14d;
}
.onderhoud-abo .has-selected .option-wrapper {
opacity: 0.5;
}
.onderhoud-abo .has-selected .option-wrapper label {
font-weight: 400;
}
.onderhoud-abo .has-selected .option-wrapper.checked {
opacity: 1;
box-shadow: 0px 3px 6px #36a9e129;
}
.onderhoud-abo .option-wrapper {
transition: all 0.5s ease;
position: relative;
padding: 10px 20px;
border: 1px solid #c3c3c3;
border-radius: 5px;
background-color: white;
margin-bottom: 1rem;
}
.onderhoud-abo .option-wrapper:hover, .onderhoud-abo .option-wrapper.selected {
box-shadow: 0px 3px 6px #36a9e129;
border-color: #36a9e1;
}
.onderhoud-abo .option-wrapper label {
margin-bottom: unset;
}
.onderhoud-abo .option-right {
position:absolute;
text-align: right;
right: 15px;
top: 10px;
}
.abo-buy .btn-primary{
background-color: #36a9e1;
}
.abo-buy .gform_footer{
bottom: -79px!important;
}
.onderhoud-abo .option-info {
display: inline-block;
margin-left: 1rem;
width: 1em;
height: 1em;
margin-bottom: -0.2rem;
background-image: url(//schimmeltechniek.nl//wp-content/themes/schimmel-techniek/dist/images/svg/circle-info.svg);
cursor: pointer;
transition: all 0.5s ease;
}
.onderhoud-abo .option-info:hover {
transform: scale(1.2);
}
.onderhoud-abo .extra-area {
padding-top: 2rem;
}
@media screen and (min-width: 993px) {
.onderhoud-abo .row-lg-6 {
column-count: 6;
}
}
.onderhoud-abo .continue {
margin-top: 1rem;
}
.onderhoud-abo .continue a {
text-decoration: underline;
}
.onderhoud-abo .continue .btn {
margin-left: 2rem;
}
.onderhoud-abo + .cta img {
pointer-events: none;
}
.abo-buy + .cta img,
.onderhoud-abo + .cta img {
pointer-events: none;
}
.abo-buy .gfield input[type=checkbox] + label,
.onderhoud-abo .gfield input[type=checkbox] + label {
margin-top: 0!important;
}
.abo-buy .gfield input[type=checkbox] + label::before,
.onderhoud-abo .gfield input[type=checkbox] + label::before {
top: 11px;
background-color: #c3c3c3 !important;
}
.abo-buy input:not(.gfield input)[type=radio][type=checkbox],
.onderhoud-abo input:not(.gfield input)[type=radio][type=checkbox] {
appearance: none;
width: 1em;
height: 1em;
border: 0.1em solid;
display: inline-grid;
place-content: center;
margin-right: 0.5rem;
align-self: flex-start;
}
.abo-buy input:not(.gfield input)[type=radio][type=checkbox]::before,
.onderhoud-abo input:not(.gfield input)[type=radio][type=checkbox]::before {
content: "";
width: 0.7em;
height: 0.7em;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em #36a9e1;
}
.abo-buy input:not(.gfield input)[type=radio][type=checkbox]:checked::before,
.onderhoud-abo input:not(.gfield input)[type=radio][type=checkbox]:checked::before {
transform: scale(1);
}
.abo-buy .blue:not(.btn),
.onderhoud-abo .blue:not(.btn) {
color: #36a9e1;
}
.modal-text a {
text-decoration: underline;
}
.modal-dialog input[type=text], .abo-buy input[type=text] {
background-color: #EFF2F7 !important;
border: unset;
padding-left: 1rem;
}
.modal-dialog .gform_wrapper .gform_body .gform_fields .gfield, .abo-buy .gform_wrapper .gform_body .gform_fields .gfield {
padding-right: 40px;
}
.abo-buy {
font-weight: 300;
padding-bottom: 8rem;
}
.abo-buy .gform_wrapper .gform_body .gform_fields .gfield {
padding-left: unset;
padding-right: unset;
}
.abo-buy .relative {
position: relative;
}
.abo-buy .warning {
position: absolute;
bottom: 10px;
padding-left: unset;
}
.abo-buy .checkboxes a {
text-decoration: underline;
}
.abo-buy .checkboxes label {
display: inline;
font-size: 14px;
}
.abo-buy .checkboxes input {
margin-top: 0.5em;
}
.abo-buy-form {
padding: 45px 50px 75px;
box-shadow: 0px 3px 40px #0000001a;
}
.abo-buy-form .h2 {
padding-bottom: 2rem;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
margin-bottom: 1rem;
}
.abo-buy-form label {
margin-bottom: unset;
font-size: 16px;
}
.abo-buy-form p {
margin-bottom: unset;
}
.abo-buy .h4 {
font-size: 14px;
color: rgba(49, 49, 49, 0.27);
}
.abo-buy .choice {
padding-bottom: 2rem;
}
.abo-buy .choice .h2 {
margin-bottom: 40px;
}
.abo-buy .choice-item {
padding: 0px 20px;
padding-left: 37px;
background-image: url(//schimmeltechniek.nl//wp-content/themes/schimmel-techniek/dist/images/svg/circle-check.svg);
background-repeat: no-repeat;
background-size: 1em;
background-position: 13px;
background-color: rgba(124, 186, 50, 0.14);
border-radius: 5px;
width: 100%;
position: relative;
font-weight: bold;
}
.abo-buy .choice-item:not(:last-child) {
margin-bottom: 1rem;
}
.abo-buy .choice-right {
position: absolute;
right: 10px;
top: 0;
font-weight: 300;
}
.abo-buy .choice-text {
padding-bottom: 2rem;
}
.abo-buy .choice-text a {
text-decoration: underline;
}
@media screen and (max-width: 992px) {
.onderhoud-abo{
padding-bottom:3rem;
}
.onderhoud-abo .sub-wrapper {
padding: 30px 30px;
margin-bottom: 1rem;
}
.onderhoud-abo .continue .btn {
margin: 1rem auto;
}
.onderhoud-abo h3 {
font-size: 26px;
}
.onderhoud-abo .h2 {
font-size: 30px;
}
.onderhoud-abo .brands-row .brand-item {
padding: 0 15px;
width: calc(100% /2);
}
.abo-buy .warning {
position: inherit;
font-size: 12px;
}
.abo-buy-form {
padding: 45px 30px;
padding-bottom:80px;
}
.abo-buy .choice-item {
font-size: 16px;
}
.abo-buy .choice-right {
font-size: 14px;
}
}
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 30px;
font-size: 17px;
}
.abo-buy .gfield_required{
display: inline-flex!important;
}
#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.abo-top a{
text-decoration: underline;
color: #36a9e1;
}
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
.btn-pdf .df-popup-button{
margin: auto;
}