/* MISC.css - misc will have multiple media queries in it */
@media (max-width:480px) {


}

@media (max-width:515px) {
  .site-logo img {
    height: 64px !important;
    padding-top: 5px;
  }
  .scrolled .site-logo img {
    height: 58px !important;
  }
  .region-primary-menu .block label {
    left: 22px;
  }
  .region-secondary-menu .block-search label {
    right: 22px;
  }
  .region-primary-menu .menu-wrapper {
    top: 98px;
    height: calc(100% - 98px);
  }
  .scrolled .region-primary-menu .menu-wrapper {
    top: 81px;
    height: calc(100% - 81px);
  }
  main {
    padding-top:98px;
  }
  .scrolled main {
    padding-top: 93px;
  }
}

@media (max-width:515px) {
  .region-primary-menu .block label {
    background-size: 50%;
    height: 19px;
  }
  .region-primary-menu .block input:checked ~ label {
    background-position: 0 -20px;
  }
  .region-secondary-menu .block-search label {
    background-size: 100%;
    height: 19px;
    width: 20px;
  }
  .region-secondary-menu .block-search > .search-form-wrapper {
    top: 93px;
    height: calc(100vh - 93px);
  }
    
}

@media (min-width:1377px) {
/******************************************
* Widget - Accordion Item
*******************************************/
  .widget--accordion-item .accordion-item-header {
  	position: relative;
  	height: auto;
  }
  .widget--accordion-item .accordion-item-header-image img {
    position: static;
    -webkit-transform: none;
  	-moz-transform: none;
  	-ms-transform: none;
  	-o-transform: none;
    transform: none;
  }
}

/******************************************
* Family Page - Person Node Teasers
*******************************************/
@media (max-width:480px) {
  .node--type-person.node--view-mode-teaser .field--name-title {
  	font-size: 20px;
  }
}

/******************************************
* Full screen image widget - homepage video
*******************************************/
@media (max-width:1024px) {
  .widget--full-screen-image {
    height: calc(100vh - 128px);
    min-height: 0 !important;
  }

}
@media (max-width:514px) {
  .widget--full-screen-image {
    height: calc(100vh - 98px);
    min-height: 0 !important;
  }
}
/******************************************
* ADA ADjustments
*******************************************/
@media (max-width:1024px) {  
    .legalTopBanner {
        font-size: .65em;
        padding-top: 0px;

    }
    .legalTopBanner p{
        line-height: 1em;
        letter-spacing: 0em;
    }
    article.node.node--type-page.node--view-mode-full,
    article.node.node--type-person.node--view-mode-full,
    .path-search h2,
    div#block-jfwtheme18-page-title{
    padding-top: 20px;
    }
}