/* =========================================================
   Merklettertype: Omnes (site-breed beschikbaar)
   Paden relatief t.o.v. dit bestand (assets/css/).
   ========================================================= */
@font-face {
    font-family: "Omnes";
    src: url("../fonts/Omnes Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Omnes";
    src: url("../fonts/Omnes Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Omnes";
    src: url("../fonts/Omnes SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Omnes";
    src: url("../fonts/Omnes Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Knop animatie */
@keyframes left-to-right-repeating {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(4px); }
    100% { transform: translateX(0); }
}

.animate-icon-btn:hover .elementor-button-icon {
    animation: left-to-right-repeating 2s infinite forwards;
}

.animate-icon-btn .elementor-button-icon {
    transition: transform 0.3s ease;
}

.elementor-button-content-wrapper .elementor-button-icon {
    margin-top: .3px;
}

#button-arrow span.elementor-button-text {
    margin-top: .4px;
}

/* Breadcrumbs */
#breadcrumbs a {
    font-weight: 400;
    font-size: 13px;
}

#breadcrumbs .sep > img {
    height: 9px;
    width: 20px;
}

/* Lijststijlen */
.list-lead-today ul {
    list-style: none;
    padding-left: 0;
}

.list-lead-today ul li {
    background: url('https://www.leadtoday.nl/wp-content/uploads/2024/09/link-arrow-right-orange.svg') no-repeat left top 11px;
    background-size: 12px 12px;
    padding-left: 2.4em;
}

.lt-list ul {
    list-style: none;
    padding-left: 0;
}

.lt-list ul li {
    background: url('/wp-content/themes/hello-theme-child-master/assets/images/link-arrow-right-orange.svg') no-repeat left top 11px;
    background-size: 12px 12px;
    padding-left: 2.4em;
}

/* Klantenbalk animatie */
.customers-slider .swiper-wrapper {
    width: 100%;
    animation: scroll-left 130s linear infinite;
}

@keyframes scroll-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Quote decoratie */
.quote-title::before {
    width: 116px;
    height: 96px;
    position: absolute;
    top: -50px;
    left: -85px;
    content: "";
    background: url('/wp-content/themes/hello-theme-child-master/assets/images/icon-quote.svg') 50%/contain no-repeat;
    z-index: 1;
}

.quote-title .elementor-widget-container {
    z-index: 2;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .quote-title::before {
        width: 91px;
        height: 75px;
        position: absolute;
        left: 33%;
    }
}

/* Onderlijn-effect op koppen */
.head-underline:before {
    content: '';
    width: 100%;
    height: 5px;
    background: #FC4C02;
    position: absolute;
    bottom: 3px;
    z-index: 0;
    left: 0;
}

.head-underline {
    z-index: 2;
    position: relative;
}

.head-underline span {
    z-index: 3;
    position: relative;
}

/* Mobiel menu */
.mobile-menu .sub-menu .menu-item {
    padding-left: 10px !important;
}

/* Groeimodel hover */
.groeimodel-item {
    opacity: 0 !important;
    transition: all 400ms !important;
}

.groeimodel-item:hover {
    opacity: 1 !important;
}

/* Footer links */
.footer-link-blue,
.footer-link {
    display: inline-block;
}

.footer-link-blue::after,
.footer-link::after {
    content: "";
    display: block;
    height: 1px;
    background-color: #fff;
}

.footer-link-blue::after {
    background-color: #0293B1;
}

/* Utility */
.mt-auto {
    margin-top: auto;
}