@charset "UTF-8";

/*
Theme Name: Maccio Physical Therapy
Theme URI: https://wordpress.org/themes/twentytwentyone/
Description: Maccio Physical Therapy is a TwentyTwentyOne child theme.
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentytwentyone
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: macciopt
*/


html {
	scroll-padding-top: 200px;
}

@media (max-width: 767px) {
	html {
		scroll-padding-top: 175px;
	}
}

:where(
    a[href],
    button,
    input,
    select,
    textarea,
    summary,
    [tabindex]:not([tabindex="-1"]),
    [id]
) {
    scroll-margin-top: calc(
        200px + 20px
    );
}

/* Variables */
:root {
	/* Font Size */
	--global--font-size-base: 1rem;
	--global--font-size-xs: 0.75rem;
	--global--font-size-sm: 0.9rem;
	--global--font-size-md: 1rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2rem;
	--global--font-size-xxl: 3rem;
	--global--font-size-xxxl: 4rem;

	/* Colors */
	--global--colors-primary: #294CA8;
	--global--colors-primary-light: #2B7DE8;
	--global--colors-secondary: #0C2054;
	--global--colors-secondary-light: #B0C0EB;
}

@media only screen and (min-width: 652px) {
	:root {
		--global--font-size-xl: 3rem;
		--global--font-size-xxl: 4rem;
		--global--font-size-xxxl: 5rem;
	}
}

:root .has-extra-small-font-size {
	font-size: var(--global--font-size-xs);
}

:root .has-small-font-size {
	font-size: var(--global--font-size-sm);
}

:root .has-regular-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
	font-size: var(--global--font-size-md);
}

:root .has-large-font-size {
	font-size: var(--global--font-size-lg);
}

:root .has-extra-large-font-size {
	font-size: var(--global--font-size-xl);
}

:root .has-huge-font-size {
	font-size: var(--global--font-size-xxl);
}

:root .has-gigantic-font-size {
	font-size: var(--global--font-size-xxxl);
}


.has-primary-to-secondary-gradient-background {
	background: linear-gradient(160deg, var(--global--colors-primary), var(--global--colors-secondary));
}

.has-secondary-to-primary-gradient-background {
	background: linear-gradient(160deg, var(--global--colors-secondary), var(--global--colors-primary));
}

.has-primary-light-to-secondary-light-gradient-background {
	background: linear-gradient(160deg, var(--global--colors-primary-light), var(--global--colors-secondary-light));
}

.has-secondary-light-to-primary-light-gradient-background {
	background: linear-gradient(160deg, var(--global--colors-secondary-light), var(--global--colors-primary-light));
}

/* WCAG 2.5.8 target size: submenu toggles and body-map hotspots */
body #menu-header-navigation-1>li>a {
	white-space: nowrap;
}

body #menu-header-navigation-1>li.menu-item-has-children {
	margin-right: 24px;
}

body #menu-header-navigation-1>li:last-child {
	margin-right: 0;
}

body #menu-header-navigation-1 .desktop-submenu-toggle {
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	padding: 0;
	left: auto;
	right: -24px;
	transform: translateY(-12px);
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1279px) {
	body #menu-header-navigation-1>li>a {
		font-size: 14.5px;
	}
}

.condition-body-media a.condition-body-link.elbow-wrist-and-hand {
	height: 40px !important;
	margin-top: -8px !important;
}