/* Custom mobile css rules */
@media screen and (max-width: 768px) {
    .uk-button-large {
        font-size: 13px;
        padding: 0 25px;
    }
    .uk-text-small {
        font-size: 11px;
    }
    html {
        font-size: 13px;
    }
    #hosting-info .uk-list li, #strippenkaart-info .uk-list li {
        font-size: 10px;
    }
    #hosting-info .uk-list li img, #strippenkaart-info .uk-list li img {
        width: 15px;
    }
    #hosting-info .uk-padding, #strippenkaart-info .uk-padding {
        padding: 10px !important;
    }
}
/* Einde mobiel */

.tm-header .uk-navbar-nav li:last-child a {
    position: relative;
    background-color: #e6c182;
    color: #ffffff;
    padding: 5px 15px;
    vertical-align: middle;
    margin-top: -5px;
    border-radius: 40px;
    display: inline-block;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    transform: scale(1) rotate(0deg);
}

/* Animatie via pseudo-element */
.tm-header .uk-navbar-nav li:last-child {
    animation: trillenRoteren 7s infinite;
}

/* Hover-effect met transitie */
.tm-header .uk-navbar-nav li:last-child a:hover {
    background-color: #ff6d1f;
    transform: rotate(2deg) scale(1.05);
}

/* Aangepaste animatie */
@keyframes trillenRoteren {
    0%, 96%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    97% {
        transform: translate(2px, 1px) rotate(2deg);
    }
    98% {
        transform: translate(-2px, 1px) rotate(-2deg);
    }
    99% {
        transform: translate(2px, -1px) rotate(2deg);
    }
}
button.uk-modal-close-outside.uk-icon.uk-close {
    background-color: #2E4A4D;
    padding: 15px;
    margin-right: 22px;
    margin-top: 22px;
}

.uk-modal.uk-open {
    cursor: url(/wp-content/uploads/2024/10/Kruis-goud.svg), auto;
}
.uk-modal.uk-open .uk-modal-dialog {
    cursor: auto;
}
/* Gratis weggever pagina's overbodige elementen weghalen */
.page-id-347 .uk-navbar-nav, .page-id-347 footer, .page-id-1073 .uk-navbar-nav, .page-id-1073 footer, 
.page-id-347 .tm-header-mobile .uk-navbar-right, .page-id-1073 .tm-header-mobile .uk-navbar-right, .page-id-1831 .uk-navbar-nav, .page-id-1831 footer, .page-id-1831 .tm-header-mobile .uk-navbar-right,
.page-id-2098 footer, .page-id-2098 .tm-header-mobile .uk-navbar-right, .page-id-2098 .uk-navbar-nav, .page-id-2060 footer, .page-id-2060 .tm-header-mobile .uk-navbar-right, .page-id-2060 .uk-navbar-nav{
    display: none;
}
#gratis-website-check .gform_required_legend {
    display: none;
}
.gform-theme--api, .gform-theme--foundation {
    --gf-form-gap-y: 15px;
    --gf-form-footer-margin-y-start: 20px;
}

input.gform_button {
--gf-local-bg-color: #ff6d1f !important;
}
.gdpr_lightbox.gdpr_lightbox-opened {
    z-index: 9999999;
  }

  li.website_winstkit.menu-item a:after {
    content: "Nieuw";
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2e4a4e;
    color: #ffffff;
    border-radius: 10px;
}
.gform_required_legend {
    display: none;
}

.uk-progress.helft:after {
    content: '50%';
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -20px;
    font-size: 13px;
    color: #2E4A4D;
    font-weight: bold;
}