/*
Theme Name: Mother Teresa Foundation Canada
Theme URI: https://motherteresafoundation.ca/
Author: Mother Teresa Foundation Canada
Description: Custom standalone theme for Mother Teresa Foundation Canada. Includes Home, About, Careers, Causes, cause detail pages, Contact, and a GiveWP-powered Donate page.
Version: 1.4.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: mtf-canada
License: GPL-2.0-or-later
*/

:root {
    --mtf-ca-orange: #FFB343;
    --mtf-ca-blue: #0b3f86;
    --mtf-ca-blue-mid: #287dcc;
    --mtf-ca-navy: #04162f;
    --mtf-ca-white: #ffffff;
    --mtf-ca-ink: #17283b;
    --mtf-ca-muted: #65758a;
    --mtf-ca-shell: 1440px;
    --mtf-ca-gutter: clamp(18px, 4vw, 54px);
}

html {
    scroll-behavior: smooth;
    max-width: 100%;
    overflow-x: clip;
}

body.mtf-ca-theme {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
    overflow-x: clip;
    background: #ffffff;
    color: var(--mtf-ca-ink);
}

body.mtf-ca-theme *,
body.mtf-ca-theme *::before,
body.mtf-ca-theme *::after {
    box-sizing: border-box;
}

body.mtf-ca-theme img,
body.mtf-ca-theme svg,
body.mtf-ca-theme video,
body.mtf-ca-theme iframe {
    max-width: 100%;
}

body.mtf-ca-theme a,
body.mtf-ca-theme button,
body.mtf-ca-theme input,
body.mtf-ca-theme select,
body.mtf-ca-theme textarea {
    -webkit-tap-highlight-color: transparent;
}

/* Hide old builder headers/footers if the legacy templates are still enabled. */
body.mtf-ca-theme > .elementor-location-header,
body.mtf-ca-theme > .elementor-location-footer,
body.mtf-ca-theme > .hfe-site-header,
body.mtf-ca-theme > .hfe-site-footer {
    display: none !important;
}

/* WordPress admin bar offsets fixed site header safely. */
@media (min-width: 783px) {
    body.admin-bar #mtfCaHeader { top: 32px !important; }
}
@media (max-width: 782px) {
    body.admin-bar #mtfCaHeader { top: 46px !important; }
}

::selection {
    color: #111111;
    background: var(--mtf-ca-orange);
}