.logged-in .offcanvas {
top: 5.5rem;
}
.hero-main.is-dark::before,
.home .block-hero .hero::before {
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 100, 230, 0.3)), to(rgba(0, 201, 181, 0.3))); background: linear-gradient(to right, rgba(0, 100, 230, 0.7), rgba(0, 201, 181, 0.7));
}
.hero-main-content, .hero-content {
text-align: center;
max-width: 80%;
margin: 0 auto;
}
.hero-main-text {
text-align: center;
max-width: 44rem;
margin: 0 auto;
line-height: 1.6;
}
.block-hero {
margin: 0;
position: relative;
}
.block-hero .hero::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.hero-content .hero-subtitle {
line-height: 1.6;
}
.block-services {
text-align: center;
}
.block-services .content-wrapper .column-x {
margin: 0 auto;
}
.block-services .block-title {
color: #00c8b4;
text-align: center;
}
.block-services .content-wrapper p {
max-width: 38em;
}
.services-link .button {
background: #00c8b4;
border-color: #00c8b4;
}
.button {
padding: .8em 2em .4em;
}
.block-text-with-bg-image {
position: relative;
overflow: hidden;
}
.content-wrapper.has-background-image .bg-image {
border-radius: 1rem;
}
.content-wrapper.has-background-image::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 100, 230, 1)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(0, 100, 230, 1), rgba(255, 255, 255, 0) 70%);
border-radius: 1rem;
}
.block-text-with-bg-image .content-wrapper.has-background-image {
border-radius: 1rem;
background-color: #0064e6;
padding: 1.5rem;
background-position: left center;
background-size: cover;
position: relative;
}
.block-text-with-bg-image .content-wrapper .row {
z-index: 2;
position: relative;
}
.block-text-with-bg-image .content-wrapper.has-background-image h2,
.block-text-with-bg-image .content-wrapper.has-background-image p {
color: #fff;
}
.block-text-with-bg-image .content-wrapper.has-background-image p {
max-width: 32em;
}
.block-text-with-bg-image .content-wrapper.has-background-image .button {
border: 2px solid #fff;
background: #fff;
color: #0064e6;
}
.block-text-with-bg-image .content-wrapper.has-background-image .button:hover,
.block-text-with-bg-image .content-wrapper.has-background-image .button:active,
.block-text-with-bg-image .content-wrapper.has-background-image .button:focus {
border: 2px solid #0064e6;
background: #0064e6;
color: #fff;
}
.post-preview.border-left {
border-left: 2px solid #0064e6;
padding-left: 0.5em;
} .post-preview h3.post-preview-title {
color: #4d93f0;
}
footer .footer-main {
background-color: #717e86;
color: #fff;
}
.footer-menu-item a {
font-weight: normal;
}
.footer-menu-item a::after {
content: '';
}
.social-link-item svg {
width: 2rem;
height: 2rem;
color: #fff;
}
.footer-social-links {
height: 100%;
}
.social-links {
display: grid;
align-items: end;
}
.block-text .block-content {
max-width: 100%;
}
.img-fluid {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
@media (min-width: 46.875em) {
.hero {
min-height: 30rem;
height: 30vw;
}
.block-text-with-bg-image .content-wrapper.has-background-image {
padding: 3rem;
}
}
@media(min-width: 62.5em) {
.hero-main-content {
max-width: 64rem;
}
.hero-content {
max-width: 40rem;
}
}
.gray-background {
padding: 3rem 0;
background-color: #eef0f1;
}
.gray-background p:last-child {
margin-bottom: 0;
}
.narrow-width, .block-text .block-title, .block-text .block-content {
max-width: 50rem;
}
.text-with-media-image.square-images {
height: auto;
}
.text-with-media-image.square-images picture, .text-with-media-image.square-images .splide {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
display: block;
position: relative;
}
.block-text .block-content h2 {
text-transform: none;
}
@media (min-width: 25em) {
.block-text .block-content h2 {
font-size: 1.75rem;
}
}
@media (min-width: 35em) {
.block-text .block-content h2 {
font-size: 2rem;
}
}
@media (min-width: 46.875em) {
.block {
margin: 3rem 0 3rem;
}
}
p:last-child {
margin-bottom: 0;
}
.block:first-child {
margin-top: 3rem !important;
}
.block:last-child {
margin-bottom: 3rem !important;
}
.text-link {
margin-top: 1.5rem;
}
.centerize {
margin-left: auto;
margin-right: auto;
}
.mb-2 {
margin-bottom: 2rem;
}
.block-lift-balls {
margin: 4rem 0 3rem 0;
}
.lift-balls {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.ball {
text-align: center;
flex: 1 1 calc(33.333% - 1rem);
max-width: 20rem;
box-sizing: border-box;
}
.ball-image {
background-color: #3065e6;
position: relative;
aspect-ratio: 1 / 1;
width: 10rem;
border-radius: 100%;
margin: 0 auto;
}
.ball-image .bg-image {
width: 50%;
height: 50%;
top: 25%;
left: 25%;
}
.ball-text {
margin: 1rem 0 1.5rem;
line-height: 1.25;
font-family: "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.1rem;
font-weight: 700;
color: #00c8b4;
text-align: center;
max-width: 90%;
margin: 1rem auto 1.5rem auto;
}
.text-with-media-link {
margin-top: 2rem;
} .wide-content-image {
position: relative;
border-radius: 1rem;
overflow: hidden;
width: calc(100vw - 2rem);
max-width: 60rem;
margin: 0 auto;
aspect-ratio: 3.6;
min-height: 16rem;
}