/* Typography */

/* Modifiers */
.cds-uppercase {
    text-transform: uppercase;
}

.cds-lowercase {
    text-transform: lowercase;
}

.cds-capitalize {
    text-transform: capitalize;
}

.cds-font-thin {
    font-weight: 100;
}

.cds-font-extralight {
    font-weight: 200;
}

.cds-font-light {
    font-weight: 300;
}

.cds-font-normal {
    font-weight: 400;
}

.cds-font-medium {
    font-weight: 500;
}

.cds-font-semibold {
    font-weight: 600;
}

.cds-font-bold {
    font-weight: 700;
}

.cds-font-extrabold {
    font-weight: 800;
}

.cds-font-black {
    font-weight: 900;
}

/* Headlines */
h1 {
    display: block;
    font-style: normal;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0;
}

h2 {
    display: block;
    font-style: normal;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0;
}

h3 {
    display: block;
    font-style: normal;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0;
}

h4 {
    display: block;
    font-style: normal;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0;
}

h5 {
    display: block;
    font-style: normal;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0;
}

h6 {
    display: block;
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0;
}

/* Texts */
p {
    margin: 16px 0 16px 0;
}

.cds-weight-100 {
    font-weight: 100;
}

.cds-weight-200 {
    font-weight: 200;
}

.cds-weight-300 {
    font-weight: 300;
}

.cds-weight-400 {
    font-weight: 400;
}

.cds-weight-500 {
    font-weight: 500;
}

.cds-weight-600 {
    font-weight: 600;
}

.cds-weight-700 {
    font-weight: 700;
}

.cds-weight-800 {
    font-weight: 800;
}

.cds-weight-900 {
    font-weight: 900;
}

.cds-subtitle {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0;
}

.cds-subtitle-small {
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 0;
}

.cds-body-text {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
}

.cds-body-text-small {
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0;
}

.cds-body-text-x-small {
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.cds-caption {
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
}

.cds-overline {
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
}

.cds-overline-md {
    font-style: normal;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
}

/* Buttons texts */
.cds-button-text {
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.cds-button-text-xl {
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.cds-button-text-sm {
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Menu texts */
.cds-menu-item {
    display: block;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0;
}

.cds-submenu-title {
    display: block;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.cds-submenu-item {
    display: block;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase;
}

.cds-submenu-item-focus {
    display: block;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase;
}

.cds-widget-text {
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -0.022em;
}

.cds-cds-widget-input-placeholder-text {
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.03em;
}

.cds-widget-msg-counter-text {
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

/* Forms */
.cds-label-text {
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
}

.cds-label-text-sm {
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
}

.cds-input-text {
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
}

.cds-file-selector-button {
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
}

/* Accordion */
.cds-section-text {
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.03em;
}

/* Tags */
.cds-tag-text {
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.038em;
}

/* Page Title */
.cds-page-title {
    margin: 4px 0;
}

.cds-page-title h4 {
    display: block;
    font-style: normal;
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.cds-page-title-tilted {
    margin-left: 300px;
}

.cds-page-title-tilted h4 {
    display: block;
    font-style: normal;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 16px 0;
}