/*
Theme Name:   Quant
Theme URI:    https://example.com/
Description:  Child theme for Twenty Twenty-Five
Author:       YNY Solutions Inc.
Author URI:   https://example.com/
Template:     twentytwentyfive
Version:      1.4.140
Text Domain:  quant
*/


/* CSS Variables */
:root {

    /* Font  */
    --font-family-primary: 'Zalando Sans', sans-serif;

    /* Typography */

    /* Paragraph */
    --body-i-font-size: 20px;
    --body-i-line-height: 140%;

    --body-m-font-size: 18px;
    --body-m-line-height: 160%;

    --body-s-font-size: 16px;
    --body-s-line-height: 140%;

    --body-xs-font-size: 14px;
    --body-xs-line-height: 140%;

    --body-xxs-font-size: 12px;
    --body-xxs-line-height: 140%;

    /* Headings */
    --h1-font-size: 80px;
    --h1-line-height: 100%;

    --h2-font-size: 64px;
    --h2-line-height: 100%;

    --h3-font-size: 32px;
    --h3-line-height: 110%;

    --h4-med-font-size: 24px;
    --h4-med-line-height: 140%;

    --h5-font-size: 20px;
    --h5-line-height: 140%;

    /* Mobile Typography */

    /* Paragraph */
    --mobile-body-i-font-size: 20px;
    --mobile-body-i-line-height: 140%;

    --mobile-body-m-font-size: 18px;
    --mobile-body-m-line-height: 160%;

    --mobile-body-s-font-size: 16px;
    --mobile-body-s-line-height: 140%;

    --mobile-body-xs-font-size: 14px;
    --mobile-body-xs-line-height: 140%;

    --mobile-body-xxs-font-size: 12px;
    --mobile-body-xxs-line-height: 140%;

    /* Headings */
    --mobile-h1-font-size: 40px;
    --mobile-h1-line-height: 100%;

    --mobile-h2-font-size: 40px;
    --mobile-h2-line-height: 100%;

    --mobile-h3-font-size: 32px;
    --mobile-h3-line-height: 140%;

    --mobile-h4-med-font-size: 24px;
    --mobile-h4-med-line-height: 140%;

    --mobile-h5-font-size: 20px;
    --mobile-h5-line-height: 140%;


    /* Colors */
    --black: #000000;
    --white: #FFFFFF;
    --gray: #DDDCE5;
    --dark-gray: #676767;

    /* Gradients */
    --gradient-module-1: linear-gradient(90deg, #8896F7 0%, #FBBFFF 63.46%, #FFBDB1 100%);
    --gradient-module-2: linear-gradient(90deg, #FFA246 0%, #FFCD62 31.73%, #B7CFE3 75.48%, #B7CFE3 100%);
    --gradient-module-3: linear-gradient(90deg, #E4EDF6 0%, #FF75E4 63.46%, #FF7662 100%);
    --gradient-module-4: linear-gradient(90deg, #F7FF5C 0%, #82DB8B 63.46%, #397C73 100%);
}

#wpadminbar {
    z-index: 200000 !important;
}

/* Show focus only when it is meaningful (usually keyboard) */
:focus {
    outline: none;
}

/* Keep a visible focus for keyboard users */
:focus-visible {
    outline: 3px solid black;
    outline-offset: 2px;
}

/* Hide focus when the element does not match :focus-visible */
:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body,
html {
    overflow-x: hidden;
}

body {
    font-family: var(--font-family-primary);
    color: var(--dark-gray);
}

/* Paragraph Styles */
p,
ul,
li {
    font-size: var(--body-m-font-size);
    line-height: var(--body-m-line-height);

    @media (max-width: 600px) {
        font-size: var(--mobile-body-m-font-size);
        line-height: var(--mobile-body-m-line-height);
    }
}

p.intro {
    font-size: var(--body-i-font-size);
    line-height: var(--body-i-line-height);

    @media (max-width: 600px) {
        font-size: var(--mobile-body-i-font-size);
        line-height: var(--mobile-body-i-line-height);
    }
}

p.small,
ul.small,
li.small,
ol.small {
    font-size: var(--body-s-font-size);
    line-height: var(--body-s-line-height);

    @media (max-width: 600px) {
        font-size: var(--mobile-body-s-font-size);
        line-height: var(--mobile-body-s-line-height);
    }
}

p.xsmall,
ul.xsmall,
li.xsmall,
ol.xsmall {
    font-size: var(--body-xs-font-size);
    line-height: var(--body-xs-line-height);

    @media (max-width: 600px) {
        font-size: var(--mobile-body-xs-font-size);
        line-height: var(--mobile-body-xs-line-height);
    }
}

p.xxsmall,
ul.xxsmall,
li.xxsmall,
ol.xxsmall {
    font-size: var(--body-xxs-font-size);
    line-height: var(--body-xxs-line-height);

    @media (max-width: 600px) {
        font-size: var(--mobile-body-xxs-font-size);
        line-height: var(--mobile-body-xxs-line-height);
    }
}

/* Headings Styles */
h1 {
    font-size: var(--h1-font-size) !important;
    line-height: var(--h1-line-height);
    color: var(--black);

    @media (max-width: 600px) {
        font-size: var(--mobile-h1-font-size);
        line-height: var(--mobile-h1-line-height);
    }
}

h2 {
    font-size: var(--h2-font-size) !important;
    line-height: var(--h2-line-height);
    color: var(--black);

    @media (max-width: 600px) {
        font-size: var(--mobile-h2-font-size);
        line-height: var(--mobile-h2-line-height);
    }
}

h3 {
    font-size: var(--h3-font-size) !important;
    line-height: var(--h3-line-height);
    color: var(--black);

    @media (max-width: 600px) {
        font-size: var(--mobile-h3-font-size);
        line-height: var(--mobile-h3-line-height);
    }
}

h4.med {
    font-size: var(--h4-med-font-size) !important;
    line-height: var(--h4-med-line-height);
    color: var(--black);

    @media (max-width: 600px) {
        font-size: var(--mobile-h4-med-font-size);
        line-height: var(--mobile-h4-med-line-height);
    }
}

h5 {
    font-size: var(--h5-font-size) !important;
    line-height: var(--h5-line-height);
    color: var(--black);

    @media (max-width: 600px) {
        font-size: var(--mobile-h5-font-size);
        line-height: var(--mobile-h5-line-height);
    }
}

strong {
    font-weight: 500 !important;
}

.hanging-indent {
    padding-left: 1.27cm;
    text-indent: -1.27cm;
}