/* 
    Responsive stylez
    Author     : KN
*/
@media all and (max-width: 1250px) {
  [id^="block-kj-basic-main-menu"] ul.menu li {
    text-align: center;
  }
  [id^="block-kj-basic-main-menu"] ul.menu li a {
    text-align: center;
  }
}
@media all and (max-width: 1210px) {
  .block-responsive-menu {
    display: block;
  }
  [id^="block-kj-basic-main-menu"],
  #header .menu--menu-blocktop-menu,
  #sidebar-first,
  .menu--menu-blockget-involved {
    display: none;
  }
  .two-sidebars #content,
  .one-sidebar #content {
    width: auto;
    float: none;
  }
  #block-kj-basic-branding,
  .block-site-branding {
    text-align: left;
  }
}
@media all and (max-width: 1120px) {
  [id^="block-upcomingevents"] .field--name-field-block-image {
    display: none;
  }
}
@media all and (max-width: 1100px) {
  .path-user .field--name-user-picture .field-inner {
    float: none;
    margin-left: 0;
  }
}
@media all and (max-width: 1080px) {
  #block-kj-basic-branding,
  .block-site-branding {
    float: none;
  }
  [id^="block-kj-basic-main-menu"] {
    float: none;
    width: 100%;
  }
  [id^="block-kj-basic-main-menu"] ul.menu li a {
    margin-right: 10px;
  }
  #footer-bottom .block {
    width: 50%;
  }
  #footer-bottom .block-menu {
    width: 25%;
  }
  #block-newslettersignup.block {
    width: 100%;
  }
}
@media all and (max-width: 980px) {
  .field--name-field-slideshow .field--name-field-caption {
    font-size: 45px;
  }
  #sidebar-first .inner-sidebar,
  #sidebar-second .inner-sidebar {
    margin-right: 30px;
  }
}
@media all and (max-width: 960px) {
  .quicktabs-wrapper ul.quicktabs-tabs li a {
    font-size: 22px;
  }
}
@media all and (max-width: 920px) {
  .block-recent-news-by-this-author .views-row,
  .block-recent-posts-by-this-author .views-row,
  .block-related-news .views-row,
  .block-related-blog-posts .views-row,
  [id^="block-relatednews"] .views-row,
  [id^="block-recentnews"] .views-row,
  [id^="block-recentposts"] .views-row,
  .block-blogs-by-issue-field .views-row,
  .block-recent-weekly-column-blogs .views-row {
    width: 50%;
  }
  .field--name-field-page-image {
    float: none;
  }
  .field--name-field-page-image img {
    margin-left: 0;
  }
  .view-staff-users .views-row {
    width: 50%;
    margin: 0 auto;
  }
  .view-board-members .views-row {
    width: 50%;
    margin: 0 auto;
  }
}
@media all and (max-width: 900px) {
  .not-front .views-exposed-form .form--inline {
    display: block;
  }
  .not-front .views-exposed-form .form-item {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 860px) {
  .paragraph--type--three-column-grid .field--name-field-grid-fields > .field-inner .field__item {
    flex-basis: 50%;
  }
}
@media all and (max-width: 820px) {
  .field--name-field-icons > .field-inner > .field__item {
    width: 50%;
  }
  .block-frequently-asked-questions .block-inner {
    display: block;
  }
  .block-frequently-asked-questions .intro-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .block-frequently-asked-questions .listing-container {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .block-frequently-asked-questions .listing-container:before {
    display: none;
  }
  .view-page-secondary-menu .views-field-field-page-teaser-image {
    display: none;
  }
}
@media all and (max-width: 800px) {
  .quicktabs-wrapper ul.quicktabs-tabs li {
    display: block;
    margin: 0;
    white-space: normal;
  }
  .quicktabs-wrapper ul.quicktabs-tabs li a {
    display: block;
  }
}
@media all and (max-width: 780px) {
  .field--name-field-slideshow .caption-container {
    position: relative;
    background-color: #5b7a4e;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .field--name-field-slideshow .field--name-field-caption {
    margin-bottom: 10px;
    font-size: 35px;
  }
  .field--name-field-slideshow .field--name-field-sub-caption {
    margin-bottom: 10px;
  }
}
@media all and (max-width: 720px) {
  .paragraph--type--view-listing .view-news-releases .image-container,
  .paragraph--type--view-listing .view-blog-posts .image-container,
  .paragraph--type--view-listing .view-blog-by-issue .image-container {
    float: none;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
@media all and (max-width: 680px) {
  .paragraph--type--two-column-text-areas .column-left,
  .paragraph--type--two-column-text-areas .column-right {
    width: 100%;
  }
  .paragraph--type--two-column-text-areas .column-left .field--name-field-body-right,
  .paragraph--type--two-column-text-areas .column-right .field--name-field-body-right,
  .paragraph--type--two-column-text-areas .column-left .field--name-field-body-left,
  .paragraph--type--two-column-text-areas .column-right .field--name-field-body-left {
    padding: 0;
  }
  .block-recent-news-by-this-author .views-row,
  .block-related-news .views-row,
  [id^="block-relatednews"] .views-row,
  [id^="block-recentnews"] .views-row,
  [id^="block-recentposts"] .views-row,
  .block-recent-posts-by-this-author .views-row,
  .block-related-blog-posts .views-row,
  .block-blogs-by-issue-field .views-row,
  .block-recent-weekly-column-blogs .views-row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #footer-bottom .block {
    width: 100%;
  }
  #footer-bottom .block-menu {
    width: 100%;
  }
}
@media all and (max-width: 620px) {
  .paragraph--type--three-column-grid .field--name-field-grid-fields > .field-inner .field__item {
    flex-basis: auto;
  }
}
@media all and (max-width: 560px) {
  body {
    font-size: 16px;
  }
  #site-alert {
    font-size: 15px;
  }
  .slick-dots {
    display: none !important;
  }
  #main,
  .front #main {
    padding: 40px 0;
  }
  #main #content-area .node--type-page .field--name-body,
  .front #main #content-area .node--type-page .field--name-body {
    font-size: 16px;
  }
  h1 {
    font-size: 35px;
  }
  h2,
  .block-frequently-asked-questions .intro-container h2,
  .block-frequently-asked-questions .intro-container h3,
  .block-our-mission h2,
  .block h2,
  .block-blogs-by-issue-field .field__item__label,
  .block-publications-by-issue-field .field__item__label {
    font-size: 30px;
  }
  [type="reset"],
  [type="submit"],
  .button,
  a.button,
  input.button,
  .more-link-bottom a,
  .field--name-field-view-all a {
    font-size: 20px;
  }
  .field--name-field-slideshow .field--name-field-sub-caption {
    font-size: 20px;
  }
  .field--name-field-slideshow .field--name-field-caption {
    font-size: 30px;
  }
  .ui-accordion .ui-accordion-header,
  .ui-accordion .ui-accordion-header a,
  .ui-accordion .ui-accordion-header span,
  .ui-accordion .ui-accordion-header.ui-state-active::before,
  .ui-accordion .ui-accordion-header.ui-state-default::before {
    font-size: 18px;
  }
  .block-our-mission .field--name-field-text-area {
    font-size: 20px;
  }
  .view-staff-users .views-row {
    width: 100%;
    margin: 0 auto;
  }
  .view-board-members .views-row {
    width: 100%;
    margin: 0 auto;
  }
}
@media all and (max-width: 520px) {
  .field--name-field-icons > .field-inner > .field__item {
    width: 100%;
    margin-bottom: 15px;
  }
  .view-publications .views-field-field-publication-file,
  .view-publications-by-issue .views-field-field-publication-file,
  .paragraph--type--view-listing .view-publications-by-issue .views-field-field-publication-file,
  .block-publications-by-issue-field .views-field-field-publication-file,
  .view-publications .views-field-views-conditional-field,
  .view-publications-by-issue .views-field-views-conditional-field,
  .paragraph--type--view-listing .view-publications-by-issue .views-field-views-conditional-field,
  .block-publications-by-issue-field .views-field-views-conditional-field {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 480px) {
  .view-events .date-box {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 420px) {
  #block-kj-basic-branding,
  .block-site-branding {
    max-width: 220px;
  }
}