/* ==========================================================================
   Type scale for the public (home) pages.

   The theme hardcodes large pixel sizes throughout, so this file steps the
   whole scale down by roughly 12-25% in one place rather than editing
   style.css. Load it after the theme stylesheets.

   `html` is deliberately left alone so that rem-based sizes (the index hero,
   for example) keep their intended proportions.
   ========================================================================== */

body {
    font-size: 13.5px;
    line-height: 1.7;
}

p {
    margin: 0 0 20px;
    line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
}

h1 {
    font-size: 38px;
    line-height: 48px;
}

h2 {
    font-size: 30px;
    line-height: 40px;
}

h3 {
    font-size: 23px;
    line-height: 34px;
}

h4 {
    font-size: 20px;
    line-height: 30px;
}

h5 {
    font-size: 18px;
    line-height: 26px;
}

h6 {
    font-size: 16px;
    line-height: 24px;
}

/* --- section titles ----------------------------------------------------- */

.sec-title .title,
.sec-title2 .title {
    font-size: 27px;
    line-height: 36px;
}

.sec-title .title.title4,
.sec-title .title.title3.small {
    font-size: 22px;
    line-height: 30px;
}

.sec-title .sub-text,
.sec-title3 .sub-text {
    font-size: 13.5px;
    line-height: 24px;
}

.sec-title .sub-text.big {
    font-size: 15px;
}

.sec-title .sub-text.small,
.sec-title3 .sub-title {
    font-size: 13px;
}

.sec-title .title-inner .title-small {
    font-size: 15px;
    line-height: 23px;
}

/* --- buttons ------------------------------------------------------------ */

.readon {
    font-size: 14.5px;
    line-height: 24px;
}

.readon.consultant {
    padding: 14px 28px;
}

.readon.consultant.discover,
.readon.consultant.blue-view {
    padding: 12px 30px;
}

/* --- page banners ------------------------------------------------------- */

.rs-breadcrumbs .breadcrumbs-inner {
    padding: 240px 0 130px;
}

.rs-breadcrumbs .breadcrumbs-inner .page-title {
    font-size: 34px;
    line-height: 44px;
}

.rs-breadcrumbs .breadcrumbs-inner .page-title .watermark {
    font-size: 130px;
}

.rs-breadcrumbs .breadcrumbs-inner .sub-text {
    font-size: 14.5px;
    line-height: 26px;
}

.rs-breadcrumbs .breadcrumbs-inner ul li {
    font-size: 12.5px;
}

@media (max-width: 767px) {
    .rs-breadcrumbs .breadcrumbs-inner {
        padding: 170px 0 80px;
    }

    .rs-breadcrumbs .breadcrumbs-inner .page-title {
        font-size: 26px;
        line-height: 34px;
    }

    .rs-breadcrumbs .breadcrumbs-inner .page-title .watermark {
        font-size: 80px;
    }
}

/* --- footer ------------------------------------------------------------- */

.rs-footer.style1 .footer-top .footer-title {
    font-size: 17px;
}

.rs-footer.style1 .footer-top .site-map li a,
.rs-footer.style1 .footer-top .address-widget li .desc {
    font-size: 13px;
}

.rs-footer.style1 .footer-top .address-widget li i:before {
    font-size: 17px;
}

.rs-footer.style1 .footer-bottom .copyright p,
.rs-footer.style1 .footer-bottom .copy-right-menu li a {
    font-size: 13px;
}

/* --- cards and repeated components -------------------------------------- */

.rs-pricing.style1 .pricing-table .pricing-table-header .table-title {
    font-size: 18px;
    line-height: 26px;
}

.rs-pricing.style1 .pricing-table .pricing-table-price .pricing-table-bags .table-price-text {
    font-size: 62px;
}

.rs-pricing.style1 .pricing-table .pricing-table-price .pricing-table-bags .pricing-currency {
    font-size: 18px;
}

.rs-pricing.style1 .pricing-table .pricing-table-price .pricing-table-bags .table-period {
    font-size: 13px;
}

.rs-faq .faq-content .accordion .card .card-header .card-link {
    font-size: 15px;
    padding: 18px 30px 0 30px;
    height: 58px;
}

.rs-faq .faq-content .accordion .card .card-body {
    font-size: 13.5px;
}

.rs-counter.style1 .counter-area .counter-list .counter-number .rs-count {
    font-size: 36px;
    line-height: 46px;
}

/* --- phones --------------------------------------------------------------
   responsive.css sets its own mobile sizes before this file loads, so the
   small-screen end of the scale is restated here. */

@media only screen and (max-width: 767px) {
    .rs-my-account .title,
    .sec-title3 .title,
    .sec-title .title.title3,
    .sec-title2 .title,
    .sec-title .title {
        font-size: 21px;
        line-height: 30px;
    }

    h1 {
        font-size: 28px;
        line-height: 38px;
    }

    h2 {
        font-size: 23px;
        line-height: 32px;
    }

    h3 {
        font-size: 19px;
        line-height: 28px;
    }

    h4 {
        font-size: 17px;
        line-height: 26px;
    }

    .rs-pricing.style1 .pricing-table .pricing-table-price .pricing-table-bags .table-price-text {
        font-size: 48px;
    }
}