/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  START FULL WIDTH PAGE STYLES 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body.page-template-page-full-width #content-area .container,
body.home:not(.page-template-page-narrow, .page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns) #content-area .container {
  max-width: 100%;
  padding-top: 0;
}
body.page-template-page-full-width .content .featured-image,
body.home:not(.page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns) .content .featured-image {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 4rem;
}
body.page-template-page-full-width .content .featured-image {
  padding-bottom: 33.333%;
}
body.home.has-featured-image .content .featured-image {
  height: 30vh;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
body.page-template-page-full-width .content .featured-image .full-width-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 39, 76, .75);
}
body.home .content .featured-image .full-width-title {
  width: 100vw;
  text-align: center;
  background-color: rgba(0, 39, 76, .85);
  /* background-color: rgba(13,87,170, .85); */
  color: var(--white);
  padding: 1rem .5rem;
  font-weight: 600;
}
body.page-template-page-full-width .content .full-width-title.no-image,
body.home .content .full-width-title.no-image {
  background-color: rgba(0, 39, 76, .625);
  height: 12vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;;
}
body.page-template-page-full-width .content .full-width-title .postTitle,
body.home .content .full-width-title .postTitle {
  margin: 0;
  padding: 1rem;
  color: var(--white);
  font-size: 1.25rem;
}
body.home .content .full-width-title .postTitle {
  padding: 0;
  line-height: 1.25;
}
body.home .content .featured-image .full-width-title p {
  font-size: 1rem;
  line-height: 1.25;
}
body.page-template-page-full-width .postWrapper,
body.home:not(.page-template-page-narrow, .page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns) .postWrapper {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
body.page-template-page-full-width .postWrapper .post {
  margin-top: 4rem;
  padding: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  END FULL WIDTH PAGE STYLES 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body.page-template-page-medium #content-area #page .postWrapper {
  margin: 0 auto;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  EDGE CASE STUFF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body.home.page-template-page-narrow.has-featured-image #content-area .container,
body.home.page-template-page-medium.has-featured-image #content-area .container,
body.home.page-template-page-three-columns.has-featured-image #content-area .container,
body.home.page-template-page-sidebar-left.has-featured-image #content-area .container,
body.home.page-template-page-sidebar-right.has-featured-image #content-area .container {
  padding-top: 0;
}
body.home.page-template-page-narrow.has-featured-image #content-area .container .featured-image,
body.home.page-template-page-medium.has-featured-image #content-area .container .featured-image,
body.home.page-template-page-three-columns.has-featured-image #content-area .container .featured-image,
body.home.page-template-page-sidebar-left.has-featured-image #content-area .container .featured-image,
body.home.page-template-page-sidebar-right.has-featured-image #content-area .container .featured-image {
  position: relative;
  height: auto;
  margin-bottom: 2rem;
  /* display: block; */
}
body.home.page-template-page-narrow.has-featured-image #content-area .container .featured-image .full-width-title,
body.home.page-template-page-medium.has-featured-image #content-area .container .featured-image .full-width-title,
body.home.page-template-page-three-columns.has-featured-image #content-area .container .featured-image .full-width-title,
body.home.page-template-page-sidebar-left.has-featured-image #content-area .container .featured-image .full-width-title,
body.home.page-template-page-sidebar-right.has-featured-image #content-area .container .featured-image .full-width-title {
  position: absolute;
}

body.page-template-page-full-width .content .post > *[class^="wp-block"] {
  padding: 0 1rem;
}
body.page-template-page-full-width .content .post .wp-block-cover,
body.page-template-page-full-width .content .post .wp-block-cover > * {
  max-width: 100% !important;
}
@media screen and (min-width: 769px) {
  body.home:not(.page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns) .content .featured-image {
    height: 40vh;
  }
  body.home .content .full-width-title .postTitle {
    font-size: 2.125rem;
  }
  body.home .content .featured-image .full-width-title {
    width: 55vw;
    margin-bottom: 1.5rem;
  }
  body.home .content .featured-image .full-width-title p {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  body.page-template-page-full-width .content .full-width-title .postTitle {
    font-size: 1.75rem;
  }
  body.page-template-page-full-width .content .full-width-title.no-image,
  body.home .content .full-width-title.no-image {
    height: 20vh;
  }
}
@media screen and (min-width: 1024px) {
  body.home:not(.page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns) .content .featured-image {
    height: 50vh;
  }
  body.home .content .featured-image .full-width-title {
    width: 55vw;
    margin-bottom: 4rem;
  }
  /* body.page-template-page-full-width .postWrapper, */
  body.home:not(.page-template-page-narrow, .page-template-page-medium, .page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns, .page-template-page-full-width) .postWrapper {
    max-width: 960px;
  }
  body.page-template-page-full-width .content .full-width-title .postTitle {
    font-size: 2.5rem;
  }
  body.home .content .full-width-title .postTitle {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 1216px) {
  body.home:not(.page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns) .content .featured-image {
    height: 55vh;
  }
  /* body.page-template-page-full-width .postWrapper, */
  body.home:not(.page-template-page-narrow, .page-template-page-medium, .page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns, .page-template-page-full-width) .postWrapper {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1408px) {
  body.home:not(.page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns) .content .featured-image {
    height: 65vh;
  }
  body.home .content .featured-image .full-width-title {
    width: 750px;
    margin-bottom: 7rem;
  }
  /* body.page-template-page-full-width .postWrapper, */
  body.page-template-page-full-width .content .post > p,
  body.page-template-page-full-width .content .post > *[class^="wp-block"] > *,
  body.page-template-page-full-width .content .post .wp-block-columns,
  body.home:not(.page-template-page-narrow, .page-template-page-medium, .page-template-page-sidebar-left, .page-template-page-sidebar-right, .page-template-page-three-columns, .page-template-page-full-width) .postWrapper {
    max-width: 1344px;
  }
  body.page-template-page-full-width .content .post > p,
  body.page-template-page-full-width .content .post > *[class^="wp-block"] > *,
  body.page-template-page-full-width .content .post .wp-block-columns {
    margin-left: auto;
    margin-right: auto;
  }
}