/* body smoothing */

body, button {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

/* responsive video fix */
.e-div-block {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 !important;
}

.elementor-widget-theme-post-content figure.wp-block-embed {
    width: 100% !important;
    margin: 0 0 16px 0 !important;
}

.elementor-widget-theme-post-content .wp-block-embed__wrapper {
    width: 100% !important;
    display: block !important;
}

.elementor-widget-theme-post-content .wp-block-embed__wrapper iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    display: block !important;
}

/* text */

p + p {
    margin-top: 1.25em;
}


/* Universal base styles */
.animated-underline {
    position: relative;
    display: inline-block;
    text-decoration: none;
}




/* Create the underline element - works for all elements */
.animated-underline::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.34, 1.0, 0.64, 1);
}


.contact-content .animated-underline::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.34, 1.0, 0.64, 1);
}

/* Animate on hover */
.animated-underline:hover::after {
    transform: scaleX(1);
}

/* Specific styles for links */
a.animated-underline {
    position: relative;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

a.animated-underline:visited {
    color: inherit;
}

/* Specific styles for paragraphs */
p.animated-underline {
    position: relative;
    display: inline-block;
}

/* For span elements */
span.animated-underline {
    position: relative;
    display: inline-block;
}

/* For div elements */
div.animated-underline {
    position: relative;
    display: inline-block;
}

/* For button elements */
button.animated-underline {
    position: relative;
    display: inline-block;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
    color: inherit;
}