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:24px;
  padding-right:24px; */
  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 {
    /* grid-column: none; */
  }
  .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;
  /* padding-left:45px;
  padding-right:45px; */
}
@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 {
  /* width:var(--ideal-width)!important; */
  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) {

}