/* ==========================================================================
begin config
========================================================================== */
:root {
/* fonts + scaling
-------------------------------------------------------------------------- */
/* default font stack */
--font-main-stack: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
/* the text and heading font families */
--font-text: var(--font-main-stack);
--font-heading: var(--font-main-stack);
--default-heading-weight: 700;
/* the default font size */
--base-font-size: 15px;
/* the font-size + em scaling factor */
--scaled-font-size: calc(var(--base-font-size) * (1 - 0.5) + 0.5vw);
/* --scaled-font-size: 1vw; */
/* auto-select the default or scaled font size */
--font-size: max(var(--base-font-size), var(--scaled-font-size));
/* the headings */
--base-h1-size: 2.5rem;
--base-h2-size: 2rem;
--base-h3-size: 1.75rem;
--base-h4-size: 1.5rem;
--base-h5-size: 1.25rem;
--base-h6-size: 1rem;
/* container margin; increase to shrink container width */
--container-margin: 4vw;
/* colors
-------------------------------------------------------------------------- */
--primary: #2271b1;
--primary-hover: #15538b;
--secondary: #6C757D;
--secondary-hover: #5A6268;
--text: #6c757d;
--dark: #202124;
--med: #c3c4c7;
--light: #f0f0f2;
--ultralight: #F8F9FA;
--dm-dark: #202124;
--dm-med: #4d4d50;
--dm-light: #42414d;
--dm-text: #a6a6a7;
--mobile-nav-bg: #202124;
--mobile-nav-btn: #35363a;
--mobile-nav-active-btn: var(--primary);
/* design params
-------------------------------------------------------------------------- */
--border-radius: 8px;
--btn-border-radius: 8px;
--header-padding: 1rem;
--header-top-height: 3rem;
--header-menu-height: 5rem;
--header-menu-height-stuck: 5rem;
--header-height: calc(var(--header-top-height) + var(--header-menu-height));
--shadow: 0 8px 16px rgba(25,35,45,0.075);
--team-img-size: 10rem;
/* general breakpoints
--------------------------------------------------------------------------
75rem: 1200px
62rem: 992px
48rem: 768px
36rem: 576px
*/
} /* :root */
/* mobile config
-------------------------------------------------------------------------- */
@media(max-width: 75rem) {
:root {
--base-h1-size: calc(1.375rem + 1.5vw);
--base-h2-size: calc(1.325rem + .9vw) ;
--base-h3-size: calc(1.3rem + .6vw);
--base-h4-size: calc(1.275rem + .3vw);
} /* end :root */
} /* end @media(max-width: 75rem) */
/* > 1920px viewports
-------------------------------------------------------------------------- */
@media(min-width: 120rem) {
:root {
--container-margin: 8rem;
} /* end :root */
} /* end @media(min-width: 120rem) */
@media(min-width: 160rem) {
:root {
--container-margin: 12rem;
} /* end :root */
} /* end @media(min-width: 160rem) */
/* end config
-------------------------------------------------------------------------- */
/* ==========================================================================
Preload and lazy load states
========================================================================== */
body.preload * {
transition: none;
}
body.preload .site-nav-menu li > ul {
transition: none;
display: none;
}
.lazy {
background-image: none !important;
}
.defer-bg {
background-image: none !important;
}
/* ==========================================================================
minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css
========================================================================== */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}
button, button:focus, button:hover {border: 0;padding: 0;margin: 0;outline: none;background: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* ==========================================================================
core css
========================================================================== */
html {
font-family: var(--font-text);
font-size: var(--font-size);
color: var(--text);
}
html * {
-webkit-tap-highlight-color: transparent;
font-display: swap;
}
body {
width: 100%;
height: 100%;
box-sizing: border-box;
visibility: visible;
transition: none;
font-weight: 400;
line-height: 1.75em;
margin: 0;
background: #fff;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
body.locked {
overflow: hidden;
}
/* .site-container
-------------------------------------------------------------------------- */
.site-container {
max-width: calc(100vw - var(--container-margin) * 2);
}
/* headings
-------------------------------------------------------------------------- */
h1, .h1 {
font-size: var(--base-h1-size);
font-family: var(--font-heading);
font-weight: var(--default-heading-weight);
}
h2, .h2 {
font-size: var(--base-h2-size);
font-family: var(--font-heading);
font-weight: var(--default-heading-weight);
}
h3, .h3 {
font-size: var(--base-h3-size);
font-family: var(--font-heading);
font-weight: var(--default-heading-weight);
}
h4, .h4 {
font-size: var(--base-h4-size);
font-family: var(--font-heading);
font-weight: var(--default-heading-weight);
}
h5, .h5 {
font-size: var(--base-h5-size);
font-family: var(--font-heading);
font-weight: var(--default-heading-weight);
}
h6, .h6 {
font-size: var(--base-h6-size);
font-family: var(--font-heading);
font-weight: var(--default-heading-weight);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-top: 0;
margin-bottom: 1rem;
line-height: 1.35em;
color: var(--primary);
}
/* disable
on < desktop resolution
-------------------------------------------------------------------------- */
@media(max-width: 62rem) {
h1 br,
h2 br,
h3 br,
h4 br,
h5 br,
h6 br {
display: none;
}
}
/* text margins
-------------------------------------------------------------------------- */
p {
margin-bottom: 1.2rem;
}
p:last-child {
margin: 0;
}
ul:last-child {
margin-bottom: 0;
}
/* links
-------------------------------------------------------------------------- */
a {
transition: 0.25s color;
color: var(--primary);
text-decoration: none;
}
a:hover {
color: var(--primary-hover);
}
a:active {
color: var(--primary-hover);
}
a:visited {
color: var(--primary);
}
/* add underlines to body text links
-------------------------------------------------------------------------- */
.site-content p a,
.site-content li a {
text-decoration: underline;
}
/* hr
-------------------------------------------------------------------------- */
hr {
width: 100%;
height: 1px;
display: block;
border: none;
margin: 3em 0;
background: var(--light);
}
/* utility
-------------------------------------------------------------------------- */
.transparent {
opacity: 0;
}
/* ==========================================================================
site header
========================================================================== */
header#header {
width: 100%;
display: contents; /* Needed for child element with position: sticky */
}
/* .announcement-banner
-------------------------------------------------------------------------- */
.site-header-announcement-banner {
width: 100%;
background: var(--secondary);
color: var(--primary);
min-height: var(--header-top-height);
}
.site-header-announcement-banner .site-container {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: .5rem 0;
gap: .5rem;
}
.site-header-announcement-banner .left {
display: flex;
align-items: center;
gap: 1rem
}
.site-header-announcement-banner .left .site-btn a {
background: var(--primary);
padding: .1rem 1.5rem
}
.site-header-announcement-banner .left .site-btn a:hover {
background: var(--primary-hover)
}
@media ( max-width: 62rem ) {
.site-header-announcement-banner .left {
flex-direction: column;
flex: 1;
}
.site-header-announcement-banner .right {
position: absolute;
right: 1rem;
}
}
/* .site-header-top-row
-------------------------------------------------------------------------- */
.site-header-top-row {
width: 100%;
min-height: var(--header-top-height);
background: var(--ultralight);
}
.site-header-top-row .site-container {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
min-height: var(--header-top-height);
}
.site-header-top-row ul {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.site-header-top-row ul.contact-info {
gap: 2rem;
}
@media (max-width: 48rem) {
.site-header-top-row ul.contact-info {
gap: .5rem;
}
}
.site-header-top-row ul.menu {
gap: 2rem;
height: 100%;
}
.site-header-top-row ul.contact-info li {
}
.site-header-top-row ul.menu li {
display: flex;
align-items: center;
}
.site-header-top-row ul.contact-info li::before {
display: inline-block;
font-family: 'Font Awesome 6 Pro';
font-weight: 500;
color: var(--text);
content: '\f095';
margin: 0 0.5rem 0 0;
}
.site-header-top-row ul.contact-info li.address::before {
content: '\f124';
}
/* .site-header-top-row ul.menu li::before {
display: inline-block;
font-family: 'Font Awesome 6 Pro';
font-weight: 500;
color: var(--text);
content: '\f105';
margin: 0 0.5rem 0 0;
} */
.site-header-top-row ul.menu li i.menu-icon {
display: inline-block;
font-weight: 500;
color: var(--text);
content: '\f105';
margin: 0 0.5rem 0 0;
}
.site-header-top-row li a {
text-decoration: none;
color:var(--text);
}
.site-header-top-row li a:hover {
color: var(--primary);
}
@media(max-width:62rem) {
}
@media(max-width:36rem) {
.site-header-top-row .site-container {
justify-content: center;
text-align: center;
}
.quick-links .links {
grid-template-columns: repeat( 1,1fr)!important;
}
.site-header-top-row .menu {
display: none;
}
footer .legal .site-container p:first-child {
width: 100%;
}
}
/* .sticky-header
-------------------------------------------------------------------------- */
.sticky-header {
position: -webkit-sticky;
position: sticky;
top: -1px;
padding: 1px 0 0 0;
z-index: 99;
}
/* .site-header-menu-row
-------------------------------------------------------------------------- */
.site-header-menu-row {
width: 100%;
height: var(--header-menu-height);
background:#fff;
}
.site-header-menu-row.sticky {
box-shadow: 0 5px 5px rgba(23,37,65,0.2);
}
.site-header-menu-row .site-container {
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
}
.site-header-menu-row .logo {
width: auto;
margin: 0 auto;
height: 100%;
}
.site-header-menu-row .logo:empty {
background: var(--ultralight);
}
.site-header-menu-row .logo a {
width: 100%;
}
.site-header-menu-row .logo img {
display: block;
height: 100%;
width: auto;
}
@media(max-width:62rem) {
.site-header-menu-row .site-container {
justify-content: space-between;
}
}
.site-header-menu-row .menu-btn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
@media(max-width:48rem) {
/* .site-header-menu-row .site-container {
display: grid;
grid-template-columns: repeat(1, 1fr);
text-align: center;
} */
.site-header-menu-row .logo {
order: 1;
}
.site-header-menu-row .menu-btn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
}
@media ( max-width: 62rem ) {
/* .site-header-menu-row .phone {
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
} */
#header.header-logo-middle .site-header-menu-row .phone,
#header.header-logo-left .site-header-menu-row .logo {
position:absolute;
left: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
#header.header-logo-left .site-header-menu-row .site-container {
justify-content: center;
}
#header.header-logo-left .site-header-menu-row .logo img {
height: var( --header-menu-height );
}
#header.header-logo-left .site-header-menu-row.stuck .logo img {
height: var( --header-menu-height-stuck );
}
}
@media (max-width: 36rem ) {
.site-header-menu-row .site-container {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
}
.site-header-menu-row .phone {
display: none !important;
}
}
.site-header-mobile-row {
display: block;
width: 100%;
height: var(--header-menu-height);
}
.site-header-mobile-row.sticky-header {
position: sticky;
top: calc( var( --header-menu-height) - 2px );
z-index: 98;
}
.site-header-mobile-row .site-container {
height: 100%;
display: flex;
gap: 1rem;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: relative;
}
@media (min-width: 36rem ) {
.site-header-mobile-row {
display: none;
}
}
/* ==========================================================================
.site-nav-menu | main nav menu
========================================================================== */
.site-nav-menu {
width: auto;
flex: 1;
position: static;
}
/* nav menu link carets
-------------------------------------------------------------------------- */
.site-nav-menu ul > li.menu-item-has-children > a::after {
content: "\f107";
display: inline-block;
margin-left: 0.5rem;
font-family: "Font Awesome 6 Pro";
font-weight: 400;
transition: 0.25s transform;
}
.site-nav-menu ul > li.menu-item-has-children.active > a::after {
transform: rotate(180deg);
}
/* disable caret after grid menu sub-menu headers
.site-nav-menu > ul > li.grid-menu > ul.sub-menu > li > a::after {
display: none;
}
*/
/* desktop nav menu
-------------------------------------------------------------------------- */
@media(min-width: 62rem) {
.before-you-go-content.site-grid .content .site-btn {
display: none;
}
.site-nav-menu {
display: flex;
transition: none;
height: auto;
margin: 0rem 0rem 0rem 1rem;
}
.site-header-menu-row .menu-btn {
display: none;
}
.site-nav-menu > ul,
.site-nav-menu > .cta-menu-container > ul {
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
}
.site-nav-menu li.top-level-link.menu-item-has-children.active,
.site-nav-menu li.top-level-link.grid-menu.active {
border-color: var(--primary);
}
/* The top-level menu items */
.site-nav-menu > ul > li,
.site-nav-menu > .cta-menu-container > ul > li {
display: flex;
flex-grow: 1; /* disable to prevent menu items from filling available space */
width: auto;
height: auto;
transition: none;
background: none;
border-radius: var(--border-radius);
}
.site-nav-menu > ul > li > a,
.site-nav-menu > .cta-menu-container > ul > li > a {
color: var(--primary);
cursor: pointer;
display: flex;
width: 100%;
height: auto;
padding: 1rem 0;
justify-content: center;
align-items: center;
transition: none;
}
.site-nav-menu > ul > li > a:hover,
.site-nav-menu > .cta-menu-container > ul > li > a:hover {
background: var(--ultralight);
border-radius: var(--border-radius);
}
.site-nav-menu > ul > li.active > a,
.site-nav-menu > .cta-menu-container > ul > li.active > a {
color: #fff;
}
.site-nav-menu > ul > li.active > a:hover,
.site-nav-menu > .cta-menu-container > ul > li.active > a:hover {
background: var(--primary);
color: #fff;
}
.site-nav-menu ul > li.active {
background: var(--primary);
color: #fff;
}
.site-nav-menu ul > li.menu-item-has-children.active {
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
/* desktop nav menu sub menus
-------------------------------------------------------------------------- */
.site-nav-menu > ul > li.menu-item-has-children {
position: relative;
left: 0;
}
.site-nav-menu > ul > li.grid-menu {
position: static;
}
/* grid and drop down menu main styles */
.site-nav-menu > ul > li.menu-item-has-children > ul,
.site-nav-menu > ul > li.grid-menu > ul,
.site-nav-menu > ul > li.grid-menu > .cta-menu-container {
display: none;
z-index: 99;
position: absolute;
height: auto;
top: 100%;
left: 0;
border: 1px solid var(--primary);
border-radius: 0 0 var(--border-radius) var(--border-radius);
overflow: hidden;
box-shadow: var(--shadow);
}
.site-nav-menu > ul > li.grid-menu .cta-menu-container {
display: none;
}
.site-nav-menu > ul > li.grid-menu > ul,
.site-nav-menu > ul > li.grid-menu > .cta-menu-container {
top:calc(100% - var(--header-padding) - 2px);
border-radius: var(--border-radius);
}
.site-nav-menu > ul > li.menu-item-has-children.active > ul,
.site-nav-menu > ul > li.grid-menu.active > ul,
.site-nav-menu > ul > li.grid-menu.active > .cta-menu-container,
.site-nav-menu > ul > li.grid-menu.active > .cta-menu-container > ul {
display: block;
}
.site-nav-menu > ul > li.menu-item-has-children.active > ul {
min-width: 100%;
}
.site-nav-menu > ul > li.menu-item-has-children > ul li,
.site-nav-menu > ul > li.grid-menu > ul li ,
.site-nav-menu > ul > li.grid-menu > .cta-menu-container > ul li {
height: auto;
}
.site-nav-menu > ul > li.grid-menu.active > .cta-menu-container {
min-width: 100%;
display: grid !important;
top: 100%;
}
.site-nav-menu > ul > li.grid-menu.active > .cta-menu-container.has-cta-content {
grid-template-columns: 80% 20% !important;
}
/* Desktop navigation menu grid drop-down menu (mega menu) */
.site-nav-menu ul li.grid-menu ul {
width: 100%;
/* max-width: 1200px;*/
right: 0;
top: 100%;
margin-left: auto;
margin-right: auto;
background: #fff;
}
/* Desktop navigation menu traditional drop-down menu */
.site-nav-menu li.menu-item-has-children > ul {
flex-wrap: wrap;
width: auto;
min-width: 10rem;
}
.site-nav-menu li.menu-item-has-children > ul li a {
border: none;
padding: 0.5rem 1rem;
width: 100%;
white-space: nowrap;
display: block;
background: #fff;
border-bottom: 1px solid var(--light);
color: var(--text);
}
.site-nav-menu li.menu-item-has-children:not('.grid-menu') > ul > li:last-child a {
border: none;
}
/* The drop down menu / sub menu link hover color */
.site-nav-menu li.menu-item-has-children > ul > li > a:hover {
background: var(--ultralight);
color: var(--primary);
}
/* desktop nav menu grid-style sub menu
-------------------------------------------------------------------------- */
.site-nav-menu > ul > li.grid-menu {
}
.site-nav-menu > ul > li.grid-menu.active > ul,
.site-nav-menu > ul > li.grid-menu.active > .cta-menu-container > ul {
/* width: 90vw;*/
margin: 0 auto;
display: grid;
grid-template-columns: repeat( auto-fit, minmax(13rem, 1fr) );
padding: 1rem;
gap: 2rem;
}
/* the grid menu sub-menu headers */
.site-nav-menu > ul > li.grid-menu > ul.sub-menu > li > a,
.site-nav-menu > ul > li.grid-menu > .cta-menu-container > ul.sub-menu > li > a {
font-size: calc(var(--font-size) + 3px);
color: var(--primary)
}
/* disable hover on grid menu sub-menu hover */
.site-nav-menu > ul > li.grid-menu > ul.sub-menu > li > a:hover,
.site-nav-menu > ul > li.grid-menu > .cta-menu-container > ul.sub-menu > li > a:hover {
background: none;
color: var(--primary)
}
/* grid menu sub-menu links */
.site-nav-menu li.grid-menu > ul li,
.site-nav-menu li.grid-menu > .cta-menu-container > ul li {
position: relative;
width: 100%;
}
.site-nav-menu li.grid-menu > ul li a,
.site-nav-menu li.grid-menu > .cta-menu-container > ul li a {
padding: 0.5rem 0;
width: 100%;
}
.site-nav-menu li.grid-menu > ul li a:hover,
.site-nav-menu li.grid-menu > .cta-menu-container > ul li a:hover {
background: none;
color: var(--primary);
}
/* grid menu sub-menu link carets */
.site-nav-menu li.grid-menu > ul li a::after,
.site-nav-menu li.grid-menu > .cta-menu-container > ul li a::after {
content: "\f105";
display: inline-block;
margin-left: 0.5rem;
font-family: "Font Awesome 6 Pro";
font-weight: 400;
transition: 0.25s right;
position: absolute;
right: 0;
color: var(--med);
}
.site-nav-menu li.grid-menu > ul li a:hover::after,
.site-nav-menu li.grid-menu > .cta-menu-container > ul li a:hover::after {
right: -0.25rem;
}
/* remove border from last link of grid menu sub-menu */
.site-nav-menu li.grid-menu > ul > li > ul > li:last-child > a,
.site-nav-menu li.grid-menu > .cta-menu-container > ul > li > ul > li:last-child > a {
border: none;
}
} /* end desktop menu */
.site-nav-menu li.grid-menu > .cta-menu-container > ul li a[href="#"]::after {
content: none !important;
}
/* mobile nav menu
-------------------------------------------------------------------------- */
@media(max-width: 62rem) {
.site-nav-menu-btn {
z-index: 99;
}
.site-header-menu-row .menu-btn {
width: auto;
display: flex;
justify-content: flex-end;
align-items: center;
}
.site-nav-menu {
display: block;
opacity: 1;
transition: 0.25s all ease;
position: fixed;
top: 0;
left: -100vw;
width: 25rem;
max-width: calc((100vw - (var(--container-margin) * 2)) - 2rem);
height: 100vh;
overflow-y: scroll;
-webkit-overflow-scrolling:touch;
scrollbar-width: none;
-ms-overflow-style: none;
z-index: 99;
background: var(--mobile-nav-bg);
margin: 0;
padding: 0 0 50px 0;
}
.site-nav-menu::-webkit-scrollbar {
width: 0;
height: 0;
}
.site-nav-menu.active {
left: 0;
opacity: 1;
}
/* mobile nav menu top-level links
-------------------------------------------------------------------------- */
.site-nav-menu > ul {
margin:0;
list-style: none;
display: block;
width: 100%;
padding: 1rem;
}
.site-nav-menu ul > li > ul {
padding: 0;
}
.site-nav-menu ul li {
display: block;
width: 100%;
}
.site-nav-menu > ul > li {
position: relative;
display: block;
text-decoration: none;
border-radius: var(--border-radius);
overflow: hidden;
color: #fff;
margin: 0;
width: 100%;
height: auto;
margin: 0 0 0.5rem 0;
}
.site-nav-menu > ul > li.menu-item-has-children {
border: 1px solid var(--mobile-nav-btn);
}
.site-nav-menu > ul > li.menu-item-has-children > a {
background: var(--mobile-nav-btn);
}
.site-nav-menu > ul > li.menu-item-has-children.active > a {
background: var(--mobile-nav-active-btn);
}
.site-nav-menu > ul > li.menu-item-has-children.active {
border-color: var(--mobile-nav-active-btn);
}
.site-nav-menu > ul > li.menu-item-has-children.active li > a {
background: var(--mobile-bg);
}
.site-nav-menu > ul > li > a {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
color: #fff;
font-size: var(--font-size);
margin: 0;
padding: 1rem;
width: 100%;
height: 100%;
}
.site-nav-menu > ul > li > a {
color: #fff;
}
.site-nav-menu ul li a:hover,
.site-nav-menu ul li a:active,
.site-nav-menu ul li.active a:hover {
color:#fff;
background: var(--primary);
}
.site-nav-menu li i {
order: 2;
font-size: 1.25em;
margin: 0 0 0 0.5em;
transition: 0.25s transform;
}
/* change top-level mobile drop down carets to plus icons */
.site-nav-menu > ul > li.menu-item-has-children > a::after {
content: "\2b";
}
.site-nav-menu > ul > li.menu-item-has-children.active > a::after {
content: "\f068";
}
/* mobile nav menu sub menus
-------------------------------------------------------------------------- */
.site-nav-menu li.menu-item-has-children {
position: relative;
}
.site-nav-menu li.menu-item-has-children .sub-menu {
margin: 0;
position: relative;
display: none;
overflow: hidden;
width: auto;
background: var(--mobile-nav-btn);
}
.site-nav-menu li.menu-item-has-children.active .sub-menu {
display: block;
}
.site-nav-menu * a {
font-weight: normal;
color: #fff;
border: none;
display: block;
width: 100%;
height: auto;
text-align: left;
padding: 1rem;
/* border-top: 1px solid rgba(0,0,0,0.15); */
}
.site-nav-menu .sub-menu li {
margin-top: 1px;
background: var(--mobile-nav-bg);
}
.site-nav-menu .sub-menu li a {
font-size: calc(var(--font-size) - 1px);
}
.site-nav-menu > ul > li > ul.sub-menu > li:first-child,
.site-nav-menu > ul > li > .cta-menu-container > ul.sub-menu > li:first-child {
margin: 0;
}
.site-nav-menu li > ul li:last-of-type a,
.site-nav-menu ul li.grid-menu > .cta-menu-container > ul .site-grid:last-of-type .block:last-of-type h4 a,
.site-nav-menu ul li.grid-menu > .cta-menu-container > ul .site-grid:last-of-type .block:last-of-type h5 a {
border-bottom: none;
}
/* mobile nav menu grid-style sub menus
-------------------------------------------------------------------------- */
/* grid sub menu headers */
.site-nav-menu > ul > li.grid-menu > ul.sub-menu > li > a {
}
.site-nav-menu li.grid-menu .site-grid,
.site-nav-menu li.grid-menu .site-grid:not(:first-of-type) {
display: block;
margin:0;
padding:0;
}
.site-nav-menu li.grid-menu .site-grid .block {
display: block;
margin:0;
padding:0;
width:100%;
}
.site-nav-menu li.grid-menu > ul h4,
.site-nav-menu li.grid-menu > ul h5,
.site-nav-menu li.grid-menu > .cta-menu-container > ul h4,
.site-nav-menu li.grid-menu > .cta-menu-container > ul h5 {
margin:0;
padding:0;
}
.site-nav-menu li.grid-menu > ul h6,
.site-nav-menu li.grid-menu > .cta-menu-container > ul h6 {
display: none;
}
/* Disable .site-img-hover-box in mobile menu */
.site-nav-menu li.grid-menu > ul .site-img-hover-box,
.site-nav-menu li.grid-menu > .cta-menu-container > ul .site-img-hover-box {
display: none;
}
.site-nav-menu li.grid-menu > ul p,
.site-nav-menu li.grid-menu > .cta-menu-container > ul p {
display: none;
}
/* .site-icon-box item visibility on mobile menu */
.site-icon-box {
display: block;
}
.site-icon-box i {
display: none;
}
.site-nav-menu .mega-menu li.header {
margin: 0;
}
.site-nav-menu .mega-menu li.header i {
display: none;
}
.site-nav-menu .mega-menu-img {
display: none;
}
/* add forward carets to mobile nav links */
.site-nav-menu ul:not(#header-menu-mobile) > li > a::after,
.site-nav-menu ul:not(#header-menu-mobile) > li.menu-item-has-children > a::after {
content: "\f105";
display: inline-block;
margin-left: 0.5rem;
font-family: "Font Awesome 6 Pro";
font-weight: 400;
position: absolute;
right: 1rem;
}
} /* End mobile navigation menu */
/* -------------------------------------------------------------
/ Hamburger by Jonathan Suh
/ - https://github.com/jonsuh/hamburgers
/ -------------------------------------------------------------*/
.hamburger{padding:1em 1em;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.active:hover{opacity:.7}.hamburger.active .hamburger-inner,.hamburger.active .hamburger-inner::after,.hamburger.active .hamburger-inner::before{background-color:#000}.hamburger-box{width:40px;height:24px;display:block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
background-color: var(--primary);
}
/* ==========================================================================
Return to top button
========================================================================== */
.site-rtt {
position: fixed;
bottom: 8rem;
right: 1rem;
padding: 0;
width: 3rem;
height: 3rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: var(--primary);
color: #fff;
opacity: 0;
transition: 0.5s background, 0.5s color;
cursor: pointer;
z-index: 99;
box-shadow: var(--shadow);
pointer-events: none;
}
.site-rtt:hover {
background: var(--primary-hover);
}
.site-rtt.visible {
opacity: 1;
pointer-events: auto;
}
/* ==========================================================================
Site content wrapper
========================================================================== */
.site-content {
width: 100%;
}
/* ==========================================================================
Site container
========================================================================== */
.site-container {
width: 100%;
margin: 0 auto;
display: block;
}
/* ==========================================================================
Site grid
========================================================================== */
.site-grid {
width: 100%;
display: grid;
grid-template-columns: repeat( auto-fit, minmax(20rem, 1fr) );
gap: 2rem;
}
.site-grid .block img {
width: 100%;
height: auto;
vertical-align: top;
}
footer .site-grid {
grid-template-columns: repeat( auto-fit, minmax(16rem, 1fr) );
}
/* Grid spacing in slick slider */
.site-grid.with-spacing .slick-slide {
margin-right: 2em;
}
.site-grid.with-spacing .slick-list {
margin-right: -2em;
}
@media(max-width:768px) {
.site-grid.with-spacing .slick-slide {
margin-right: 0;
}
.site-grid.with-spacing .slick-list {
margin-right: 0;
}
}
/* ==========================================================================
Site buttons
========================================================================== */
/* Basic site button setup
-------------------------------------------------------------------------- */
.site-btn {
display: inline-block;
}
.site-btn > a {
display: inline-block;
width: auto;
height: auto;
padding: 0.5rem 1.5rem;
border-radius: var(--border-radius);
background: var(--primary);
border: 1px solid var(--primary);
color: #fff;
text-decoration: none;
transition: 0.5s background, 0.5s border, 0.5s color;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1.05rem;
}
.site-btn.btn-outline > a {
background: none;
color: var(--primary);
}
.site-btn > a:hover {
background: var(--primary-hover);
color: #fff;
}
.site-btn.btn-outline > a:hover {
background: var(--primary);
}
.site-btn > a > i {
display: flex;
align-items: center;
}
.site-btn.icon-right i {
margin-left: 0.5rem
}
.site-btn.icon-left i {
margin-right: 0.5rem;
}
/* Site button with click menu
-------------------------------------------------------------------------- */
.site-btn.btn-menu {
position: relative;
}
.site-btn.btn-menu > ul {
z-index: 99;
display: none;
min-width: 100%;
position: absolute;
top: calc(100% + 1px);
left: 0;
background: #fff;
border-radius: var(--border-radius);
overflow: hidden;
border: 1px solid var(--med);
box-shadow: 0 8px 16px rgb(25 35 45 / 8%);
}
.site-btn.btn-menu.active > ul {
display: block;
}
.site-btn.btn-menu > ul > li {
width: 100%;
display: block;
}
.site-btn.btn-menu > ul > li > a {
width: 100%;
padding: 6px 12px;
display: block;
border-bottom: 1px solid var(--light);
white-space: nowrap;
}
.site-btn.btn-menu > ul > li > a:hover {
background: var(--light);
}
.site-btn.btn-menu > ul > li:last-child > a {
border: none;
}
/* ==========================================================================
Site video
Resonsive aspect-ratio locked video container
========================================================================== */
.site-video {
width: 100%;
position: relative;
padding-bottom: 56.25%;
height: 0;
cursor: pointer;
}
.site-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ==========================================================================
Image hoxer box
========================================================================== */
.site-img-hover-box {
width: 100%;
height: auto;
padding-bottom: 50%;
background:var(--ultralight);
border-radius: var(--border-radius);
display: block;
position: relative;
overflow: hidden;
}
.site-img-hover-box .hover-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-content: center;
opacity: 0;
transition: 0.5s opacity;
}
.site-img-hover-box:hover .hover-content {
opacity: 1;
}
.site-img-hover-box i {
color: #fff;
text-align: center;
flex-basis: 100%;
font-size: 35px;
margin: 0 0 2em 0;
}
.site-img-hover-box .site-btn a {
}
/* ==========================================================================
Icon box
========================================================================== */
.site-icon-box {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
text-align: center;
}
.site-icon-box * {
flex-basis:100%;
}
.site-icon-box i {
color: var(--primary);
font-size: 1.5em;
margin:0 0 1rem 0;
}
/* ==========================================================================
Site accordion
========================================================================== */
.site-accordion {
width: 100%;
border-radius: var(--border-radius);
border: 1px solid var(--light);
overflow: hidden;
margin-top: 2rem;
}
/* Individual accordion styles */
.site-accordion .section {
border-top: 1px solid var(--light);
}
.site-accordion .section:first-child {
border: none;
}
/* Accordion title bars */
.site-accordion .title {
color: var(--primary);
padding: 1rem;
background: var(--ultralight);
margin:0;
cursor: pointer;
transition: 0.5s background, 0.5s color;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
font-weight: 500;
font-family: var(--font-heading);
font-size: 1.1rem;
}
/* Opened accordion title */
.site-accordion .section.open .title {
background: var(--primary);
color: #fff;
}
/* Hovered accordion title */
.site-accordion .section:not(.open):hover .title {
background: var(--light);
}
/* The open/close symbol */
.site-accordion .title::after {
margin-left: auto;
margin-right: 5px;
content: "\f067";
color: var(--primary);
text-align: center;
font-family: 'Font Awesome 5 Pro';
transition: 0.25s transform;
font-size: 1.5em;
font-weight: 600;
}
.site-accordion .section.open .title::after {
transform: rotate(45deg);
color:#fff;
}
/* The accordion body */
.site-accordion .body {
display: none;
padding: 2rem;
background: #fff;
color: var(--text);
}
/* ==========================================================================
Site tabbed box
========================================================================== */
.site-tabs {
}
.site-tabs .tabs {
display: flex;
}
.site-tabs .tab {
display: block;
padding: 0.5rem 1rem;
border-right: 1px solid #fff;
border-radius: var(--border-radius) var(--border-radius) 0 0;
background: var(--light);
color: #909295;
cursor: pointer;
}
.site-tabs .tab.active {
background: var(--primary);
color: #fff;
}
.site-tabs .tab-contents {
border: 1px solid var(--primary);
border-top: 5px solid var(--primary);
border-radius: 0 0 var(--border-radius) var(--border-radius);
padding: 1rem;
}
.site-tabs .content {
display: none;
}
.site-tabs .content.active {
display: block;
}
/* ==========================================================================
Site footer
========================================================================== */
footer {
background: var(--dm-dark);
color: var(--dm-text);
padding: 0;
z-index: 2;
}
footer .site-grid {
gap: 100px;
gap: 2rem;
padding: 4rem 0 4rem;
}
footer .site-grid h5 {
color: #fff;
font-weight: normal;
}
footer .site-grid i {
width: 1rem;
text-align: center;
margin: 0 0.75rem 0 0;
}
footer .site-grid a {
color: #fff;
}
footer .site-grid a:hover {
text-decoration: underline;
}
footer .footer-contact-info li {
margin: 0 0 1rem 0;
}
footer .footer-socials ul {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
footer .footer-socials li a {
color: var(--dm-text);
font-size: 1.5rem;
}
footer .footer-socials li a:hover {
color: #fff;
}
footer .legal {
padding: 1rem 0;
opacity: 0.5;
}
footer .legal a {
opacity: 1;
color: var(--dm-text);
text-decoration: underline;
}
footer .legal .site-container {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
footer .legal .site-container * {
margin: 0 1rem 0 0;
}
/* ==========================================================================
Gravity forms
========================================================================== */
/* Style the Gravity Forms input and textarea */
.site-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.site-form .gform_wrapper textarea {
width: 100%;
border-radius: var(--border-radius);
padding: 6px 12px;
/* margin:0 0 10px 0;*/
background: #fff;
color: var(--text);
border: 1px solid var(--med);
font-family: var(--font-text);
font-size: 1rem;
transition: 0.25s all;
appearance: none;
-webkit-appearance: none;
}
.site-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.site-form .gform_wrapper textarea:focus {
border: 1px solid var(--primary);
outline: none;
}
.site-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
.site-form .gform_wrapper textarea::placeholder {
color: var(--text);
opacity: 0.5;
}
/* Style the Gravity Forms input label */
.site-form .hidden_label label {
display: none;
}
.site-form .gform_wrapper .top_label .gfield_label, .site-form .gform_wrapper legend.gfield_label {
font-family: var(--font-text);
font-size: 1rem;
font-weight: normal;
color: var(--text);
}
.site-form .gform_wrapper .gfield_required {
color: #DC3545;
font-style: normal;
}
/* Style the Gravity Forms errors */
.site-form .validation_error {
background: #FEEFB3;
color: #9F6000;
padding: 6px 12px;
border-radius: 2px;
margin: 0 0 5px 0;
width: 100%;
}
.site-form .validation_message {
background: #FFBAB9;
color: #DC3545;
padding: 0.5rem 75rem;
border-radius: var(--border-radius);
margin: 1rem 0 0.25rem 0;
width: auto;
}
/* Style the Gravity Forms button */
.site-form .gform_wrapper .gform_footer input.button,
.site-form .gform_wrapper .gform_footer input[type=submit],
.site-form .gform_wrapper .gform_page_footer input.button,
.site-form .gform_wrapper .gform_page_footer input[type=submit] {
font-size: 1rem;
background: var(--primary);
border-radius: var(--border-radius);
padding: 6px 12px;
color: #fff;
border: none;
cursor: pointer;
overflow:hidden;
transition: .5s all;
bottom: 0;
position: relative;
appearance: none;
-webkit-appearance: none;
}
.site-form .gform_wrapper .gform_footer input.button:hover,
.site-form .gform_wrapper .gform_footer input[type=submit]:hover,
.site-form .gform_wrapper .gform_page_footer input.button:hover,
.site-form .gform_wrapper .gform_page_footer input[type=submit]:hover {
background: var(--primary-hover);
}
.site-form .gform_wrapper.gravity-theme .gform_footer button,
.site-form .gform_wrapper.gravity-theme .gform_footer input,
.site-form .gform_wrapper.gravity-theme .gform_page_footer button,
.site-form .gform_wrapper.gravity-theme .gform_page_footer input {
margin: 0;
}
/* Sidebar gravity form */
#sidebar .sidebar-form {
border: 1px solid var(--primary);
background: var(--light);
border-radius: var(--border-radius);
overflow: hidden;
margin: 0 0 2em 0;
}
#sidebar .sidebar-form-header {
background: var(--primary);
padding: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: 0.25s color;
}
#sidebar .sidebar-form-header i {
color: #fff;
font-size: 1.5rem;
transition: 0.25s transform;
position: relative;
left: 0;
}
#sidebar .sidebar-form-header i.rotate {
transform: rotate(90deg);
}
#sidebar .sidebar-form-header h5 {
color: #fff;
margin: 0;
}
#sidebar .site-form {
padding: 1rem;
}
#sidebar .site-form label,
#sidebar .site-form .gfield_label_before_complex {
display: none;
}
#sidebar .site-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#sidebar .site-form .gform_wrapper textarea {
margin: 0;
}
#sidebar .site-form .gform_wrapper.gravity-theme .gform_footer,
#sidebar .site-form .gform_wrapper.gravity-theme .gform_page_footer {
padding: 0;
margin: 10px 0 0 0;
}
/* -------------------------------------------------------------
/ Gravity Forms Custom Checkboxes & Radio Buttons
/ -------------------------------------------------------------*/
/* Hide the default checkbox */
.site-form .gform_wrapper ul.gfield_checkbox li input[type=checkbox],
.site-form .gform_wrapper ul.gfield_radio li input[type=radio] {
display: none;
}
.site-form ul.gfield_checkbox label::before,
.site-form ul.gfield_radio label::before {
font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
}
/* Label */
.site-form ul li label {
font-size:1rem;
font-weight: normal;
color: #727272;
opacity: 1;
transition: .3s all;
}
/* Unchecked Icon */
.site-form ul.gfield_checkbox li label::before {
content: '\f0c8';
font-size:24px;
font-weight: 400;
letter-spacing: 10px;
transition: .3s all;
position: relative;
top:3px;
color:#184A75;
}
/* Checked Icon */
/*.site-form input[type=checkbox]:checked ~ label::before {
content: '\f14a';
font-weight: 900;
letter-spacing: 10px;
color:#DE2315;
}*/
/* Unselected Radio */
.site-form ul.gfield_radio li label::before {
content: '\f204';
font-size:24px;
letter-spacing: 10px;
transition: .3s all;
position: relative;
top:3px;
color:#184A75;
font-weight: 900;
}
/* Selected Radio */
.site-form input[type=radio]:checked ~ label::before {
content: '\f205';
letter-spacing: 10px;
color:#DE2315;
font-weight: 900;
}
/* Checked / Selected Label */
.site-form input[type=checkbox]:checked ~ label,
.site-form input[type=radio]:checked ~ label {
color:var(--primary);
}
.site-form .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,
.site-form .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
font-weight: normal;
}
/* Disable empty br */
.site-form .ginput_container_checkbox br,
.site-form .ginput_container_radio br {
display: none !important;
}
/* Checkbox/Radio container margin */
body .site-form .gform_wrapper ul li.field_description_below div.ginput_container_checkbox,
body .site-form .gform_wrapper ul li.field_description_below div.ginput_container_radio {
margin-top:0;
}
/* Checkbox wrapper margins + padding */
.site-form .checkbox-wrap {
padding:1rem 0 0 0 !important;
}
.site-form .gform_wrapper .checkbox-wrap ul li.gfield {
margin: 0 !important;
}
.site-form .checkbox-wrap:last-of-type {
padding:1rem 0 10px 0 !important;
}
/* Individual checkbox / radio margins */
.site-form .gform_wrapper .gfield_checkbox li label,
.site-form .gform_wrapper .gfield_radio li label {
margin:0 0 0 2px;
}
@media only screen and (min-width: 641px) {
.site-form .gform_wrapper .gfield_checkbox li,
.site-form .gform_wrapper .gfield_radio li {
margin: 0;
}
}
/* ==========================================================================
Slick slider
========================================================================== */
/* Disable outline on slick slider focus and click */
.slick-slide, .slick-slide * {
outline: none !important;
}
/* The slider */
.slick-slider {
}
/* Custom styles for slick-slider dots */
.slick-slider .slick-dots {
position: relative;
bottom: 0;
padding: 3em 0 0 0;
}
.slick-slider .slick-dots li button::before {
font-size: 10px;
transition: .25s all;
color: var(--secondary);
}
.slick-slider .slick-dots li.slick-active button::before {
color: var(--secondary);
}
.slick-slider .slick-dots li:hover button::before {
transform: scale(1.2);
}
/* Custom styles for slick-slider arrows */
.slick-slider.with-arrows {
padding-left: 75px;
padding-right: 75px;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
width: 50px;
height: 50px;
padding: 1px;
display: block;
transition: 0.5s all;
background: none;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
background: none;
}
.slick-slider .slick-prev {
left: 0;
text-align: left;
}
.slick-slider .slick-next {
right: 0;
text-align: right;
}
.slick-slider .slick-prev::before,
.slick-slider .slick-prev:focus::before,
.slick-slider .slick-next::before,
.slick-slider .slick-next:focus::before {
display: block;
background: none;
font-size: 35px;
color: var(--primary);
opacity: 0.5;
}
.slick-slider .slick-prev:hover::before,
.slick-slider .slick-next:hover::before {
color: var(--primary);
opacity: 0.9; /* Using opacity: 1 breaks safari */
}
/* Custom styles for independent controls */
.site-slider-controls {
margin: 0 0 1rem 0;
text-align: right;
}
.site-slider-controls i {
background: var(--primary);
color: #fff;
margin: 0;
padding: 0.5rem 1rem;
display: inline-block;
cursor: pointer;
transition: 0.5s all;
}
.site-slider-controls i:hover {
background:var(--secondary);
}
/* ==========================================================================
Site homepage
========================================================================== */
/* Home demo styles */
.home-grid,
.home-accordion,
.home-tabs,
.home-blog {
padding: 3rem 0;
}
.home-grid .site-grid {
gap: 2rem;
}
/* ==========================================================================
Site title bar
========================================================================== */
.site-title-bar {
padding: 2rem 2rem;
margin: 0 0 2rem 0;
background: var(--ultralight);
border-radius: var(--border-radius);
border: 1px solid var(--content-border-color);
}
.site-title-bar.title-bar--outer {
border-radius: 0;
}
.site-title-bar .site-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-title-bar.title-bar--inner > .site-container {
display: block;
}
.site-title-bar h2 {
margin: 0 0 0.5rem 0;
padding: 0;
}
/* Rank Math breadcrumbs below title bar
-------------------------------------------------------------------------- */
.site-breadcrumbs {
}
.site-breadcrumbs nav::before {
margin: 0 0.5rem 0 0;
color: var(--secondary);
content: '\f124';
display: inline-block;
font-family: 'Font Awesome 6 Pro';
font-weight: 500;
}
.site-breadcrumbs.breadcrumbs--inner nav::before {
color: var(--primary);
}
.site-breadcrumbs nav {
display: flex;
align-items: center;
justify-content: flex-start;
}
.site-breadcrumbs .separator {
opacity: 0.5;
}
.site-breadcrumbs .last {
opacity: 0.75;
}
/* ==========================================================================
pages and posts
========================================================================== */
/* .site-content
-------------------------------------------------------------------------- */
.site-content {
}
.site-content main {
width: auto;
padding: 3rem var(--container-margin);
background: #fff;
}
/* .site-content.has-sidebar
-------------------------------------------------------------------------- */
.site-content.has-sidebar {
padding: 3rem var(--container-margin);
display: grid;
gap: 2rem;
grid-template-columns: repeat(4, 4fr);
}
.site-content.has-sidebar main {
padding: 0;
background: #fff;
grid-column: span 3;
}
.site-content aside {
padding: 0;
}
.site-sidebar.sidebar--sticky {
position: sticky;
}
@media(max-width: 62rem) {
.site-content.has-sidebar {
grid-template-columns: repeat(1, 1fr);
}
.site-content.has-sidebar main {
grid-column: span 1;
}
.site-content aside {
padding-top: 0;
}
}
/* aside
-------------------------------------------------------------------------- */
aside div:last-child {
margin: 0 !important;
}
/* sidebar widgets
-------------------------------------------------------------------------- */
.widget-reviews {
background: #fff;
border-radius: var(--border-radius);
border: 1px solid var(--primary);
padding: 1rem;
margin-bottom:2rem;
}
/* ==========================================================================
starter page templates
========================================================================== */
/* template-reviews.php
-------------------------------------------------------------------------- */
.template-reviews {}
.template-reviews main .site-grid,
.site-grid.reviews-grid {
gap: 1rem;
margin: 2rem 0 0;
grid-template-columns: repeat( auto-fit, minmax(24rem, 1fr) );
}
.template-reviews main .grid-item,
.site-grid.reviews-grid .grid-item {
border: 1px solid var(--med);
padding: 2rem;
border-radius: var(--border-radius);
}
.template-reviews main .grid-item .name,
.site-grid.reviews-grid .grid-item .name {
font-weight: 500;
color: var(--dm-dark);
}
/* template-contact-us.php
-------------------------------------------------------------------------- */
.template-contact-us main .site-grid {
}
.template-contact-us main .grid-item:first-child {
grid-column: span 2;
}
.template-contact-us ul.contact-info li:not(.site-header-top-row li) {
margin: 0 0 0.5rem 0;
}
.template-contact-us ul.contact-info i {
margin: 0 1rem 0 0;
}
.template-contact-us ul.contact-info a {
text-decoration: none;
}
.template-contact-us ul.contact-info a:hover:not(.site-header-top-row a) {
text-decoration: underline;
}
.template-contact-us ul.socials li {
margin: 0 0 0.5rem 0;
}
.template-contact-us ul.socials a {
text-decoration: none;
text-transform: capitalize;
display: inline-flex;
align-items: center;
}
.template-contact-us ul.socials a i {
font-size: 1.5rem;
margin: 0 1rem 0 0;
}
.template-contact-us .map iframe {
display: block;
width: 100%;
height: auto;
aspect-ratio: 2/1;
margin: 2rem 0 0 0;
}
/* ==========================================================================
blog and post styles
========================================================================== */
.site-content.blog {
background: #fff;
}
/* Blog grid */
.blog.index .site-grid {
grid-template-columns: repeat( auto-fit, minmax(18rem, 1fr) );
row-gap: 4em;
column-gap: 1rem;
}
.site-featured-img {
width: 100%;
border-radius: var(--border-radius);
max-height: 30rem;
aspect-ratio: 3/2;
height: auto;
margin: 0;
background: var(--ultralight);
background-size:cover;
background-position:center;
position: relative;
overflow: hidden;
}
.site-featured-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.site-featured-img .date {
position: absolute;
bottom: 1rem;
right: 0;
padding: 0.125rem 0.5rem;
border-radius: var(--border-radius) 0 0 var(--border-radius);
background: var(--primary);
color: #fff;
font-size: calc(var(--font-size) - 3px);
}
.blog.index article {
background: #fff;
border: 1px solid var(--med);
border-radius: var(--border-radius);
/* Allow .text to flex within this div */
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: column;
overflow: hidden;
position: relative;
}
.blog.index article .text {
padding: 1rem;
/* Make .text fill the emaining height of the article */
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
flex-grow: 1;
}
.blog.index .entry-title {
margin: 0 0 0.5rem 0;
}
/* Anchor the 'read more' button to the bottom of .text */
.blog.index article .site-btn {
margin-top: auto;
}
/* The blog article category tags */
.blog article .meta {
display: flex;
justify-content: flex-start;
margin: 0 0 1rem 0;
}
ul.post-categories {
display: flex;
gap: 0.5rem;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
ul.post-categories li {
background: none;
border: none;
padding: 0;
margin: 0;
display: inline-flex;
}
ul.post-categories li a {
border: none;
background: var(--ultralight);
font-size: calc(var(--font-size) - 3px);
font-family: var(--font-heading);
font-weight: 500;
border-radius: var(--border-radius);
padding: 0.125rem 0.5rem;
color: var(--primary);
text-decoration: none;
}
ul.post-categories li a:hover {
color: #fff;
background: var(--primary)!important;
}
#l10-post-widget .posts ul li .text:hover ul.post-categories li a {
background-color: #fff;
transition: .5s ease;
}
/* default category icons */
ul.post-categories li i {
font-family: "Font Awesome 6 Pro";
font-weight: 500;
display: inline-flex;
justify-content: flex-start;
align-items: center;
margin: 0 0.25rem 0 0;
font-size: calc(var(--font-size) - 1px);
}
#sidebar .widget-categories {
border: 1px solid var(--primary);
background: #fff;
border-radius: var(--border-radius);
padding: 1rem;
margin: 2rem 0;
}
#sidebar .widget-categories h4 {
color: var(--text);
}
.blog article .meta .category i,
#sidebar .widget-categories .category i {
margin: 0 5px 0 0;
}
/* the blog summary hr */
.blog.index article hr {
margin: 1rem 0;
}
/* -------------------------------------------------------------
/ Blog pagination styles
/ -------------------------------------------------------------*/
.site-pagination {
display: grid;
grid-template-columns: repeat(3, 3fr);
text-align: center;
}
.site-pagination .previous {
text-align: left;
}
.site-pagination .next {
text-align: right;
}
.site-pagination .pages {
display: inline-block;
padding: 6px 12px;
border-radius: var(--border-radius);
background: var(--light);
}
.site-pagination .pages p {
opacity: 0.5;
}
/* -------------------------------------------------------------
/ Blog and Post Styles
/ - Post Excerpt
/ -------------------------------------------------------------*/
.site-post-excerpt {
margin: 0 0 20px 0;
}
/* -------------------------------------------------------------
/ Service Area Page + Post Styles
/ -------------------------------------------------------------*/
/* Service area posts */
.service-areas article.service-area-post p:empty {
display: none;
}
.service-areas article .map,
.single-service-areas .map {
background: var(--ultralight);
aspect-ratio: 16/10;
width: 100%;
height: auto;
display: block;
position: relative;
}
.single-service-areas .map {
border-radius: var(--border-radius);
overflow: hidden;
}
.service-areas .map iframe,
.single-service-areas .map iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Service area map placeholder */
.service-areas .map .placeholder,
.single-service-areas .map .placeholder {
display: flex;
height: 100%;
justify-content: center;
align-content: center;
text-align: center;
flex-wrap: wrap;
}
.service-areas .map .placeholder p,
.single-service-areas .map .placeholder p {
flex-basis: 100%;
margin: 0 0 1rem 0;
font-size: 0.9em;
}
.service-areas .map .placeholder p:first-child,
.single-service-areas .map .placeholder p:first-child {
text-transform: uppercase;
}
/* ==========================================================================
Site Galleries
========================================================================== */
/* Gallery .site-content classes
-------------------------------------------------------------------------- */
.site-content.gallery.max-width #content {
padding-left: 30px;
padding-right: 30px;
}
/* Gallery modal box
-------------------------------------------------------------------------- */
.site-gallery-modal {
width: 100%;
height: 100%;
background: rgba(43, 42, 51, 0.9);
/*backdrop-filter: blur(2px);*/
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 99;
}
.site-gallery-modal .modal-controls {
width: 100%;
height: 3em;
background: #1c1c22;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.site-gallery-modal .modal-controls .title {
margin-right: auto;
color: #2b2a33;
text-align: left;
padding: 0 0 0 1rem;
color: #bbc1c7;
height: 50px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.site-gallery-modal .modal-controls .title i {
font-size: 1.5em;
margin: 0 0.5em 0 0;
}
.site-gallery-modal .control {
width: 3em;
height: 3em;
cursor: pointer;
border-left: 1px solid #2b2a33;
transition: 0.5s all;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s all;
}
.site-gallery-modal .control:hover {
background: #42414d;
}
.site-gallery-modal .control.close {
background: var(--primary);
}
.site-gallery-modal .control.close:hover {
background: var(--primary-hover);
}
.site-gallery-modal .control i {
font-size: 1.5em;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.site-gallery-modal .modal-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
height: calc(100% - 3em);
}
.site-gallery-modal .modal {
width: auto;
height: auto;
margin: 0 auto;
display: block;
}
.site-gallery-modal .modal-content {
width: 100%;
}
.site-gallery-modal .gallery-item {
position: relative;
overflow: hidden;
background: #1d2327;
border-radius: var(--border-radius);
}
.site-gallery-modal .gallery-item img {
width: auto;
max-width: calc(100vw - 4em);
height: auto;
max-height: calc(100vh - 8em);
margin: 0 auto;
display: block;
border-radius: var(--border-radius);
}
/* Gallery modal captions */
.site-gallery-modal .gallery-item p {
padding: 1rem;
margin: 0;
color: #fbfbfe;
display: inline-block;
width: calc(100% - 2rem);
display: block;
position: absolute;
border-radius: var(--border-radius);
left: 0;
right: 0;
margin: 0 auto;
bottom: 1rem;
background: rgba(28, 28, 34, 0.9);
color: #bbc1c7;
overflow: hidden;
}
/* Grid Gallery
-------------------------------------------------------------------------- */
/* The grid gallery columns */
.site-gallery.grid {
display: grid;
min-width:100%;
gap: 1rem;
}
/* The aspect ratio of the gallery images */
.site-gallery.grid .gallery-item {
display: block;
position: relative;
width: 100%;
height: auto;
padding-bottom: calc(100%);
overflow: hidden;
border-radius: var(--border-radius);
}
/* Crop and scale the gallery images */
.site-gallery.grid .gallery-item img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
/* The gallery image zoom icon */
.site-gallery.grid .gallery-item::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
content: '';
background: var(--primary-opacity);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 3em;
background-position: center;
font-size: 2rem;
opacity: 0;
transition: 0.5s all;
cursor: zoom-in;
}
.site-gallery.grid .gallery-item:hover::after {
opacity: 1;
}
/* The gallery image captions */
.site-gallery.grid .gallery-item p {
display: none;
}
/* The gallery warning */
.site-gallery.grid .gallery-warning {
background: #fbebec;
border: 1px solid #f8d7da;
color: #fff;
text-align: center;
width: 100%;
display: flex;
padding: 2rem;
position: relative;
justify-content: center;
align-content: center;
aspect-ratio: 1;
flex-wrap: wrap;
overflow-wrap: break-word;
overflow: hidden;
font-size: 13px;
color: #db3544;
}
.site-gallery.grid .gallery-warning p {
width: 100%;
}
.site-gallery.grid .gallery-warning i {
font-size: 60px;
margin: 0 0 1rem 0;
flex-basis: 100%;
}
/* Match border radius for Contact Page map */
#sidebar .map iframe {
border-radius: var(--border-radius)!important;
}
/* Review Title Capitalize For Consistency */
h5.review-title {
text-transform: capitalize;
}
/* Adjustments for additional fields on the sidebar form and additional styling*/
@media ( max-width: 640px ) {
.gform_wrapper.gravity-theme .gform_fields {
gap: 1rem;
}
div#input_4_8 {
display: grid!important;
grid-template-columns: repeat(2, 1fr)!important;
}
.contact-box h1 {
font-size: 1.8rem!important;
}
}
@media ( min-width: 640px ) {
.gform_wrapper.gravity-theme .gform_fields {
gap: .6rem !important;
}
}
textarea::placeholder {
font-size: .95rem!important;
color: var(--dm-text)!important;
opacity:.5!important;
}
textarea {
font-size: .95rem!important;
border-radius: var(--border-radius)!important;
border: 1px solid var(--med);
font-family: var(--font-main-stack);
transition: .5s ease;
}
input {
transition: .25s all;
}
input::placeholder {
font-size: .95rem!important;
color: var(--dm-text)!important;
opacity:.5!important;
}
.site-form .gform_wrapper .gform_footer input.button, .site-form .gform_wrapper .gform_footer input[type=submit]:hover {
background: var(--primary-hover);
}
input[type=submit]:hover {
background: var(--primary-hover);
}
.site-form .gform_wrapper .gform_footer input.button, .site-form .gform_wrapper .gform_footer input[type=submit] {
font-family: var(--font-heading);
font-weight: 500;
padding: 1.25rem 1.5rem;
line-height: 0;
cursor: pointer;
background: var(--primary);
color: white;
transition: .5s ease;
border: none;
font-size: 1.05rem;
}
input[type=submit] {
font-family: var(--font-heading);
font-weight: 500;
padding: 1.25rem 1.5rem;
line-height: 0;
cursor: pointer;
background: var(--primary);
color: white;
transition: .5s ease;
border: none;
font-size: 1.05rem;
border-radius: var(--border-radius);
}
.site-form .gform_wrapper .gform_footer input.button:focus-within, .site-form .gform_wrapper .gform_footer input[type=submit]:focus-within {
background: var(--primary-hover)!important;
border: none!important;
}
input[type=submit]:focus-within {
background: var(--primary-hover)!important;
border: none!important;
}
input:not(.ginput_container.ginput_container_fileupload input, .gform_footer input.button):not(.before-after-slider .slider) {
height: 2.3rem!important;
font-size: .95rem!important;
border-radius: var(--border-radius)!important;
border: 1px solid var(--med);
font-family: var(--font-main-stack);
transition: .5s ease;
}
input:focus-within {
outline: 0;
border: 2px solid var(--secondary)!important;
transition: .5s ease;
}
textarea:focus-within {
outline: 0;
border: 2px solid var(--secondary)!important;
transition: .5s ease;
}
#l10-post-widget .posts p.no-posts {
font-family: var(--font-text);
}
.announcement-banner {
color: var(--light);
}
#sidebar #l10-post-widget .tab:not(.tab.active):hover {
background: var(--primary-hover)!important;
transition: .3s ease;
}
.site-header-menu-row .phone a,
.site-header-mobile-row .phone a {
display: flex;
align-items: center;
gap: 1rem;
}
.site-header-menu-row .phone a i,
.site-header-mobile-row .phone a i {
color: var(--secondary);
font-size: 2rem;
}
.site-title-bar.title-bar--outer {
margin: 0;
background: var(--light);
background-image: linear-gradient(to right,var(--light),var(--light-opacity),var(--light-opacity),var(--light-opacity)),url(https://4ever.level10designdev.com/wp-content/uploads/2023/04/Wood-dale-open-concept-kitchen-dining-living-area-remodel-scaled.jpg)!important;
height: 100px;
background-size: cover;
background-position: 100% 40%;
}
body.is-sidebar-overlay .site-title-bar {
height: 200px;
}
.site-title-bar.title-bar--outer h2 {
margin: 0;
padding: 0;
color: var(--primary);
}
body.is-sidebar-overlay .site-title-bar .site-page-title h2 {
font-size: 1.8rem;
}
.site-title-bar.title-bar--outer a,.site-tit {
color: #fff;
text-decoration: none
}
.site-breadcrumbs.breadcrumbs--outer {
border-bottom: 1px solid var(--light);
background: var(--primary);
padding: 10px 0;
font-size: var(--font-normal)
}
.site-breadcrumbs.breadcrumbs--outer .separator {
opacity: .5
}
.site-breadcrumbs.breadcrumbs--outer .last {
color: #fff
}
aside#sidebar {
position: sticky;
}
aside .sidebar-container.absolute {
/* position: absolute; */
top: -13rem;
}
@media ( min-width: 2560px ) {
aside .sidebar-container.absolute {
top: -11rem;
}
}
aside .sidebar-container {
position: relative;
transition: top .5s ease 0s;
top: 0
}
aside .sidebar-container.absolute .widget-area {
margin-top: 15rem
}
aside .sidebar-container .widget-area {
margin-top: 0
}
.site-title-bar.title-bar--outer .site-container {
display: flex;
align-items: center;
height: 100%;
}
.site-title-bar.title-bar--outer + .site-breadcrumbs nav p a {
color: #fff;
}
.site-sidebar.sidebar--overlay {
position: sticky;
transition: border ease .3s;
}
.cta-outer {
width: 100%;
padding: 3em;
border-radius: var(--border-radius);
background-size: cover!important;
position: relative;
background-position: 50%!important;
border: 1px solid var(--content-border-color);
color: var(--text)!important;
background-color: var(--light);
}
.cta-outer img {
float: right;
width: 14.5rem;
height: auto;
border-bottom: 0;
position: relative;
top: -9.5rem;
}
.cta-outer .site-btn {
margin-top: 1rem;
}
.cta-outer p {
max-width: 48rem;
}
@media ( max-width: 1665px ) {
.cta-outer img {
width: 10rem;
top: -2rem;
}
.cta-outer p {
max-width: 38rem!important;
}
}
@media ( min-width: 1446px ) {
.cta-outer p {
max-width: 42rem!important;
}
aside#sidebar {
margin-bottom: 2.35rem;
}
.single-post aside#sidebar {
margin-bottom: 0!important;
}
}
@media ( max-width: 1032px ) {
.cta-outer img {
float: none;
margin: 0 auto;
display: block;
top: 0rem!important;
width: 10rem!important;
}
.cta-outer {
text-align: center;
}
}
.site-btn>a:hover:after {
transition: transform .5s ease;
transform: translatex(5px);
}
.site-btn a:after {
content: "\f105";
font-family: 'font awesome 6 pro';
margin-left: 10px;
transition: transform .5s ease;
position: relative;
font-weight: 600;
}
.page-template-templatestemplate-service-areas-php hr.cta_hr {
display: none;
}
.page-template-templatestemplate-service-areas-php aside#sidebar {
margin-bottom: 3.3rem;
}
@media(max-width:1445px) {
.page-template-templatestemplate-service-areas-php aside#sidebar {
margin-bottom: 0.7rem;
}
}
.cta-menu-container .menu-cta {
background: var(--light);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
justify-content: center;
align-items: end;
padding-bottom: 20px
}
@media ( max-width: 62rem) {
.cta-menu-container .menu-cta {
display: none;
}
.template-reviews main .site-grid,
.site-grid.reviews-grid {
gap: 2rem;
}
}
@media (max-width: 36rem) {
#header:not(.mobile-header) .site-header-mobile-row {
display: none;
}
:target::before {
height: 13rem!important;
color: transparent!important;
}
#header.mobile-header .site-header-top-row .phone-number {
display: none;
}
}
.home-map .map h3 {
z-index: 2;
position: absolute;
top: 2rem;
}
.home-map .map h3.headline-align-left {
left: 2rem;
}
.home-map .map h3.headline-align-right {
right: 2rem;
text-align: right;
}
.home-map .map h3 span {
padding: 0.125rem 0.5rem;
display: inline;
margin: 0.125rem 0;
background: var(--primary);
color: #fff;
}
.home-map .map h3 span:empty {
display: none;
}
/* Menu Animations */
.animation-grown-down,
.menu-animation-grown-down li a + .sub-menu > li,
.menu-animation-grown-down li a + .cta-menu-container {
animation: growDown 300ms ease-in-out forwards;
}
.animation-rotate-menu,
.menu-animation-rotate-menu li a + .sub-menu,
.menu-animation-rotate-menu li a + .cta-menu-container {
animation: rotateMenu 300ms ease-in-out forwards;
}
.animation-down-out,
.menu-animation-down-out li a + .sub-menu,
.menu-animation-down-out li a + .cta-menu-container {
animation: downOut 300ms ease-in-out forwards;
}
.animation-grow-out,
.menu-animation-grow-out li a + .sub-menu,
.menu-animation-grow-out li a + .cta-menu-container {
animation: growOut 300ms ease-in-out forwards;
}
.animation-rotate-y,
.menu-animation-rotate-y li a + .sub-menu,
.menu-animation-rotate-y li a + .cta-menu-container {
animation: rotateY 300ms ease-in-out forwards;
}
.animation-slide-down,
.menu-animation-slide-down li a + .sub-menu,
.menu-animation-slide-down li a + .cta-menu-container {
animation: slideDown 300ms ease-in-out forwards;
}
.animation-rotate-x,
.menu-animation-rotate-x li a + .sub-menu,
.menu-animation-rotate-x li a + .cta-menu-container {
animation: rotateX 300ms ease-in-out forwards;
}
.animation-rotate-z,
.menu-animation-rotate-z li a + .sub-menu,
.menu-animation-rotate-z li a + .cta-menu-container {
animation: rotateZ 300ms ease-in-out forwards;
}
/* .animation-scale-z,
.menu-animation-scale-z li a + .sub-menu,
.menu-animation-scale-z li a + .cta-menu-container {
animation: scaleZ 300ms ease-in-out forwards;
} */
.menu-animation-scale-z li a + .sub-menu > li {
opacity: 0;
}
.menu-animation-scale-z li a + .sub-menu > li:nth-child(1) {
transform-origin: top center;
animation: scaleZ 300ms 60ms ease-in-out forwards
}
.menu-animation-scale-z li a + .sub-menu > li:nth-child(2) {
transform-origin: top center;
animation: scaleZ 300ms 120ms ease-in-out forwards
}
.menu-animation-scale-z li a + .sub-menu > li:nth-child(3) {
transform-origin: top center;
animation: scaleZ 300ms 180ms ease-in-out forwards
}
.menu-animation-scale-z li a + .sub-menu > li:nth-child(4) {
transform-origin: top center;
animation: scaleZ 300ms 240ms ease-in-out forwards
}
.menu-animation-scale-z li a + .sub-menu > li:nth-child(5) {
transform-origin: top center;
animation: scaleZ 300ms 300ms ease-in-out forwards
}
.menu-animation-scale-z li a + .sub-menu > li:nth-child(6) {
transform-origin: top center;
animation: scaleZ 300ms 360ms ease-in-out forwards
}
.menu-animation-scale-z li a + .sub-menu > li:nth-child(7) {
transform-origin: top center;
animation: scaleZ 300ms 420ms ease-in-out forwards
}
.menu-animation-scale-z li a + .sub-menu > li:nth-child(8) {
transform-origin: top center;
animation: scaleZ 300ms 480ms ease-in-out forwards
}
.animation-translate-x,
.menu-animation-translate-x li a + .sub-menu,
.menu-animation-translate-x li a + .cta-menu-container {
animation: translateX 300ms ease-in-out forwards;
}
/* Menu Animation Keyframes */
@-moz-keyframes growDown {
0% {
transform: scaleY(0);
}
80% {
transform: scaleY(1.1);
}
100% {
transform: scaleY(1);
}
}
@-webkit-keyframes growDown {
0% {
transform: scaleY(0);
}
80% {
transform: scaleY(1.1);
}
100% {
transform: scaleY(1);
}
}
@-o-keyframes growDown {
0% {
transform: scaleY(0);
}
80% {
transform: scaleY(1.1);
}
100% {
transform: scaleY(1);
}
}
@keyframes growDown {
0% {
transform: scaleY(0);
}
80% {
transform: scaleY(1.1);
}
100% {
transform: scaleY(1);
}
}
@-moz-keyframes rotateMenu {
0% {
transform: rotateX(-90deg);
}
70% {
transform: rotateX(20deg);
}
100% {
transform: rotateX(0deg);
}
}
@-webkit-keyframes rotateMenu {
0% {
transform: rotateX(-90deg);
}
70% {
transform: rotateX(20deg);
}
100% {
transform: rotateX(0deg);
}
}
@-o-keyframes rotateMenu {
0% {
transform: rotateX(-90deg);
}
70% {
transform: rotateX(20deg);
}
100% {
transform: rotateX(0deg);
}
}
@keyframes rotateMenu {
0% {
transform: rotateX(-90deg);
}
70% {
transform: rotateX(20deg);
}
100% {
transform: rotateX(0deg);
}
}
@-moz-keyframes downOut {
0% {
transform: translateZ(200px) transLateY(40px);
}
80% {
transform: translateZ(-10px) transLateY(0px);
}
100% {
transform: translateZ(0px) transLateY(0px);
}
}
@-webkit-keyframes downOut {
0% {
transform: translateZ(200px) transLateY(40px);
}
80% {
transform: translateZ(-10px) transLateY(0px);
}
100% {
transform: translateZ(0px) transLateY(0px);
}
}
@-o-keyframes downOut {
0% {
transform: translateZ(200px) transLateY(40px);
}
80% {
transform: translateZ(-10px) transLateY(0px);
}
100% {
transform: translateZ(0px) transLateY(0px);
}
}
@keyframes downOut {
0% {
transform: translateZ(200px) transLateY(40px);
}
80% {
transform: translateZ(-10px) transLateY(0px);
}
100% {
transform: translateZ(0px) transLateY(0px);
}
}
@-moz-keyframes growOut {
0% {
transform: scale(0);
}
80% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes growOut {
0% {
transform: scale(0);
}
80% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@-o-keyframes growOut {
0% {
transform: scale(0);
}
80% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes growOut {
0% {
transform: scale(0);
}
80% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@-moz-keyframes rotateY {
0% {
transform: rotateY(90deg);
}
80% {
transform: rotateY(-10deg);
}
100% {
transform: rotateY(0);
}
}
@-webkit-keyframes rotateY {
0% {
transform: rotateY(90deg);
}
80% {
transform: rotateY(-10deg);
}
100% {
transform: rotateY(0);
}
}
@-o-keyframes rotateY {
0% {
transform: rotateY(90deg);
}
80% {
transform: rotateY(-10deg);
}
100% {
transform: rotateY(0);
}
}
@keyframes rotateY {
0% {
transform: rotateY(90deg);
}
80% {
transform: rotateY(-10deg);
}
100% {
transform: rotateY(0);
}
}
@-moz-keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-60px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-60px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-o-keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-60px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-60px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-moz-keyframes rotateX {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(-20deg);
}
100% {
opacity: 1;
transform: rotateX(0deg);
}
}
@-webkit-keyframes rotateX {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(-20deg);
}
100% {
opacity: 1;
transform: rotateX(0deg);
}
}
@-o-keyframes rotateX {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(-20deg);
}
100% {
opacity: 1;
transform: rotateX(0deg);
}
}
@keyframes rotateX {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(-20deg);
}
100% {
opacity: 1;
transform: rotateX(0deg);
}
}
@-moz-keyframes rotateZ {
0% {
opacity: 0;
transform: translateZ(290px);
}
80% {
transform: translateZ(10px);
}
100% {
opacity: 1;
transform: translateZ(0);
}
}
@-webkit-keyframes rotateZ {
0% {
opacity: 0;
transform: translateZ(290px);
}
80% {
transform: translateZ(10px);
}
100% {
opacity: 1;
transform: translateZ(0);
}
}
@-o-keyframes rotateZ {
0% {
opacity: 0;
transform: translateZ(290px);
}
80% {
transform: translateZ(10px);
}
100% {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes rotateZ {
0% {
opacity: 0;
transform: translateZ(290px);
}
80% {
transform: translateZ(10px);
}
100% {
opacity: 1;
transform: translateZ(0);
}
}
@-moz-keyframes scaleZ {
0% {
opacity: 0;
transform: scale(0);
}
80% {
transform: scale(1.07);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes scaleZ {
0% {
opacity: 0;
transform: scale(0);
}
80% {
transform: scale(1.07);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-o-keyframes scaleZ {
0% {
opacity: 0;
transform: scale(0);
}
80% {
transform: scale(1.07);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes scaleZ {
0% {
opacity: 0;
transform: scale(0);
}
80% {
transform: scale(1.07);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-moz-keyframes scaleZ {
0% {
opacity: 0;
transform: scale(0);
}
80% {
transform: scale(1.07);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes scaleZ {
0% {
opacity: 0;
transform: scale(0);
}
80% {
transform: scale(1.07);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-o-keyframes scaleZ {
0% {
opacity: 0;
transform: scale(0);
}
80% {
transform: scale(1.07);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes scaleZ {
0% {
opacity: 0;
transform: scale(0);
}
80% {
transform: scale(1.07);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-moz-keyframes translateX {
0% {
opacity: 0;
transform: translateX(60px);
}
80% {
transform: translateX(-5px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
@-webkit-keyframes translateX {
0% {
opacity: 0;
transform: translateX(60px);
}
80% {
transform: translateX(-5px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
@-o-keyframes translateX {
0% {
opacity: 0;
transform: translateX(60px);
}
80% {
transform: translateX(-5px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes translateX {
0% {
opacity: 0;
transform: translateX(60px);
}
80% {
transform: translateX(-5px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
html {
scroll-behavior: smooth;
}
.quick-links {
margin: 2rem 0;
border-radius: var(--border-radius);
}
.quick-links .title {
font-weight: 500;
text-align: center;
font-size: 1.25rem;
border-bottom: 1px solid #ebebeb;
background: var(--primary);
padding: 1rem;
border-radius: var(--border-radius)var(--border-radius)0 0;
color: var(--ultralight);
font-family: var(--font-heading);
}
.quick-links .links {
background: var(--ultralight);
display: grid;
grid-template-columns: repeat( 2,1fr);
text-align: center;
gap: .5rem;
padding: 1rem;
font-size: 1.1rem;
border: 1px solid var(--content-border-color);
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
:target::before {
content: "";
display: block;
height: 8rem;
font-size: 2rem;
color: var(--secondary);
position: relative;
top: 7.85rem;
left: -41px;
opacity: 1;
font-weight: 500;
margin: -50px 0 0;
z-index: -1;
}
:target:not(div):before {
content: "➥";
}
.site-gallery.grid.site-mini-gallery {
margin-top: 2rem;
}
blockquote {
margin-top: 2rem;
padding: 3rem 2rem;
background: var(--ultralight);
transition: border-left-color .3s ease;
position: relative;
padding-right: 5rem;
border-radius: var(--border-radius);
border: 1px solid var(--content-border-color);
font-style: italic;
}
blockquote:after {
content: '\f10e';
font-family: 'font awesome 6 pro';
font-weight: 900;
font-size: 3rem;
position: absolute;
right: 30px;
top: 30px;
opacity: .3;
transition: opacity .3s ease;
color: var(--primary-hover);
}
blockquote:hover::after {
opacity: .6;
}
.entry-content ul li::marker, main#content ul li::marker {
content: "✔";
font-size: 1.4rem;
color: var(--secondary);
font-weight: 700;
}
.entry-content ul li:not(.index li,ul.post-categories li, ul.socials li), main#content ul li:not(.index li,ul.post-categories li, ul.socials li) {
padding-left: 1rem;
margin-bottom: 1rem;
}
.entry-content ul:not(ul.post-categories, ul.socials), main#content ul:not(.index ul,ul.post-categories, ul.socials) {
margin-left: 2rem;
margin-bottom: 2rem;
margin-top: 2rem;
}
.entry-content ul li b, main#content ul li b,
.entry-content ul li strong, main#content ul li strong {
font-weight: 500;
}
.entry-content ol li, main#content ol li {
padding-left: 1rem;
margin-bottom: 1rem;
}
.entry-content ol, main#content ol {
margin-left: 2.3rem;
margin-bottom: 2rem;
margin-top: 2rem;
}
.entry-content ol li b, main#content ol li b,
.entry-content ol li strong, main#content ol li strong {
color: var(--primary);
font-weight: 500;
}
.entry-content ol li::marker, main#content ol li::marker {
font-size: 1.4rem;
color: var(--secondary);
font-weight: 700;
}
main#content h1,
main#content h2,
main#content h3,
main#content h4,
main#content h5,
main#content h6,
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
text-wrap: balance;
}
main#content h1:not(h3.title), main#content h2:not(h3.title), main#content h3:not(h3.title), main#content h4:not(h3.title), main#content h5:not(h3.title), main#content h6:not(h3.title) {
max-width: 58rem;
}
.related-links {
background: var(--ultralight);
padding: 2rem;
border-radius: var(--border-radius);
margin-top: 2rem;
border: 1px solid var(--content-border-color);
}
.related-links ul {
margin-bottom: 0!important;
}
.related-links ul li::marker {
content: "\f005"!important;
font-family: 'font awesome 6 pro';
font-size: 1.2rem!important;
}
.related-links ul li a {
text-decoration: none;
}
.section h3 {
line-height: 1;
}
.entry-content h2:not(h2.h3, h2.h5),
main#content h2:not(h2.h3, h2.h5) {
font-weight: 500;
font-size: 1.7rem;
}
.entry-content h3:not(.site-accordion h3.title,.cta-outer h3),
main#content h3:not(.site-accordion h3.title,.cta-outer h3),
.icon-cta-box > .title {
font-weight: 500;
font-size: 1.4rem;
}
.entry-content h4, main#content h4, .entry-content h5:not(.related-links h5, .level10-share-module h5), main#content h5:not(.related-links h5, .level10-share-module h5) {
font-weight: 400;
font-size: 1.2rem;
}
.highlight-box {
padding: 2rem;
background: var(--ultralight);
border-radius: var(--border-radius);
border: 1px solid var(--content-border-color);
margin-top: 2rem;
}
.icon-cta-box {
padding: 3rem;
background: var(--ultralight);
position: relative;
border-radius: var(--border-radius);
border: 1px solid var(--content-border-color);
margin-top: 2rem;
transition: background .5s ease;
}
.icon-cta-box .site-btn {
margin-top: 1rem;
}
.icon-cta-box--icon {
position: absolute;
top: -1.5rem;
left: -1.5rem;
font-size: 2rem;
background: var(--primary);
border-radius: 50%;
padding: 1rem;
color: var(--ultralight);
width: 4rem;
height: 4rem;
display: flex;
justify-content: center;
align-content: center;
transition: background .5s ease;
}
.icon-cta-box--icon::before {
display: flex;
align-items: center;
justify-content: center;
}
.image-card {
background: var(--ultralight);
border: 1px solid var(--content-border-color);
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: column;
border-radius: var(--border-radius);
}
.site-grid.site-grid--3x1 {
margin-top: 2rem;
}
.image-card--image {
max-height: 14rem;
}
.image-card--image img {
height: 14rem;
object-fit: cover;
width: 100%;
min-height: 14rem;
border-radius: var(--border-radius) var(--border-radius) 0 0!important;
}
.image-card--content {
padding: 2rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
flex-grow: 1;
}
.image-card--content h4 {
color: var(--primary);
font-weight: 600;
text-align: center;
min-width: 100%;
}
.entry-content a:not(.gallery-item,.site-btn a):hover:after {
content: "\f0c1";
position: absolute;
color: var(--primary);
margin-top: -25px;
margin-left: -5px;
font-family: 'font awesome 6 pro';
background: var(--ultralight);
border-radius: 50%;
padding: .3rem .5rem .3rem .5rem;
width: 2.4rem;
border: 1px solid var(--light);
z-index:99;
}
.form-wrapper .site-form input{
margin-bottom:0px!important;
}
.home-banner-container.home-banner-hero-slideshow .site-form {
padding: 1rem;
}
.home-banner-container.home-banner-hero-slideshow .sidebar-form-header {
padding: 1rem;
background: var(--primary);
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.home-banner-container.home-banner-hero-slideshow .sidebar-form-header h5 {
color: #fff;
margin-bottom: 0;
font-size: 1.3rem;
}
.home-banner-hero-static .home-banner p.banner-text {
line-height: 2rem;
}
.widget-area {
background: #fff;
border-radius: var(--border-radius);
border: 1px solid var(--primary);
padding: 1rem;
}
.widget-area img {
margin: auto;
display: block;
}
input::placeholder {
font-family: var(--font-main-stack)!important;
font-weight: 400!important;
font-size: 1rem!important;
}
textarea::placeholder {
font-family: var(--font-main-stack)!important;
font-weight: 400!important;
font-size: 1rem!important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
color: #6c757d94;
font-size: .95rem!important;
}
.charleft.ginput_counter.gfield_description.warningTextareaInfo {
display: none;
}
.entry-content h3:not(.site-accordion h3.title,.highlight-box h3.title,.icon-cta-box h3.title,.image-card h3,.site-grid h3,.cta-outer h3,.mini-cta h3,.badge-cta .title), main#content h3:not(.site-accordion h3.title,.highlight-box h3.title,.icon-cta-box h3.title,.image-card h3,.site-grid h3,.cta-outer h3,.mini-cta h3,.badge-cta .title) {
margin-top: 3rem;
}
.entry-content .site-btn:not(.icon-cta-box .site-btn, .image-card .site-btn, .mini-cta .site-btn), main#content .site-btn:not(.icon-cta-box .site-btn, .image-card .site-btn, .mini-cta .site-btn) {
margin-top: 1rem;
}
.site-grid.standard.site-grid--2x1 div:not(.site-btn) {
padding: 2rem;
}
blockquote b, blockquote strong {
font-weight: 500;
}
.site-grid.standard.site-grid--2x1 {
margin-top: 2rem;
}
.image-card.single {
margin-top: 2rem;
}
.site-grid.site-grid--2x1.double {
margin-top: 2rem;
}
.phone:hover i {
transition: transform .5s ease;
transform: scale3d(1.2, 1.2, 1.2);
}
.phone i {
transition: transform .5s ease;
}
li.phone-number:hover::before {
animation: horizontal-shaking 0.25s infinite;
}
@keyframes horizontal-shaking {
0% { transform: translateX(0) }
25% { transform: translateX(1px) }
50% { transform: translateX(-1px) }
75% { transform: translateX(1px) }
100% { transform: translateX(0) }
}
.section.open .body strong, .section.open .body b {
font-weight: 500;
}
.entry-content > img {
margin-bottom: 2rem;
}
.icon-cta-box+p {
margin-top: 2rem!important;
}
p+iframe {
margin-top: 1rem;
}
iframe {
border-radius: var(--border-radius)!important;
}
iframe#provia_iframe {
border-radius: var(--border-radius)!important;
}
.non-interactive {
pointer-events: none !important;
}
@media ( min-width: 62rem ) {
ul.cta-menu-open {
position: inherit;
}
ul.cta-menu-open .cta-menu-container {
margin-top: -1rem;
}
}
ul.no-full {
position: relative;
}
.site-btn.previous a::after {
display:none;
}
.site-btn.previous a::before {
content: "\f104";
font-family: 'font awesome 6 pro';
margin-right: 10px;
transition: transform .5s ease;
position: relative;
font-weight: 600;
}
.site-btn.previous i {
display: none;
}
.site-btn.previous a:hover::before {
transition: transform .5s ease;
transform: translateX(-5px);
}
.site-btn.next i {
display: none;
}
/* .site-sidebar.sidebar--overlay .absolute .sidebar-form-header {
border: solid thin var(--primary-hover);
border-radius: var(--border-radius);
} */