@charset "UTF-8";


@media (min-width: 1440px) {
  .card {
    height: 60vh;
  }
}


@media only screen and (max-width: 1440px) { 
  .card {
    height: 560px;
  }       
}


@media only screen and (max-width: 1280px) {
  .title-bar .menu > li > a {
      display: block;
      padding: 1.5rem 1rem;
      line-height: 1;
      font-size: 0.8em;
  }
  .accordion-item h4 {
    font-size: 150%;
    width: 95%;
  }  
  .faqBody {
    width: 95%;
  }
  .card {
    height: 530px;
  }
}


@media only screen and (max-width: 1140px) {
  .resplitDescription {
    padding: 0 0.5rem;
  }
  .pageExcerpt {
    padding: 1.5rem 1.5rem;
  }  
  .splitDescription .pageExcerpt {
    padding: 1.5rem 1.5rem;
  }  
  .card {
    height: 560px;
  }     
  .bx-wrapper img.bannerIcon {
    max-width: 50% !important;
  }
}


@media only screen and (max-width: 1024px) {
  nav.menuFull {
      display: none;
  }
  .agg-type-three img {
    width: 100%;
    height: 100%;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
    object-fit: cover;
  }  
}

@media only screen and (max-width: 940px) {
  .quoteCaption p {
      margin: 0 auto 0.85em;
      max-width: 480px;
  } 
  .cardContent {
      padding: 1em 1em 1.5em;
      font-size: 80%;
  }
  .cardContent h3 {
      font-size: 100%;
  }  
  .splitDescription .pageExcerpt {
    padding: 4rem 1.5rem;
  }
  .splitDescription .pageExcerpt h4 {
      font-size: 20px;
  } 
  .splitDescription .pageExcerpt {
      font-size:90%;
  }   
  .heroCaption .captionTitle, .bannerTitle {
      //display: block;
      line-height: 1.15 !important;
      //margin-bottom: 0.35em !important;
  }   
  .slogan {
    line-height: 1.25 !important;
  }   
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.25 !important;
  }  
  .card {
    height: 540px;
  }       
}


@media only screen and (max-width: 840px) { 
  .card {
    height: 560px;
  }       
}


@media only screen and (max-width: 768px) {
  .headerWrap, .pageBannerWrap  {
    margin-top: 64px;
  }  
  .pageBanner img {
    width: 100%;
    height: 100%;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
    object-fit: cover;
  }  
  .heroSection {
    height: 65vh !important;
  }    
  .logo {
  max-width:80%;
  }
  .splitGrid:nth-child(odd) .splitDescription, .resplitGrid:nth-child(odd) .resplitDescription {
    float: right;
    width: 100%;
  }
  .splitGrid:nth-child(odd) .splitImg {
    float: right;
    width: 100%;
  }  
  .splitImg, .resplitImg {
    float: left;
    width: 100%;
  }
  .resplitGrid:nth-child(odd) .resplitImg {
  float: right;
  width: 100%;
  padding: 2rem 2rem 1.5rem;
  }  
  .resplitImg {
  float: left;
  width: 100%;
  padding: 2rem 2rem 1.5rem;
  }
  .splitDescription, .resplitDescription {
    float: right;
    width: 100%;
  }
  .siteCards .singleCard {
    width: 48%;
  }  
  /*.heroCaption {
  height: 110px !important;
  }*/
  .heroCaption .captionTitle, .bannerTitle {
    font-size: 200% !important;
    line-height: 1 !important;
    /*margin-bottom: 0.35em !important;*/
  }
  .downBtn {
    display:none;
  }
  /*.heroCaption {
  top: 25%;
  width: 65%;
  }*/
	.heroCaption{
          top: 5vh;
          width:60vw;
      }   	
  nav.menuFull {
    display:none;
  }      
  .quoteCaption p {
      margin: 0 auto 0.85em;
      max-width: 380px;
  } 
  .staffWrap li { 
  position:relative;
  display:block; 
  width:50%; 
  float:left;
  }  
  .telLink {
  display:block; 
  height: 70px;
  left: 0;
  position: fixed;
  text-decoration: none;
  width: 100%;
  z-index: 100;  
  bottom: 0;
  text-align: center;  
  color: #fff; 
  padding-top:5px;
  }  
  .telLink:hover {
  opacity: 1;
  }
  .telLink:before {
  content:"\f095";
  font-family: "FontAwesome";    
  margin-right:10px; 
  font-size:40px; 
  } 
  .slogan {
  text-align: center;
  /*margin-bottom:2.8rem;*/
  line-height: 2.618;
  margin:0;
  padding: 1.85rem 0.5rem;
  }  
  .card {
    height: 520px;
  }
  .bx-wrapper img.bannerIcon {
    max-width: 40% !important;
    margin-top: -60px;
  }
}

@media only screen and (max-width: 640px) {
  .resplitGrid {
      float: left;
      width: 100%;
      padding: 0;
  }  
  /*.heroCaption {
    height: 110px;
  }*/
  .heroCaption {
    top: 12vh;
    width: 50vw;
  }
  .heroCaption p {
    visibility: hidden;
  }  
  .siteCards .singleCard {
      margin-right: 0;
      width: 100%;
  }  
  .cardContent {
      padding: 1em 1em 1.5em;
      font-size: 100%;
  }
  .cardContent h3 {
      font-size: 110%;
  } 
  .title-bar {
      /*position: fixed;*/
  }  
  .sticky-container {
      height: auto !important;
  } 
  .quoteCaption p {
      margin: 0 auto 0.85em;
      max-width: 300px;
      font-size: 0.88em;
  }   
  .bx-wrapper .bx-next {
      right: 2%;
  }
  .bx-wrapper .bx-prev {
      left: 2%;
  }
  .card {
    height: auto;
    width: 93vw;
  }  
	.tabbedContent {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (max-width: 520px) {  
  .bx-wrapper img.bannerIcon {
    max-width: 35% !important;
    margin-top: -140px;
  }
}

@media only screen and (max-width: 480px) {  
  .heroCaption {
	  top:30vh;
    height: 110px !important;
  }
}

@media only screen and (min-width: 40.0625em) {
    .postBox .postItem {
      padding:125px;
      text-align: center
    }
    .postBox .postItem .date {
      font-size:16px
    }
}

@media only screen and (max-width: 40em) {
/*.heroCaption {
	height: 110px;
}*/
    .postBox .postItem .title {
        letter-spacing:0;
        line-height: 36px;
        font-weight: 700;
        margin-bottom: 0;
        margin-top: 15px
    }
    .postBox .postItem .readMore {
        display:none;
    }
    .postBox .postItem .postBackground .potrait {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .tabbedContent {
      padding-top: 2em;
    }
    .heroCaption {
      width: 75vw;
    }
    .heroCaption .captionTitle, .bannerTitle {
        //margin-bottom: 1.25rem;
        line-height: 1;
        font-size: 2rem !important;
    }

    .staffWrap li { 
      position:relative;
      display:block; 
      width:100%; 
      float:left;
    }    
    .copyList .medium-6 {
      width:49%;
    }
}

@media only screen and (max-width: 32em) {
    .heroCaption {
		top:22.5vh;
      width: 80vw;
      line-height: 1;
      font-size: 1.4rem;
    }
    .heroCaption .captionTitle, .bannerTitle {
        //margin-bottom: 0.5rem;
        line-height: 1.4;
        font-size: 2rem;
    }
}

@media only screen and (min-width: 40.0625em) and (max-width:64em) {
    .postBox .postItem .title {
    }
    .postBox .postItem .readMore {
        display:none
    }
    .postBox .postItem .postBackground .potrait {
        width: 100%;
        max-width: none;
        height: auto;
        min-height: 100%;
    }
}

@media only screen and (min-width: 64.0625em) {
    .postBox .postItem {
      padding-left:.9375rem;
      padding-right: .9375rem;
      width: 50%;
      float: left
    }
    .postBox .postItem {
      min-height:670px;
      background: #d8d8d8;
      padding: 90pt 90px;
      border: 1px solid rgba(0,0,0,.04);
      border-width: 0 1px 1px 0
    }
    .postBox .postItem:nth-child(4n+2),.postBox .postItem:nth-child(4n+3) {
      background: #d8d8d8;
      border: 1px solid rgba(0,0,0,.09);
      border-width: 0 1px 1px 0
    }
    .postBox .postItem .date {
        background:#212121;
        line-height: 28px
    }
    .postBox .postItem .title {
    }
    .postBox .postItem:hover .title a {
        color:#000;
    }
    .postBox .postItem .readMore {
    }
    .postBox .postItem:hover .readMore {
        color:#000;
        border-color:#000;
    }
    .postBox .postItem:hover p {
        color:#000;
    }
    .postBox .postItem:hover .postBackground {
        opacity: 0.05
    }
}


@media only screen and (min-width: 90.0625em) {
    .postBox .postItem {
      min-height:900px;
      padding: 175px 140px
    }
    .postBox .postItem .date {
        font-size:22px
    }
    .postBox .postItem .title {
    }
    .postBox .postItem .readMore {
        font-size:24px
    }
    .postBox .postItem .postBackground::after {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px
    }

    /* ------------------------------------- STAFF ------------------------------------- */
    .staffWrap li { 
      position:relative;
      display:block; 
      width:25%; 
      float:left;
    }

}