body {
transition: opacity .3s ease;
}
body .post-builder h2 {
font-size: 2vw!important;
line-height: 2.5vw!important;
}
@media (max-width:768px) {
body .post-builder h2 {
font-size: 6vw!important;
line-height: 7vw!important;
}
}
.h2 {
font-size: 2vw!important;
line-height: 2.5vw!important;
}
@media (max-width:768px) {
.h2 {
font-size: 5vw !important;
line-height: 6vw !important;
}
}
.h3 {
font-size: 1.6vw!important;
line-height: 2.1vw!important;
}
@media (max-width:768px) {
.h3 {
font-size: 5vw!important;
line-height: 6vw!important;
}
}
p {
color:#002E47;
}
.text-navy {
color:#002E47;
}
.post-builder-template #content .post-builder .container { padding-left:54px;
padding-right:54px;
}
@media (max-width:1540px) {
.post-builder-template #content .post-builder .container,
.post-builder-template #content .blog-post-header-text.container,
.blog #content .post-builder .container,
.blog #content .blog-feed.container {
padding-left:56px;
padding-right:56px;
max-width:100%;
grid-column-gap:0;
grid-template-columns: max-content;
}
.post-builder-template #content .blog-post-header .container * {
grid-column: 1;
}
}
@media (max-width:1025px){
.post-builder-template #content .blog-post-header .container .blog-post-header-text-inner {
grid-column: none;
width: 100%;
min-width: 100% !important;
max-width: 100% !important;
padding-right: 10%;
}
.post-builder-template #content .blog-post-header-text.container {
grid-template-columns: 1fr;
}
}
@media (max-width:768px) {
.post-builder-template #content .post-builder .container {
padding-left:0;
padding-right:0;
}
.post-builder-template #content .blog-post-header .container .blog-post-header-text-inner { }
.blog-post-header-text-inner .button{
margin-top:15px!important;
}
}
.post-builder-template .unslider {
overflow: visible;
margin-bottom:0;
}
.post-builder-template .unslider .unslider-nav {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 10000;
}
.post-builder .button {
background:#ABCF15;
color:#002E47;
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size:1vw;
letter-spacing: .1rem;
border-radius: .5vw;
margin-bottom:0;
margin-top:1vw;
}
@media (max-width:768px) {
.post-builder .button{
font-size:3vw;
border-radius: 1.5vw;
}
}
.object-fit {
height: 100%;
}
.object-fit img,
.object-fit video {
object-fit: cover;
width:100%;
height: 100%;
}
.bg-light-blue {
background: #E9F8FF;
}
.bg-blue {
background: #1897CA;
}
.bg-blue h2, .bg-blue p,
.bg-navy h2, .bg-navy p {
color:#FFF;
}
.bg-navy {
background: #002E47;
}
.wave {
position: relative;
}
.wave.bottom:after {
content:'';
display: block;
position: absolute;
top:100%;
left:0;
right:0;
height: 5vw;
z-index: 1;
}
.wave.top:before {
content:'';
display: block;
position: absolute;
bottom:100%;
left:0;
right:0;
height: 5vw;
z-index: 2;
}
.wave.bottom.white:after {
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2040.009" height="98.477" viewBox="0 0 2040.009 98.477"><path id="Path_1" data-name="Path 1" d="M229.889,1083.745s435.727-37.7,811.418,13.5,1228.591,0,1228.591,0v71.6H229.889Z" transform="translate(-229.889 -1070.371)" fill="%23fff"/></svg>') no-repeat top;
background-size:cover;
}
.wave.top.bg-light-blue:before {
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2040.009" height="98.477" viewBox="0 0 2040.009 98.477"><path id="Path_4" data-name="Path 4" d="M0,85.1s435.727,37.7,811.418-13.5,1228.591,0,1228.591,0V0H0Z" transform="translate(2040.009 98.477) rotate(180)" fill="%23e9f8ff"/></svg>') no-repeat top;
background-size:cover;
}
.wave.top.bg-blue:before {
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2040.009" height="98.478" viewBox="0 0 2040.009 98.478"><path id="Path_6" data-name="Path 6" d="M2040.009,13.375s-435.727-37.705-811.418,13.5S0,26.877,0,26.877v71.6H2040.009Z" transform="translate(0 0)" fill="%231897ca"/></svg>') no-repeat top;
background-size:cover;
}
.wave.top.bg-navy:before {
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2040.009" height="98.477" viewBox="0 0 2040.009 98.477"><path id="Path_5" data-name="Path 5" d="M0,13.375s435.727-37.705,811.418,13.5,1228.591,0,1228.591,0v71.6H0Z" transform="translate(0 0)" fill="%23002e47"/></svg>') no-repeat top;
background-size:cover;
}
.wave.bottom.bg-light-blue:after {
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2040.009" height="98.478" viewBox="0 0 2040.009 98.478"><path id="Path_3" data-name="Path 3" d="M0,85.1s435.727,37.705,811.418-13.5,1228.591,0,1228.591,0V0H0Z" fill="%23e9f8ff"/></svg>') no-repeat top;
background-size:cover;
}
.wave.bottom.bg-blue:after {
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2040.009" height="98.478" viewBox="0 0 2040.009 98.478"><path id="Path_3" data-name="Path 3" d="M2040.009,85.1s-435.727,37.705-811.418-13.5S0,71.6,0,71.6V0H2040.009Z" fill="%231897ca"/></svg>') no-repeat top;
background-size:cover;
}
.wave.bottom.bg-navy:after {
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2040.009" height="98.478" viewBox="0 0 2040.009 98.478"><path id="Path_3" data-name="Path 3" d="M2040.009,85.1s-435.727,37.705-811.418-13.5S0,71.6,0,71.6V0H2040.009Z" fill="%23002e47"/></svg>') no-repeat top;
background-size:cover;
}
.blog-post-header {
height: 35vw;
position: relative;
padding:0!important;
overflow: hidden;
z-index: 2;
}
.blog-post-header.blog-landing {
height: 75vh;
}
@media (max-width:768px) {
.blog-post-header {
height: 75vw;
}
.blog-post-header.blog-landing {
height: 120vw;
}
}
.blog-post-header:before {
content:'';
display: block;
position: absolute;
bottom:0;
left:0;
right:0;
height: 30vw;
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
@media (max-width:768px) {
.blog-post-header:before {
height: 60vw;
}
}
.blog-post-header:after {
content:'';
display: block;
position: absolute;
bottom:0;
left:0;
right:0;
height: 3vw;
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2040.009" height="98.477" viewBox="0 0 2040.009 98.477"><path id="Path_1" data-name="Path 1" d="M229.889,1083.745s435.727-37.7,811.418,13.5,1228.591,0,1228.591,0v71.6H229.889Z" transform="translate(-229.889 -1070.371)" fill="%23fff"/></svg>') no-repeat top;
background-size:100% auto;
z-index: 2;
}
.blog-post-header svg {
position: absolute;
bottom:0;
left:0;
right:0;
width: 100%;
z-index: 2;
}
.blog-post-header-text {
position: absolute;
bottom:6vw;
left:0;
right:0;
z-index: 2; }
@media (max-width:768px) {
.blog-post-header-text {
bottom:10vw;
}
}
.blog-landing-intro {
position: absolute;
top:3vw;
left:0;
right:0;
z-index: 2;
}
.blog-landing-intro p {
color:#FFF;
}
.blog-post-header h1 {
font-size:4vw!important;
line-height: 5vw!important;
}
@media (max-width:768px) {
.blog-post-header h1 {
font-size:8vw!important;
line-height: 9vw!important;
}
}
.blog-post-header-text-inner { min-width:var(--ideal-width)!important;
max-width:var(--ideal-width)!important;
margin:0 auto;
padding-right:20%;
}
@media (max-width:768px) {
.blog-post-header-text-inner {
width:100%;
min-width: 100%!important;
max-width: 100%!important;
padding-right:10%;
}
body.post-builder-template #main {
padding:0!important;
}
}
body.post-builder-template article.hentry {
margin-bottom:0!important;
}
.blog-post-header-text-inner * {
color:#FFF;
}
.flex-center {
align-items: center;
}
.row {
display: flex;
margin-left:-15px!important;
margin-right:-15px!important;
flex-wrap:wrap;
}
.col {
padding-left:15px;
padding-right:15px;
}
@media (max-width:768px) {
.col {
flex:0 0 100%!important;
min-width: 100%;
max-width:100%!important;
}
}
.col-md-1 {
flex:0 0 8.33333333333%;
max-width: 8.33333333333%;
}
.col-md-4 {
flex:0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex:0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex:0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex:0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex:0 0 66.6666666666%;
max-width: 66.6666666666%;
}
.post-builder.full_width_image {
padding:0;
}
.post-builder.basic_text + .post-builder.content_feature {
margin-top:5vw;
}
.post-builder.content_feature + .post-builder.basic_text {
margin-top:5vw;
}
.post-builder.content_feature + .post-builder.content_feature {
z-index: 3;
margin-top:5vw;
}
.post-builder.basic_text .container {
max-width:calc(var(--ideal-width) - 16.6666666667%);
margin:0 auto;
}
.post-builder h2 {
margin-top:0!important;
}
.post-builder.basic_text {
padding-top:6rem;
}
@media (max-width:768px) {
.post-builder.basic_text {
padding-top:3rem;
}
}
.post-builder.basic_text h3 {
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 500;
font-size: 1.6vw!important;
line-height: 2.1vw!important;
margin-top:1rem!important;
}
@media (max-width:768px){
.post-builder.basic_text h3 {
font-size: 5vw!important;
line-height: 6vw!important;
margin-top:.5rem!important;
}
}
.post-builder.basic_text h4 {
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 500!important;
font-size: 1.2vw!important;
line-height: 1.8vw!important;
text-transform: none!important;
color:#1897CA!important;
margin-top:1rem!important;
}
@media (max-width:768px){
.post-builder.basic_text h5 {
font-size: 4vw!important;
line-height: 5vw!important;
margin-top:.5rem!important;
}
}
.post-builder.basic_text p {
color:#002E47;
}
.post-builder.basic_text ul {
margin:0 0 1rem 0;
padding:0 0 0 15px;
}
.post-builder.basic_text ul li,
.post-builder.basic_text ol li  {
color:#002E47;
margin-bottom:8px;
position: relative;
}
.post-builder.basic_text ul li::before {
content:'';
display: block;
position: absolute;
left:-15px;
top:9px;
background: #1897CA;
border-radius: 50%;
width:8px;
height: 8px;
}
.post-builder.content_feature
.post-builder.content_feature .unslider {
margin-bottom:0;
}
.post-builder.content_feature .text {
padding-left:6vw;
}
@media (max-width:768px) {
.post-builder.content_feature .image {
margin-bottom:40px;
}
.post-builder.content_feature .text {
padding-left:15px;
}
}
@media (min-width:768px) {
.post-builder.content_feature.flip .text {
order:1;
padding-right:6vw;
padding-left:0;
}
.post-builder.content_feature.flip .image {
order:2;
}
}
.related-posts {
margin-left:0;
}
.related-posts .h3 {
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 500;
color:#002E47;
}
.blog-feed article {
margin-bottom:30px;
}
.blog-feed article h2 {
margin-bottom:8px;
}
.blog-feed article .post-date {
color:#1897CA;
margin-bottom:10px;
margin-top:20px;
line-height: 1;
}
.single-post #related-posts,
.single-post .rp4wp-related-posts.rp4wp-related-post {
margin-bottom:80px;
}
.blog-feed .navigation.pagination {
text-align: center;
width:100%;
margin-bottom: 60px;
}
.blog-feed .navigation.pagination *{
color: #002E47;
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 1vw;
letter-spacing: .1rem;
border-radius: .5vw;
}
@media (max-width:768px) {
.blog-feed .navigation.pagination *{
font-size: 4vw;
}
}
.blog-feed .navigation.pagination .nav-links {
display: inline-block;
background: #ABCF15;
display: inline-block;
background: #ABCF15;
padding: 15px 20px;
border-radius: 8px;
}
.blog-feed .navigation.pagination .prev {
margin-right:20px;
display: inline-block;
}
.blog-feed .navigation.pagination .page-numbers {
padding:0 5px;
}
.blog-feed .navigation.pagination .page-numbers.current {
color:#fff;
}
.blog-feed .navigation.pagination .next {
margin-left:20px;
display: inline-block;
}
@media (max-width:768px) {
}