﻿

summary::-webkit-details-marker {
}

body {
    font-family: "Inter";
}

main {
    font-size: calc(100% + 0.2vw) !important;
    font-weight: 300;

    .button, .btn {
        font-size: 0.9em !important;
        font-weight: 400;
    }
}




.text-sm {
    font-weight: 300 !important;
    font-size: 1em !important;
}

.text-footer {
    line-height: 1.3em;
    font-weight: 300 !important;
    font-size: 1.1em !important;
}

/* h2 {
    font-size: 1.3em !important;
} */

footer h2 {
    font-weight: 500;
}

/* h3 {
    font-weight: 500 !important;
    font-size: 1.8em !important;
} */

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}




.ul-check > li > p::before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    color: #ffce00;
    content: '';
    -webkit-mask: url(/svgs/lbzbwcheck.svg) no-repeat 50% 50%;
    mask: url(/svgs/lbzbwcheck.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: currentColor
}

.ul-check > li
{
    padding-top: 15px;
}

.ul-check > li > p {
    position: relative;
    padding-left: 2rem
}

.ul-check-light > li > p::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    color: #ffce00;
    content: '';
    -webkit-mask: url(/svgs/lbzbwcheck.svg) no-repeat 50% 50%;
    mask: url(/svgs/lbzbwcheck.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: currentColor
}

.ul-check-light > li > p {
    position: relative;
    padding-left: 2rem
}

/*.ul-check-x > li > p::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    color: var(--action);
    content: '';
    -webkit-mask: url(/wp-content/uploads/2024/03/x-regular.svg) no-repeat 50% 50%;
    mask: url(/wp-content/uploads/2024/03/x-regular.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: currentColor
}

.ul-check-x > li > p {
    position: relative;
    padding-left: 2rem
}
*/

.input-validation-error{
    border: 2px solid red !important;
}


html {
    background-color: #f5f3ee !important;
}
