/**
 * Rolex collection typography utilities (headline / body / fixed).
 * CON-5b: extracted from rolex-index-welcome.css; loaded on all rolex-base pages.
 * @see dev-doc/rolex_shared_assets_consolidation_plan.html#con5b-rollback
 */

.rolex-wrapper .rolex-collection-headline16,
.rolex-wrapper .rolex-collection-headline20,
.rolex-wrapper .rolex-collection-headline24,
.rolex-wrapper .rolex-collection-headline36,
.rolex-wrapper .rolex-collection-headline50 {
    color: #472b20;
    font-weight: 700;
}

.rolex-wrapper .rolex-collection-headline16:first-child,
.rolex-wrapper .rolex-collection-headline20:first-child,
.rolex-wrapper .rolex-collection-headline24:first-child,
.rolex-wrapper .rolex-collection-headline36:first-child,
.rolex-wrapper .rolex-collection-headline50:first-child {
    padding-top: 0;
}

.rolex-wrapper .rolex-collection-headline16 {
    font-size: clamp(0.75rem, calc(0.625rem + 0.3125vw), 1rem);
    line-height: 1.375;
}

.rolex-wrapper .rolex-collection-headline20 {
    font-size: clamp(1.125rem, calc(1.0625rem + 0.1563vw), 1.25rem);
    line-height: 1.6;
}

.rolex-wrapper .rolex-collection-headline24 {
    font-size: clamp(1.25rem, calc(1.15rem + 0.25vw), 1.5rem);
    line-height: 1.4;
}

.rolex-wrapper .rolex-collection-headline50 {
    font-size: clamp(1.875rem, calc(1.25rem + 1.5625vw), 3.125rem);
    line-height: 1.2;
}

.rolex-wrapper .rolex-collection-quote50,
.rolex-wrapper .rolex-collection-quote50-normal {
    font-family: Georgia, "Times New Roman", Times, "微軟正黑體", "Microsoft JhengHei", "Heiti TC", "LiHei Pro", "微软雅黑", "Microsoft YaHei", "新細明體", PMingLiU, serif;
    color: #212121;
    font-weight: 700;
    font-size: clamp(1.875rem, calc(1.25rem + 1.5625vw), 3.125rem);
    line-height: 1.2;
}

.rolex-wrapper .rolex-collection-quote50.weight400 {
    font-weight: 400;
}

.rolex-wrapper .rolex-collection-headline36 {
    font-size: clamp(1.5rem, calc(1.25rem + 0.875vw), 2.25rem);
    line-height: 1.24;
}

.rolex-wrapper .rolex-collection-fixed16 {
    font-size: 16px;
    line-height: 1.1em;
    color: #472b20;
}

.rolex-wrapper .rolex-collection-body16 {
    color: #212121;
    font-size: clamp(0.75rem, calc(0.625rem + 0.3125vw), 1rem);
    line-height: 1.375;
}

.rolex-wrapper .rolex-collection-body20 {
    color: #212121;
    font-size: clamp(1.125rem, calc(1.0625rem + 0.1563vw), 1.25rem);
    line-height: 1.6;
}

.rolex-wrapper .rolex-collection-body24 {
    color: #212121;
    font-size: clamp(1.25rem, calc(1.15rem + 0.25vw), 1.5rem);
    line-height: 1.4;
}

.rolex-wrapper .rolex-collection-body20.brown,
.rolex-wrapper .rolex-collection-body20 strong,
.rolex-wrapper .rolex-collection-body24.brown,
.rolex-wrapper .rolex-collection-body16.brown {
    color: #472b20;
}

.rolex-wrapper .rolex-collection-fixed16 *,
.rolex-wrapper .rolex-collection-body12 *,
.rolex-wrapper .rolex-collection-body14 *,
.rolex-wrapper .rolex-collection-body16 *,
.rolex-wrapper .rolex-collection-body20 *,
.rolex-wrapper .rolex-collection-body24 *,
.rolex-wrapper .rolex-collection-body30 *,
.rolex-wrapper .rolex-collection-fixed14 *,
.rolex-wrapper .rolex-collection-fixed22 *,
.rolex-wrapper .rolex-collection-headline16 *,
.rolex-wrapper .rolex-collection-headline20 *,
.rolex-wrapper .rolex-collection-headline24 *,
.rolex-wrapper .rolex-collection-headline36 *,
.rolex-wrapper .rolex-collection-headline50 *,
.rolex-wrapper .rolex-collection-quote50 *,
.rolex-wrapper .rolex-collection-quote50-normal * {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.rolex-wrapper .rolex-collection-body12,
.rolex-wrapper .rolex-collection-body14,
.rolex-wrapper .rolex-collection-body16,
.rolex-wrapper .rolex-collection-body20,
.rolex-wrapper .rolex-collection-body24,
.rolex-wrapper .rolex-collection-body30 {
    color: #212121;
}

.rolex-wrapper .rolex-common-buttonlabel {
    font-size: 16px;
    line-height: 1.3em;
}

@media only screen and (max-width: 767px) {
    .rolex-wrapper .rolex-common-buttonlabel {
        font-size: 14px;
        line-height: 1.3em;
    }
}

.rolex-wrapper .rolex-collection-text > .rolex-collection-body20,
.rolex-wrapper .rolex-collection-text > .rolex-collection-headline50 + .rolex-collection-body20,
.rolex-wrapper .rolex-collection-text > .rolex-collection-headline36 + .rolex-collection-body20,
.rolex-wrapper .rolex-collection-text > .rolex-collection-headline24 + .rolex-collection-body20,
.rolex-wrapper .rolex-collection-text > .rolex-collection-headline20 + .rolex-collection-body20,
.rolex-wrapper .rolex-collection-text > .rolex-collection-headline16 + .rolex-collection-body20 {
    padding-top: 24px;
}