@charset "UTF-8";

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

@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: 0 1.5rem;
}
.splitDescription .pageExcerpt h4 {
    font-size:90%;
} 
.splitDescription .pageExcerpt {
    font-size:90%;
}     
}

@media only screen and (max-width: 768px) {
.splitGrid:nth-child(odd) .splitDescription, .resplitGrid:nth-child(odd) .resplitDescription {
    float: right;
    width: 100%;
}
.splitGrid:nth-child(odd) .splitImg, .resplitGrid:nth-child(odd) .resplitImg {
    float: right;
    width: 100%;
}  
.splitImg, .resplitImg {
    float: left;
    width: 100%;
}
.splitDescription, .resplitDescription {
    float: right;
    width: 100%;
}
.siteCards .singleCard {
    width: 48%;
}  

.heroCaption .captionTitle, .bannerTitle {
    font-size: 200% !important;
    line-height: 1 !important;
}
.downBtn {
    display:none;
}
.heroCaption {
  top: 25%;
  width: 50%;
}

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; 
    }                
}

@media only screen and (max-width: 640px) {
.resplitGrid {
    float: left;
    width: 100%;
    padding: 0;
}  
.heroCaption {
  top: 35%;
  width: 50%;
}
.heroCaption p {
  display:none;
}  
.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%;
      }
}

@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) {
    .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: auto;
    }
    .tabbedContent {
      padding-top: 2em;
    }
    .heroCaption {
      width: 60%;
    }
    .heroCaption .captionTitle, .bannerTitle {
        margin-bottom: 0.5rem;
        line-height: 1.4;
        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 {
      width: 80%;
      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;
    }

}