/* ===================================== Footer =================================== */
.footer-primary {
    ul {

        li {
            transition: var(--animation-300);

            .menu-title {
                font-weight: 400!important;
            }

            &:first-child {
                .menu-title {
                    font-weight: 600!important;
                }
            }

            & a:hover {
                text-decoration: underline;
                transition: var(--animation-300);
            }
        }
    }
    padding-top: 200px;
    position: relative;
    z-index: 1;
    #c2466 img {
        width: 250px;
    }
}

/* ===================================== Subfooter ==> Settings =================================== */
.footer-secondary {
    padding: 0;
    background: transparent;
    .subfooter-data-wrapper {
        margin-block-start: 60px;
        padding-block: 30px;
        border-top: 1px solid rgba(255, 255, 255, 0.66);
    }
}

.lipidtech, .template-lipidtech {
    .footer-primary {
        background: var(--bg-gradient-yellow);
        .title {
            margin-bottom: 0px;
            font-size: var(--font-size-h5);
            color: var(--hf-dark-800);
            font-weight: 700;
            text-transform: capitalize;
            margin-bottom: 10px;
        }
        strong, p, td {
            color: var(--hf-dark-800);
        }
        a {
            color: var(--hf-dark-800)!important;

        & strong {
              color: var(--hf-dark-800)!important;
          }
        }
        ul {
            li {
                margin-bottom: 10px;
                &::before {
                    background-image: none;
                }
            }
        }
    }
    .footer-secondary {
        color: var(--hf-dark-800);
        .subfooter-data-wrapper {
            color: var(--hf-dark-800);
            border-top: 1px solid rgba(0, 0, 0, 0.30);;
        }
    }
}

.foodtech {
    .footer-primary {
        background: var(--bg-gradient-blue);
        padding-block-end: 0px;
        .ce-accordion {
            h5 {
                color: var(--hf-white-100);
                text-transform: none;
                font-size: var(--font-size-h5);
                font-weight: 700;
            }
            & .card {
                & .card-header {
                    & .icon {
                        .icon-inner::before {
                            background-image: url('../Icons/accordion_arrow_white.svg');
                        }
                    }
                }
            }
        }
    }
}

:root:not(:has(.--formular-out-wrapper)) .footer-primary {
    padding-top: 100px;
}