/**
 * SEO heading semantics only. These classes retain original heading sizes
 * when the markup changes from H4/H5 to H2/H3 or to non-heading labels.
 * No layout, color palette, animation or component structure is changed.
 */

.seo-visual-h1,
.seo-visual-h2,
.seo-visual-h3,
.seo-visual-h4,
.seo-visual-h5,
.seo-visual-h6 {
    display: block;
    font-family: var(--heading-font);
    font-weight: 600;
    line-height: 1.2;
    margin-top: 0;
}

.seo-visual-h1 {
    font-size: 40px;
}

.seo-visual-h2 {
    font-size: 35px;
}

.seo-visual-h3 {
    font-size: 28px;
}

.seo-visual-h4 {
    font-size: 22px;
}

.seo-visual-h5 {
    font-size: 18px;
}

.seo-visual-h6 {
    font-size: 16px;
}

/* Repeated carousel titles retain the same styling as the first H1. */
.hero-single .hero-content p.hero-title {
    font-family: var(--heading-font);
    line-height: 1.2;
}

/* Existing CSS targeted tag names. Keep those exact visual rules. */
.destination-info h3.seo-visual-h4 a {
    color: var(--color-dark);
    font-size: 20px;
}

.destination-info h3.seo-visual-h4 a:hover {
    color: var(--theme-color);
}

.blog-item-info h3.seo-visual-h4 a,
.blog-item-info h2.seo-visual-h4 a {
    color: var(--color-dark);
}

.blog-item-info h3.seo-visual-h4 a:hover,
.blog-item-info h2.seo-visual-h4 a:hover {
    color: var(--theme-color);
}

.listing-included h3.seo-visual-h5,
.listing-notincluded h3.seo-visual-h5 {
    margin-bottom: 15px;
}

.itinerary-single-box h3.seo-visual-h3 {
    display: block;
    font-size: 21px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 10px;
}

.cta-content .cta-text h2.seo-visual-h1 {
    color: var(--color-dark);
    font-size: 35px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.footer-call-info p.seo-visual-h6 {
    color: var(--footer-text-color);
    font-weight: 700;
}

.about-item .content p.seo-visual-h6 {
    color: var(--color-dark);
    font-size: 18px;
    margin-bottom: 5px;
}

@media all and (max-width: 1399px) {
    .destination-info h3.seo-visual-h4 {
        font-size: 23px;
    }
}