:root {
    font-size: 20px;
    --text: #231f20;
    --back: #d2eae4;
    --main1: #72ccb2;
    --main2: #58c6c3;
    --main3: #7da2aa;
    --main4: #676767;
}

body { font-family: 'Barlow', sans-serif !important; font-weight: 400 !important; font-variant-ligatures: no-common-ligatures; line-height: 1.625 !important; color: var(--text) !important; }

#primary .description blockquote > :last-child,
.description > :last-child,
.post, .page { margin-bottom: 0 !important; }

a,
button,
img,
.background { transition: all .4s; }

img { user-select: none; -webkit-user-drag: none; }

.background { background-repeat: no-repeat; background-position: center; background-size: cover; }

.background.contain { background-size: contain; }

.background.auto { background-size: auto; }

.background.pointer { background-size: 102.5%; }

.background.pointer:hover,
.background.pointer:focus { background-size: 110%; }

#primary .description a:not(.btn) { color: var(--main1); }

#primary .description a:not(.btn):hover,
#primary .description a:not(.btn):focus,
#primary .description a:not(.btn):active { color: var(--main2) !important; }

#primary .description ul,
#primary .description ol { margin: 0; margin-bottom: 20px; padding: 0; padding-left: 21px; }

#primary .description ul > li > ul,
#primary .description ol > li > ul,
#primary .description ul > li > ol,
#primary .description ol > li > ol { margin-bottom: 0; }

#primary .description blockquote > p { background-color: var(--main3); padding: 9px 18px; }

#primary .description blockquote:not(:first-child) { padding-top: 20px; }

#primary .description h3 + blockquote { padding-top: 0 !important; }

h1,
.h1 { font-weight: 700; margin-bottom: 20px; }

h2,
.h2,
h3,
.h3 { font-weight: 600; margin-bottom: 20px; }

h1:not(:first-child),
.h1:not(:first-child),
h2:not(:first-child),
.h2:not(:first-child),
h3:not(:first-child),
.h3:not(:first-child) { padding-top: 20px; }

h2,
.h2 { font-size: 32px; }

h3,
.h3 { font-size: 25px; }

#masthead { background-color: var(--back); }

#masthead .site-branding .custom-logo { height: 98px; }

#masthead .company-branding svg { height: calc(98px * .625); }

#masthead .company-branding svg path,
#masthead .company-branding svg polygon { fill: var(--main3); }