button,
hr,
input {
    overflow: visible
}

html,
legend {
    box-sizing: border-box
}

progress,
sub,
sup {
    vertical-align: baseline
}

hr,
p {
    margin-bottom: 1.5em
}

.page,
.post,
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation,
address,
table {
    margin: 0 0 1.5em
}

.main-navigation li,
sub,
sup {
    position: relative
}

h2 a,
h2 a:visited {
    color: #176ab0
}

.pricing,
.wp-caption,
embed,
iframe,
img,
legend,
object,
pre {
    max-width: 100%
}

.level_heading h4,
.level_left h4 {
    font-size: 13px;
    font-weight: 300
}

.gallery-item,
.introduction-heading,
.level_button,
.level_left,
.wp-caption-text,
footer {
    text-align: center
}

#page,
body,
html {
    background: #fff
}

html {
    font-size: 18px;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

hr {
    box-sizing: content-box;
    background-color: #ccc;
    border: 0;
    height: 1px
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

.directions,
.entry-date a:visited,
.entry-meta,
.hero a,
.main-button,
.main-button:visited,
.main-navigation a,
.read-more,
.screen-reader-text:focus,
.secondary-button,
.secondary-button:visited,
a.phone,
a.read-more,
h2 a,
ins,
mark {
    text-decoration: none
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
select {
    text-transform: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    padding: 0;
    white-space: normal
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.gallery-caption,
.main-navigation.toggled ul,
.menu-toggle,
.sticky,
details {
    display: block
}

summary {
    display: list-item
}

*,
::after,
::before {
    box-sizing: inherit
}

body,
button,
input,
optgroup,
select,
textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

.level_heading h4,
.level_left h4,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'DM Sans', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #04406b
}

cite,
dfn,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,
mark {
    background: #fff9c0
}

big {
    font-size: 125%
}

ol,
ul {
    margin: 0 0 1.5em 3em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    height: auto
}

figure {
    margin: 1em 0
}

table {
    width: 100%
}

a {
    color: #4169e1
}

a:visited {
    color: purple
}

a:active,
a:focus,
a:hover {
    color: #191970
}

a:focus {
    outline: dotted thin
}

#primary[tabindex="-1"]:focus,
a:active,
a:hover {
    outline: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
    border-color: #aaa #bbb #bbb
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%;
    min-height: 200px;
    padding: 10px
}

.main-navigation {
    display: block;
    width: 100%
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.site-info {
    margin-bottom: 2rem;
}

.main-navigation ul ul li.focus>ul,
.main-navigation ul ul li:hover>ul {
    display: block;
    left: auto
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li.focus>ul,
.main-navigation ul li:hover>ul {
    left: auto
}

.main-navigation a {
    display: block
}

@media screen and (min-width:37.5em) {
    .menu-toggle {
        display: none
    }

    .main-navigation ul {
        display: flex
    }
}

.comment-navigation .nav-links,
.hours-row,
.post-navigation .nav-links,
.posts-navigation .nav-links {
    display: flex
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
    flex: 1 0 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%
}

#primary,
.hero {
    justify-content: center
}

#comments,
#sidebar,
.entry-footer,
.post-navigation,
.updated:not(.published) {
    display: none
}

.entry-content,
.entry-summary,
.page-content {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em
}

.gallery-item {
    display: inline-block;
    width: 100%
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.aligncenter,
.alignleft,
.alignright {
    margin-bottom: 1.5em
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    top: 5px;
    width: auto;
    z-index: 100000
}

.alignleft {
    float: left;
    margin-right: 1.5em
}

.alignright {
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.second-group {
    width: 15rem;
}

p {
    font-size: 1.0625rem;
}

h3 {
    font-size: 1.5625rem;
}

#page,
footer,
html {
    color: #000;
}

.hero {
    display: flex;
    align-items: center;
    flex-flow: column;
}

.hero img {
    width: 25rem;
    height: auto;
}

.pricing {
    display: flex;
    flex-flow: row;
    width: 700px;
    background: #f5f5f5;
    margin: auto;
}

.pricing.level_2 {
    background: #a8c5d9;
}

.level_3 div.level_left {
    background: #007EAD;
}

.level_2 div.level_left {
    background: #055f9f;
}

.level_left {
    display: flex;
    flex-flow: column;
    background: #04406b;
    color: #fff;
    min-width: 200px;
}

.level_left h4 {
    color: #fff;
}

.level_right {
    padding: 1rem;
    display: block;
    position: relative;
    z-index: 2;
}

.home .pricing .level_right ul {
    list-style-type: circle;
}

.home .pricing .level_right ul>li {
    display: list-item;
    list-style-type: circle;
}

.level_right ul li {
    position: relative;
    z-index: 3;
    display: block;
    color: white;
}

div.pricing.level-1 div.level_right::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("https://fairhopepc.com/cdn-cgi/image/format=auto,quality=85,onerror=redirect/wp-content/themes/fairhope-pc/img/bsod.webp?v=d2f3a1c0cb60e3d2");
    top: 0;
    left: 0;
    background-size: cover;
    background-position: -155px 10px;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.25;
    filter: blur(1px);
}

div.pricing.level-1 div.level_right {
    background-color: #04406b;
}

div.pricing.level-1 div.level_right p {
    color: white;
    text-shadow: 0 0 3px #000;
}

div.pricing.level_2 div.level_right::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("https://fairhopepc.com/cdn-cgi/image/format=auto,quality=85,onerror=redirect/wp-content/themes/fairhope-pc/img/remote-support.webp?v=4d883bd5540a7dc4");
    top: 0;
    left: 0;
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: -165px 10px;
    z-index: 1;
    opacity: 0.25;
    background-position: 0;
    filter: blur(1px);
}

div.pricing.level_2 div.level_right {
    background-color: #055f9f;
}

button {
    text-align: center;
    display: block;
    margin: auto;
    padding: 15px;
    z-index: 2;
    position: relative;
}

.level_right a {
    text-decoration: none;
}

div.pricing.level_2 div.level_right p {
    color: white;
    text-shadow: #000 0px 0px 3px;
}

div.pricing.level_3 div.level_right::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("https://fairhopepc.com/cdn-cgi/image/format=auto,quality=85,onerror=redirect/wp-content/themes/fairhope-pc/img/managed-register.webp?v=ca9510eda2716588");
    top: 0;
    left: 0;
    background-size: cover;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: .25;
    filter: blur(1px);

}

div.pricing.level_3 div.level_right {
    background-color: #005c80;
}

div.pricing.level_3 div.level_right p {
    color: white;
    text-shadow: #000 0px 0px 3px;
}

.level_right h1 {
    color: #5d5a5bff;

}

div.level_right ul {
    margin-top: 70px;
    font-size: 15px;
}

.level_right ul li {
    font-weight: 600;
    text-shadow: #000 0px 0px 3px;
    margin-top: 10px;
}

.level_right p {

    z-index: 2;
    position: relative;
}

.level_heading {
    height: 65%;
    width: 100%;
    background: #055f9f;
    padding-top: 20px;
    color: #fff
}

.level_button {
    display: block;
    height: 25%;
    padding-top: 55px;
    color: #fff
}

.top-buttons {
    display: flex;
    justify-content: end;
    padding: 1rem;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 0.75rem;
}

.level_p {
    padding: 1rem;
}

.read-more,
input.contact_form_submit {
    padding: .7rem;
    margin: 30px auto auto;
    display: block
}

.top-contact-button {
    text-align: right;
    color: #fff;
    margin-left: 2rem
}

.phone {
    font-size: 20px;
    margin-right: 10px;
}

.entry-content,
.entry-summary,
.header-buttons {
    display: flex;
    flex-flow: column
}

.read-more {
    font-weight: 700;
    background-color: #305cd3;
    color: #fff;
    border-radius: 5px
}

.level_3_3 {
    margin-top: 2rem;
}

.level_left h3,
a.read-more,
a.read-more:visited {
    color: #fff
}

a.contact_button {
    margin-left: 1rem
}

.main-button,
.main-button:visited,
.main-button:hover {
    background: #305cd3;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: 0;
    width: 170px;
    display: block;
    padding: 18px;
    border: none;
    border-radius: 40px;
    box-shadow: 0px 4px 8px rgba(165, 126, 157, 0.62);
    cursor: pointer
}

.secondary-button,
.secondary-button:visited,
.secondary-button:hover {
    background: transparent;
    border-radius: 5px;
    color: #305cd3;
    font-weight: 700;
    text-align: center;
    border-color: #305cd3;
    width: 170px;
    display: block;
    padding: 18px;
    border-radius: 40px;
    box-shadow: none;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
}

.outline-button,
.outline-button:visited,
.outline-button:hover {
    background: transparent;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-color: #fff;
    width: 170px;
    display: block;
    padding: 18px;
    border-color: #fff;
    border-radius: 40px;
    box-shadow: none;
    cursor: pointer;
    border-style: solid;
    margin: auto;
}

.main {
    color: #000
}

#primary {
    display: flex;
    flex-flow: column;
    align-items: center
}

#primary article {
    background: #fff;
    margin: 1rem;
    padding: 1rem;
    width: 50rem;
    max-width: 99%;
}

.type-page {
    border: 0;
    width: 59.375rem;
    max-width: 99%;
    border: 0 !important;
}

#contact-form,
#lead_form {
    border-radius: 5px;
    color: #fff
}

input.contact_form_submit {
    font-weight: 500;
    color: #305cd3;
    background: #febe10
}

.lead_name_field {
    display: flex;
}

.lead_contact_field {
    display: flex;
}

.entry-title {
    text-align: center;
    margin: 0;
    font-size: 2rem;
}

.entry-meta {
    color: #000;
    display: none
}

.entry-date a:visited {
    color: #000
}

.post-thumbnail a img {
    display: block;
    margin: auto
}

.single-reviews article {
    margin: 1rem;
    border-radius: 15px;
    width: 500px;
    padding: 1rem;
    display: none
}

.single-reviews {
    display: flex;
    justify-content: center;
    flex-flow: row wrap
}

.list-header {
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin-top: 50px
}

.introduction {
    color: #000;
    width: 50rem;
    margin: 2rem auto auto;
    max-width: 99%
}

.category-reviews .entry-content {
    height: 300px;
    padding: 25px
}

.map-text p {
    margin-left: 2rem;
    margin-bottom: 0;
    margin-top: 3px
}

.map-text p:first-child {
    margin-top: -50px
}

.map-text p:nth-child(2) {
    margin-top: 25px
}

.map-row {
    display: flex;
    align-items: center
}

.hours-background {
    display: flex;
    height: 18.75rem;
    width: 100%;
    background-image: url("https://fairhopepc.com/cdn-cgi/image/format=auto,quality=85,onerror=redirect/wp-content/themes/fairhope-pc/img/location.webp?v=4dee82f68c7c23f1");
    background-size: cover;
    justify-content: center
}

.hours {
    color: #000;
    width: 17.1875rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    background: rgba(255, 255, 255, .8);
    line-height: 0.5rem;
    justify-content: center
}

p.hours-text {
    margin-bottom: .25rem
}

p.hours-text:nth-child(2) {
    margin-top: -.35rem
}

p.hours-text:nth-child(8) {
    padding-bottom: 1.5rem
}

.entry-content form {
    padding: .3rem
}

#lead_form {
    display: flex;
    flex-flow: column;
    width: 600px;
    margin: auto auto 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #176ab0;
    max-width: 99%
}

.form-group {
    display: flex;
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: auto auto 8px;
    width: 100%;
    flex-flow: row;
    max-width: 95%
}

label.form-group {
    margin: 10px
}

.form-group label {
    display: none;
}

#contact-form {
    width: 400px;
    display: flex;
    flex-flow: column;
    margin: auto auto 90px;
    max-width: 98%;
    padding: 2rem;
    background: #305cd3
}

input#lead_email,
input#lead_first_name,
input#lead_last_name,
input#lead_phone {
    padding-left: 10px;
    width: 48%;
}

.directions {
    text-align: center;
    margin-top: -5px;
    color: #000
}

.category-reviews {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="483.339" height="379.965"><path style="fill:%23fff;fill-rule:evenodd;stroke:%23000;stroke-width:9.35676;stroke-linejoin:round" d="m70.868 4.687 336.96 2.1c20.813.13 56.056 4.793 63.554 30.445 8.66 33.735 11.546 185.564-2.4 208.925-10.28 18.842-19.828 25.125-29.977 30.445-30.065 12.645-170.28 10.498-170.28 10.498l-178.67 88.188 115.12-89.238-145.1.001c-20.36 0-38.978-11.21-45.566-35.695C3.036 205.88.803 81.189 12.109 51.92 22.823 25.187 40.829 4.493 70.867 4.68z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat
}

.health-column {
    display: flex;
    flex-flow: row;
    align-items: center
}

.health-text {
    display: flex;
    flex-flow: column;
    padding: 2rem
}

.tagline {
    text-align: center;
    font-weight: 700;
    font-style: normal
}

.introduction img {
    display: block;
    margin: auto;
    max-width: 99%
}

.g-recaptcha {
    margin: auto;
}

.hours h3 {
    margin-bottom: 45px
}

.health-background {
    background-color: #05303b;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="1717.561" height="1078.413"><path d="m14.155 661.981 149.1-2.2c37 2.7 58.4 8.1 71.7 51.5 14.8 42.1 24.65 72.714 39.85 116.514 5 19.8 16.7 22.8 20.9-.6 22.6-102.6 47.3-199.6 69.9-307.9 2.2-10.6 12.8-10.9 15.9-.5 17.4 58.9 34.8 113.3 52.1 168.6 3 12.3 13.3 13.2 16.5-.3l123.5-664.8c2.4-10.3 10.9-11.4 13.9 0l128.5 1033.4c.8 11.3 12.6 11.6 14.9-.2l58.6-323.2c14.3-57.9 47.3-92.3 101-100.6 44-8.7 61.8-23.2 84.3-86.7l65.3-236.4c2.1-13.1 14.6-14.3 18.9 0 24.7 104 49.5 238.6 74.3 336.2 2.7 11.2 10.2 15.8 20.9 15.6l549.2-.3" style="fill:none;stroke:%231aeb90;stroke-opacity:1;stroke-width:28.31;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/></svg>'), linear-gradient(#04602c 2px, transparent 2px), linear-gradient(90deg, #04602c 2px, transparent 2px), linear-gradient(#04602c 1px, transparent 1px), linear-gradient(90deg, rgba(109, 112, 148, .3) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: 0 0, 0 0, 0 0, 0 0;
    height: 5.55rem;
    animation-timing-function: linear;
    width: 25rem;
    display: block;
    animation-name: health;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-direction: normal
}

.remote_support_button,
.remote_support_button:visited {
    background: #fff;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #305cd3;
    text-decoration: none;
    padding: .7em;
    color: #305cd3;
    font-weight: 700;
    text-align: center;
    margin-left: 1rem
}

* {
    box-sizing: border-box;
}

.blog-card {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.46);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
}

.blog-card a {
    color: inherit;
    text-decoration: none;
}

.blog-card a:hover {
    color: #fff;
}

.blog-card:hover .photo {
    transform: scale(1.3) rotate(3deg);
}

.blog-card .meta {
    position: relative;
    z-index: 0;
    height: 12.5rem;
}

.blog-card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.2s;
}

.blog-card .details,
.blog-card .details ul {
    margin: auto;
    padding: 0;
    list-style: none;
}

.blog-card .details {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    margin: auto;
    transition: left 0.2s;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    width: 100%;
    font-size: 0.9rem;
}

.blog-card .details a {
    -webkit-text-decoration: dotted underline;
    text-decoration: dotted underline;
}

.blog-card .details ul li {
    display: inline-block;
}

.blog-card .details .author:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: "";
}

.blog-card .details .date:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: "";
}

.blog-card .details .tags ul:before {
    font-family: FontAwesome;
    content: "";
    margin-right: 10px;
}

.blog-card .details .tags li {
    margin-right: 2px;
}

.blog-card .details .tags li:first-child {
    margin-left: -4px;
}

.blog-card .description {
    padding: 1rem;
    background: #fff;
    position: relative;
    z-index: 1;
}

.details {
    display: none;
}

.blog-card .description h1,
.blog-card .description h2 {
    font-family: Poppins, sans-serif;
}

.blog-card .description h1 {
    line-height: 1;
    margin: 0;
    font-size: 1.7rem;
}

.blog-card .description h2 {
    font-size: 1rem;
    font-weight: 300;
    color: #000;
    margin-top: 5px;
}

.blog-card .description .read-more {
    text-align: right;
}

.blog-card .description .read-more a {
    color: #5ad67d;
    display: inline-block;
    position: relative;
}

.blog-card .description .read-more a:after {
    content: "";
    font-family: FontAwesome;
    margin-left: -10px;
    opacity: 0;
    vertical-align: middle;
    transition: margin 0.3s, opacity 0.3s;
}

.blog-card .description .read-more a:hover:after {
    margin-left: 5px;
    opacity: 1;
}

.blog-card p {
    position: relative;
    margin: 1rem 0 0;
}

.blog-card p:first-of-type {
    margin-top: 1.25rem;
}

.blog-card:hover .details {
    left: 0%;
}

@media (min-width: 640px) {
    .blog-card {
        flex-direction: row;
        max-width: 43.75rem;
    }

    .blog-card .meta {
        flex-basis: 40%;
        height: auto;
    }

    .blog-card .description {
        flex-basis: 60%;
    }

    .blog-card .description:before {
        transform: skewX(-3deg);
        content: "";
        background: #fff;
        width: 30px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .blog-card.alt {
        flex-direction: row-reverse;
    }

    .blog-card.alt .description:before {
        left: inherit;
        right: -10px;
        transform: skew(3deg);
    }

    .blog-card.alt .details {
        padding-left: 25px;
    }
}

@keyframes health {
    0% {
        background-position: 0 0, 0 0, 0 0, 0 0
    }

    100% {
        background-position: 1000px 0, 0 0, 0 0, 0 0
    }
}

@media screen and (max-width: 400px) {
    .hero a img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 315px) {

    a.phone,
    a.directions {
        font-size: 3.4vw;
    }
}

.top-buttons .main-button,
.top-buttons .secondary-button {
    flex: 0 0 auto;
    width: auto;
    min-width: 170px;
    white-space: nowrap;
    font-size: 1rem;
}

.top-buttons .phone {
    flex: 0 0 auto;
    white-space: nowrap;
}

img[width] {
    width: var(--export-image-width, auto);
    height: auto;
}

@media screen and (max-width: 940px) {
    #primary {
        flex-direction: column;
    }

    .map-text p:first-child {
        margin-top: 1rem;
    }

    #primary article {
        background: #fff;
        margin: 1rem;
        border-radius: 5px;
        width: initial;
        padding: 1rem;
    }

    .introduction p {
        margin-left: 1rem;
    }

    .map-row {
        flex-flow: column;
    }

    .map {
        height: 400px;
        width: 400px;
    }
}

@media screen and (max-width: 600px) {
    .health-text {
        flex-flow: column;
        padding: 0;
    }

    .health-column {
        flex-flow: column;
    }

    .health-img {
        max-width: 65%;
        margin: auto auto 1rem;
    }

    .map-text p:first-child,
    .map-text p:nth-child(2) {
        margin-top: 1rem;
    }

    .hours {
        padding: 0;
        min-width: 0;
        width: 100%;
    }

    #pricing-table {
        width: 100% !important;
        display: flex;
        justify-content: center;
        flex-flow: column;
    }

    #pricing-table .plan {
        margin-bottom: 10px;
        width: 100%;
    }

    .introduction {
        color: #000;
        margin: 2rem auto auto;
        width: 95%;
        flex-flow: column-reverse;
        display: flex;
    }

    .level_right ul {
        margin-left: 0;
    }
}

@media screen and (max-width: 500px) {
         .form-group {
        flex-flow: column;
    }

    input#lead_email,
    input#lead_first_name,
    input#lead_last_name,
    input#lead_phone {
        padding-left: 10px;
        width: 100%;
        margin-bottom: 20px;
    }

    a.directions,
    a.phone {
        font-size: 3.9vw;
        padding: 20px;
        width: 47%;
    }

    .secondary-button {
        display: none;
    }

    .level_left h4,
    a.directions {
        margin-top: 0;
        color: #fff;
    }

    .introduction>p:last-child {
        z-index: 2;
    }

    .level_left h3 {
        margin-bottom: 0;
    }

    .pricing {
        flex-flow: column;
    }

    .hours-background {
        order: 1;
        margin-top: -40px;
        background: 0 0;
    }

    input.contact_form_submit {
        margin-bottom: 30px;
    }

    .contact_button,
    .remote_support_button,
    .remote_support_button:visited {
        display: none;
    }

    .top-buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        height: 75px;
        width: 100vw;
        border-top: 1px solid #dedede;
        z-index: 3;
    }

    .directions,
    .phone {
        font-size: 20px;
        position: fixed;
        bottom: 4px;
        background: #305cd3;
        border-radius: 15px;
        width: 49%;
        padding: 5px;
    }

    .hours,
    .outer-hours {
        border-width: 0;
    }

    .phone {
        right: 3px;
    }

    a.phone {
        color: #fff;
        text-decoration: none;
        text-align: center;
    }

    .directions {
        margin: 0;
        left: 3px;
        display: block;
        z-index: 3;
    }

    .outer-hours {
        max-width: 100%;
        margin: 0;
    }

    .lead_name_field {
        display: flex;
        flex-flow: column
    }

    .lead_contact_field {
        display: flex;
        flex-flow: column
    }
}

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

body,
#page,
#primary {
    min-width: 0;
    max-width: 100%;
}

body,
#page {
    width: 100%;
}

#primary > article {
    box-sizing: border-box;
    max-width: calc(100% - 2rem);
}

.hero,
.hero a[rel~="home"],
.health-background,
.map,
.pricing,
.post-thumbnail {
    max-width: 100%;
}

.level_right,
.health-text,
.map-text,
.blog-card,
.blog-card .meta,
.blog-card .description,
.entry-content,
.entry-summary,
.form-group {
    min-width: 0;
}

@media screen and (max-width: 940px) {
    .level_left {
        min-width: 200px;
    }

    #primary > article {
        width: calc(100% - 2rem);
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .site-branding,
    .hero,
    .level_right,
    .health-text,
    .map-text,
    .blog-card,
    .blog-card .description,
    .entry-content,
    .entry-summary,
    #form_response {
        overflow-wrap: anywhere;
    }

    .hero a[rel~="home"] {
        display: block;
        min-width: 0;
    }

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

    .health-background,
    .map {
        min-width: 0;
        max-width: 100%;
    }

    #lead_form input,
    #lead_form textarea,
    #lead_form select {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    #lead_form textarea {
        width: 100%;
    }

    .entry-content pre {
        max-width: 100%;
        overflow-x: auto;
    }
}

@media screen and (max-width: 500px) {
     
    .top-buttons {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
    }
}