/* ===========================================================================
 * QA 2 Nov, 3.1 Heading levels: titles that were H4 straight under an H2
 * are now printed as <h3 class="cx-h4"> (inc/heading-levels.php). These are
 * the site's H4 rules, repeated for h3.cx-h4 in the same order and media
 * queries, so the titles keep exactly the look they had as H4s.
 *
 * Generated from the loaded stylesheets (Bootstrap, css/style.css,
 * css/design-system.css, the Ultimate FAQ plugin). When an H4 rule changes
 * in one of those files, change its twin here too.
 * ======================================================================== */

/* from css/bootstrap.min.css */
h3.cx-h4 {
    margin-top: 0px;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h3.cx-h4 {
    font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
    h3.cx-h4 {
        font-size: 1.5rem;
    }
}

/* from css/style.css */
h3.cx-h4 {
    font-size: 24px;
    font-weight: 700;
}
.tab-features h3.cx-h4 {
    font-size: 20px;
}
.process-tab h3.cx-h4 {
    font-size: 14px;
    font-weight: 700;
    color: rgb(46, 46, 46);
    margin-bottom: 5px;
}
.process-tab h3.cx-h4 span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: rgb(128, 128, 128);
    padding-top: 5px;
}
.expand-text h3.cx-h4 {
    display: none;
    color: rgb(255, 255, 255);
}
.portfolio-content h3.cx-h4 img {
    max-width: 20px;
}
.portfolio-info-sec h3.cx-h4 {
    font-size: 20px;
    margin-bottom: 15px;
}
.portfolio-content h3.cx-h4 a {
    color: rgb(46, 46, 46);
}
.detail-info-tab h3.cx-h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.work-tab h3.cx-h4 {
    font-size: 20px;
    font-weight: 700;
    color: rgb(46, 46, 46);
    margin-bottom: 5px;
}
.country-had h3.cx-h4 {
    font-size: 18px;
}
.testi-project h3.cx-h4 {
    color: rgb(255, 255, 255);
}
.testi-project h3.cx-h4 span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.team-tab h3.cx-h4 {
    font-size: 22px;
    font-weight: 700;
    color: rgb(46, 46, 46);
}
.team-tab h3.cx-h4 span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: rgb(40, 77, 145);
    padding-top: 5px;
}
.blog-tab h3.cx-h4 {
    font-size: 22px;
}
.blog-tab h3.cx-h4 span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: rgb(40, 77, 145);
    margin-bottom: 5px;
}
.blog-author h3.cx-h4 {
    margin-bottom: 0px;
}
.blog-author h3.cx-h4 span {
    font-size: 18px;
    font-weight: 500;
    color: rgb(152, 152, 152);
    padding-bottom: 0px;
}
.faqs-area .ewd-ufaq-faq-title h3.cx-h4 {
    font-size: 18px;
    font-weight: 700;
    color: rgb(46, 46, 46);
    margin: 0px !important;
}
.pricing-info h3.cx-h4 {
    color: rgb(49, 87, 150);
    font-size: 18px;
    font-weight: 700;
    margin: 0px 0px 10px;
}
.pricing-info h3.cx-h4 a {
    color: rgb(49, 87, 150);
}
@media (max-width: 767px) {
    .faqs-area .ewd-ufaq-faq-title h3.cx-h4 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .tab-features h3.cx-h4 {
        font-size: 16px;
    }
}
@media (max-width: 575.98px) {
    h3.cx-h4 {
        font-size: 19px;
    }
}
@media (max-width: 575.98px) {
    .portfolio-area .slick-slider h3.cx-h4 {
        font-size: 17px;
    }
}
@media (max-width: 575.98px) {
    .process-tab h3.cx-h4 {
        font-size: 14px;
    }
}
@media (max-width: 575.98px) {
    .team-tab h3.cx-h4 {
        font-size: 20px;
    }
}
@media (max-width: 575.98px) {
    .team-tab h3.cx-h4 span {
        font-size: 16px;
    }
}
@media (max-width: 575.98px) {
    .detail-info-tab h3.cx-h4 {
        font-size: 18px;
    }
}
@media (max-width: 575.98px) {
    .testimonials-area .info h3.cx-h4 {
        font-size: 15px;
    }
}
@media (max-width: 575.98px) {
    .blog-tab h3.cx-h4 {
        font-size: 18px;
    }
}
@media (max-width: 575.98px) {
    .blog-tab h3.cx-h4 span {
        font-size: 14px;
    }
}
@media (max-width: 575.98px) {
    body.portfolio-template-default .portfolio-tab .info h3.cx-h4 {
        font-size: 19px;
    }
}
@media (max-width: 575.98px) {
    .expand-text h3.cx-h4 {
        display: block;
    }
}
@media (max-width: 475.98px) {
    .portfolio-content h3.cx-h4 {
        font-size: 20px;
    }
}
@media (max-width: 475.98px) {
    .faqs-area .ewd-ufaq-faq-title h3.cx-h4 {
        font-size: 15px;
    }
}
@media (max-width: 475.98px) {
    .tab-features h3.cx-h4 {
        font-size: 14px;
    }
}

/* from css/design-system.css */
@media (max-width: 767.98px) {
    h3.cx-h4 {
        font-size: var(--cx-h4);
    }
}
@media (max-width: 767.98px) {
    .portfolio-tab .portfolio-content h3.cx-h4,
    .blog-tab .info h3.cx-h4 {
        font-size: var(--cx-h3);
    }
}
@media (max-width: 767.98px) {
    .process-tab .info h3.cx-h4,
    .process-tab h3.cx-h4 {
        display: block;
        color: var(--cx-text);
    }
}
.process-tab h3.cx-h4 span {
    font-size: var(--cx-small);
}
.portfolio-slider .info h3.cx-h4,
.testimonials-area .info h3.cx-h4,
.process-tab .info h3.cx-h4 {
    margin: 0px 0px 8px;
    font-size: var(--cx-h3);
    font-weight: 700;
    line-height: 1.3;
    color: var(--cx-text);
}
.portfolio-slider .info h3.cx-h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.testimonials-area .info h3.cx-h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}
.content-area .default-tab.tab-features h3.cx-h4,
.pricing-info h3.cx-h4 {
    margin: 0px 0px 8px;
    font-size: var(--cx-h3);
    font-weight: 700;
    line-height: 1.3;
    color: var(--cx-text);
}
.pricing-info h3.cx-h4 a {
    color: inherit;
}
.faqs-area .ewd-ufaq-faq-title h3.cx-h4 {
    font-size: var(--cx-h4);
}
.process-tab h3.cx-h4 span {
    color: var(--cx-text-muted);
}

/* from the Ultimate FAQ plugin (ewd-ufaq.css) */
.ewd-ufaq-faq-title h3.cx-h4 {
    display: inline-block;
    margin: 5px !important;
}