@import url('./module-css/back-to-top.css');

/* Global design system */
:root {
    --primary-heading-font: 'Poppins', sans-serif;
    --primary-body-font: 'Poppins', sans-serif;
    --primary-colour: #e3774d;
    --secondary-colour: #353333;
    --accent-colour: #c8942e;
    --brand-orange: #f58220;
    --text-colour: #302e2e;
    --muted-colour: #777777;
    --white: #ffffff;
    --site-max-width: 1260px;
    --site-gutter: 30px;
    --header-height: 90px;
    --type-page-title: 38px;
    --type-section-kicker: 20px;
    --type-body: 16px;
    --type-card-title: 18px;
    --type-small: 14px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--header-height) + 20px);
    overflow-x: hidden;
}

body {
    min-width: 0;
    padding-top: var(--header-height);
    overflow-x: hidden;
    font-family: var(--primary-body-font);
    font-size: var(--type-body);
    line-height: 1.7;
    color: var(--text-colour);
}

button,
input,
textarea,
select {
    font-family: inherit;
}

img,
iframe,
video {
    max-width: 100%;
}

section[id] {
    scroll-margin-top: calc(var(--header-height) + 20px);
}

/* Consistent typography for every page and section. */
.apnaredco-home-section-two-title h2,
.apnaredco-home-section-three-title span,
.apnaredco-home-section-four-heading,
.apnaredco-home-section-five-heading,
.apnaredco-home-section-six-heading,
.apnaredco-home-section-seven-heading,
.apnaredco-about-title,
.apnaredco-events-section-one-title,
.apnaredco-team-section-one-heading h2,
.apnaredco-contact-form-heading h2 {
    font-family: var(--primary-heading-font) !important;
    font-size: var(--type-page-title) !important;
    line-height: 1.25 !important;
}

.apnaredco-home-section-two-title > span,
.apnaredco-home-section-four-subheading span,
.apnaredco-home-section-five-subheading span,
.apnaredco-home-section-six-subheading span,
.apnaredco-home-section-seven-subheading span {
    font-size: var(--type-section-kicker) !important;
    line-height: 1.4 !important;
    color: var(--accent-colour) !important;
}

.apnaredco-home-section-two-title > span {
    color: var(--white) !important;
}

.apnaredco-home-section-two-text p,
.apnaredco-home-section-three-text p,
.apnaredco-home-section-four-text p,
.apnaredco-about-text p,
.apnaredco-events-section-one-text p {
    font-family: var(--primary-body-font) !important;
    font-size: var(--type-body) !important;
    line-height: 1.75 !important;
}

.apnaredco-contact-card h2,
.apnaredco-team-info h3 {
    font-size: var(--type-card-title) !important;
    line-height: 1.45 !important;
}

.apnaredco-home-section-two-title h2,
.apnaredco-home-section-three-title span,
.apnaredco-home-section-four-heading,
.apnaredco-home-section-five-heading,
.apnaredco-home-section-six-heading,
.apnaredco-home-section-seven-heading,
.apnaredco-about-title,
.apnaredco-events-section-one-title,
.apnaredco-team-section-one-heading h2,
.apnaredco-contact-form-heading h2,
.apnaredco-contact-card h2,
.apnaredco-team-info h3 {
    color: var(--text-colour) !important;
}

.apnaredco-home-section-two-title h2,
.apnaredco-home-section-three-title span {
    color: var(--white) !important;
}

.apnaredco-home-section-six-heading {
    color: var(--white) !important;
}

.apnaredco-home-section-two-text p {
    text-align: left !important;
}

.left-menu a:hover,
.right-menu a:hover,
.menu a:hover {
    color: var(--brand-orange) !important;
}

.apnaredco-contact-form-heading > span,
.apnaredco-contact-info a:hover {
    color: var(--accent-colour) !important;
}

.apnaredco-form-submit button {
    background: var(--accent-colour) !important;
}

.apnaredco-contact-card h3,
.apnaredco-contact-address,
.apnaredco-contact-info p,
.apnaredco-team-info p,
.apnaredco-form-field label,
.apnaredco-form-field input,
.apnaredco-form-field textarea,
.apnaredco-footer-description,
.apnaredco-footer-subtitle {
    font-size: var(--type-small) !important;
    line-height: 1.6 !important;
}

/* One content width for the header, sections and footer. */
.main-header-inner,
.apnaredco-home-section-two-container,
.apnaredco-home-section-three-container,
.apnaredco-home-section-four-container,
.apnaredco-home-section-five-container,
.apnaredco-home-section-six-container,
.apnaredco-home-section-seven-container,
.apnaredco-about-container,
.apnaredco-events-section-one-container,
.apnaredco-events-section-two-container,
.apnaredco-team-section-one-container,
.apnaredco-contact-section-one-container,
.apnaredco-contact-section-two-container,
.apnaredco-footer-inner,
.apnaredco-footer-bottom-inner {
    width: calc(100% - (var(--site-gutter) * 2)) !important;
    max-width: var(--site-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1100px) {
    :root {
        --site-gutter: 24px;
        --type-page-title: 34px;
        --type-section-kicker: 19px;
    }
}

@media (max-width: 768px) {
    :root {
        --site-gutter: 20px;
        --header-height: 75px;
        --type-page-title: 28px;
        --type-section-kicker: 18px;
        --type-body: 15px;
        --type-card-title: 17px;
        --type-small: 13px;
    }
}

@media (max-width: 420px) {
    :root {
        --site-gutter: 15px;
        --type-page-title: 26px;
        --type-section-kicker: 17px;
    }
}