/* Design based on "Story" by HTML5 UP (html5up.net, CC BY 3.0), Hugo port "hugo-story" by
   caressofsteel; main.min.css / noscript.min.css are its compiled stylesheets.

   PhysioGoers additions on top of the unchanged theme CSS (main.min.css).
   Replaces what used to come from Google Fonts and Font Awesome, so the page
   makes no request to any other host. */

/* Self-hosted Source Sans 3 (SIL OFL 1.1, see fonts/SourceSans3_OFL.txt), registered
   under the family name the theme CSS already uses. */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/SourceSans3-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/SourceSans3-LightIt.woff2') format('woff2');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/SourceSans3-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/SourceSans3-It.woff2') format('woff2');
}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

/* Phone / envelope glyphs inside the round .icon.style2 frame (were Font Awesome). */
.icon.fa-phone:before,
.icon.fa-envelope:before {
    content: '';
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.1em 1.1em;
}
.icon.fa-phone:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z'/%3E%3C/svg%3E");
}
.icon.fa-envelope:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 5.5C2 4.7 2.7 4 3.5 4h17c.8 0 1.5.7 1.5 1.5v13c0 .8-.7 1.5-1.5 1.5h-17C2.7 20 2 19.3 2 18.5v-13zm2 .9v.3l8 5.2 8-5.2v-.3H4zm16 2.7l-7.5 4.8a1 1 0 0 1-1 0L4 9.1V18h16V9.1z'/%3E%3C/svg%3E");
}
a.icon.fa-envelope:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23837164' d='M2 5.5C2 4.7 2.7 4 3.5 4h17c.8 0 1.5.7 1.5 1.5v13c0 .8-.7 1.5-1.5 1.5h-17C2.7 20 2 19.3 2 18.5v-13zm2 .9v.3l8 5.2 8-5.2v-.3H4zm16 2.7l-7.5 4.8a1 1 0 0 1-1 0L4 9.1V18h16V9.1z'/%3E%3C/svg%3E");
}

/* Gallery scroll arrows (were Font Awesome angle-left / angle-right). */
.gallery.style2 > .forward:before,
.gallery.style2 > .backward:before {
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
}
.gallery.style2 > .forward:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
}
.gallery.style2 > .backward:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");
}

/* Plain link style for the telephone number (it was plain text before). */
.icons li a[href^="tel:"] { color: inherit; text-decoration: none; border-bottom: none; }

/* Legal pages: readable line length. */
.legal .inner { max-width: 50rem; text-align: left; }
.legal h2 { margin-top: 2rem; }
.legal h3 { margin-top: 1.5rem; }
