/*
Theme Name: aapip
Description: A theme built on io blankslate; mobile styles
ioblankslate WordPress Theme © 2021 Imaginary Office
*/

/* MEDIA QUERIES */

@media screen and (max-width: 1200px){
  #header .header-content { padding: 0 20px;}
  #menu { padding-top: 20px; }
  #content.results-page { padding: 0 20px; margin-top: 120px; }
  .gallery {width: 90%; max-width:100%; margin: 50px 5% 0 5%; }
  .home-page .featured-posts {max-width:100%; width:100%; margin:0; padding: 50px 5%; }
  .post-hero-content p.wp-caption-text {max-width:100%; padding: 0 5%;}
  .chapter-page a.tab { padding: 12px; }
  .chapter-page span.section-name,
  .chapter-page .header h1,
  .chapter-page .tab-container,
  .chapter-page .share-icons-container.article {max-width:90%; margin:0 5%;}
}

@media screen and (max-width: 1024px){

  html , body {  font-size: 16px;  }
  body{width:100vw;height:100vh; }
  #header .header-content {max-width: none; margin: 0; padding:10px 5% 0 5%;}
  .branding{ height:50px; position:absolute; background-position: top;}
  .header-container-right {width:100%;max-width:none;}
  #menu{float:left;padding:0;margin:0px 0 0 0;display:block;}
  #menu-main-menu{width:100%;padding:0;float:left;}
  #menu-main-menu li {max-width:none;margin:0;}
  /* #menu-main-menu .sub-menu {width:100%;} */
  #menu-main-menu .sub-menu li {width:100%;}
  .submenu-active,
  #menu-main-menu li:hover .submenu-active,
  #menu-main-menu li:focus .submenu-active  {
    display:block;left:0;
  }

  #site-description { text-indent: -999px; }

  .branding { margin: 0; }
    #header .branding, #header .branding .logo { width: 150px; height: 50px; }
  .header.photo-banner {max-height: 650px; }
  .header.photo-banner .page-title-container {width:90%;margin:0 5%;}

  #container .entry-content,
  .entry-content,
  #container #content.child-page .entry-content {width:90%;max-width:none; margin: 0 5% 50px 5% ;}
  #container  #content.child-page header, .header.child-page {margin:0 5%;width:90%;}
  #breadcrumbs {max-width:none; padding:20px;}

#content.posts-only header, #content.posts-only footer {margin:50px 5%;}

/* home carousel */

.carousel-cell h2 { margin-top: 20px; font-size: 1.75rem; }
.carousel-cell .slide-text-container { padding-top: 20px; }

.carousel-cell.is-selected .slide-text-container { min-width: 330px; }
.slide-image { max-width: calc(100vw - 330px); }
.slide-text-container .slide-text-inner { width: 250px; }
/* landing pages */
.header.photo-banner h1,
.header.photo-banner.chapter-overview h1 { padding: 240px 0% 0 0; }
.header.photo-banner p,
.header.photo-banner.chapter-overview p  { padding: 20px 10% 0 0; }

/* home page */
#container .entry-content.home-page{width:100%;max-width:none;margin:0;padding:0;}

#footer .footer-content{padding:20px 20px 0 20px;}
.columns-container{flex-direction:column;}
.address{margin:0 0 10px 0;}
.footer-left, .footer-middle, .footer-right {width: 100%; padding: 10px;}
.footer-left p, .footer-left .contact {display:inline-block;padding-right:10px;}
.footer-middle {text-align:center;}
.fineprint, .fineprint-container-right {width:100%;}
.fineprint-container-right {display:block;float:none;margin-top:10px;}
#footer #social, #footer form.search-form {display: inline-block;margin: 0 0 10px 0;}
#footer form.search-form i {display:none;}
#footer #social {margin:0 10px 20px 0; float:left;}
#social i {font-size:1.5rem;}
form.search-form input[type="search"]{height:30px;}

.promo.full-width,
.promo-allpurpose,
.related-content-container {padding: 20px 5%;}

.promo-allpurpose-item,
.logos-container,
.promo-quote-item {margin:0; padding:0;}
.promo.full-width.join-us { padding: 0; }

.featured-posts,
.query-results.news-results {width: 90%; margin:0 5%; max-width:none;}
.featured-posts .text-container,
.query-results.news-results .text-container {width:45%;}
.featured-posts .image-container,
.query-results.news-results .image-container {width:45%;padding-top: 25.3125%; /* 16:9 image container */}

.home-page .featured-posts ul {flex-direction:column;}
.home-page .featured-posts ul li {display:block; width:100%; padding:10px 0;}
.home-page .featured-posts .image-container {width: 33%; padding-top: 18.6%; /* 16:9 image container*/ margin-bottom:0; display:inline-block;}
.home-page .featured-posts .text-container {display:inline-block; width:60%;}

.promo-joinus-item .text-container { padding: 40px; }
.promo-blockquote h2 {font-size:1.7rem;}
.promo.full-width.slanted {padding: 50px;}
.promo.full-width.flex-text-block {margin: 0;}
.promo.full-width.notice {margin: 0;}

.featured-events {width: 90%; margin:0 5%; max-width:none;}

#container aside.resources-post .image-container {height:300px;}


}

@media screen and (max-width: 767px){
  .header-container-right { float:none;margin:0;width:100vw;position:fixed;top:80px;z-index:1001;background:#ffffff;height:calc(100% - 80px);overflow:scroll;}
  #mobile-toggle {display:block;}
  .fa-bars{display:block;}
/*   .fas.fa-times{display:none;} */

.header-container-right { display: block; }
.fas.mobilehidden, .header-container-right.mobilehidden { display: none; }


#header{height: 80px; overflow:hidden;}
#header .header-content {padding:10px 0;}
#site-description { text-indent: 0; width: 80%; margin-left: 30px; }
#header .branding, #header .branding .logo { width: 140px; height: 45px; }
.branding{display:block; position:relative; background-size:contain; background-position:0; margin:0 0 0 -4px; background-color:transparent;}
.header-links {display:block;float:none;text-align:left;}
#header .action-links, #header #social {display:block;}
#header .action-links { margin: 0; }
#header #social { float: right; margin-left: 12px; color: white; padding:10px; width: 50%; margin-bottom: 8px; }

#header .action-links li{display:block;margin:0;width:100%;padding:10px;background:black; color:#ffffff;}
#header .action-links li a {padding:0;}
#header .action-links li:focus {background:black;color:#ffffff;}
#header #search-header {display: block;width: 100%;padding:10px;margin-top:4px;}
#header form.search-form {padding: 0;}
#header form.search-form input[type="search"] {width:80%;}
#header .search-form i {color:#000000;margin:0 10px;}
#header .action-links li {padding:10px 30px;}
#header .action-links { padding: 10px 0; background: #000; }
#social{float:none;}
#menu{float:none;margin:0;padding:0;}
#menu-main-menu{float:none;background:transparent;flex-wrap:wrap;position:relative;overflow:visible;}
#menu-main-menu li {width: 100%;}
#menu-main-menu li a:after {content: "";}
#menu-main-menu li a{padding:10px;color:black;}
#menu-main-menu .sub-menu li a {padding:10px 10px 10px 30px; background:transparent; color:black; text-transform:none;letter-spacing:0;}
#menu-main-menu .sub-menu li a:focus {background:black;}
#menu-main-menu .sub-menu {width:100%;}
#menu-main-menu .sub-menu, #menu-main-menu .submenu-active {position:relative;display:block;left:0;}
#container {margin: 80px 0 0 0;}
.header.child-page { padding: 20px 0;}

.header.photo-banner, .header.photo-banner.chapter-overview {max-height: 300px; }
.header.photo-banner.chapter-overview h1, .header.photo-banner.chapter-overview p { padding-right: 20px;}
.header.photo-banner.chapter-overview h1 { padding:0; font-size:3rem;}
#footer .featured-link{display:block;margin:20px 0;}
#footer form.search-form{padding:0;margin:0 10px;}
#footer form.search-form input[type="search"]{width:90%;}
#footer p {display:inline-block;margin:0 10px 10px 0; }
.footer-right {flex-direction:column;}
.footer-right a {margin-bottom:20px; width:50%;}
.fineprint {padding: 10px;}
#footer .fineprint p {margin:0 10px 10px 0;}


/* carousel */

.main-carousel{ height: revert; background: white;}
.slide-text-container .slide-text-inner { width: 100%; }
.home .slide-image  { width: 100%; height: auto; position: relative; float: none; }
.home .slide-image img  { width: 100%; height: auto; position: relative; }
.slide-image { max-width: none; top: revert; }
.home .slide-image { padding-top: 0; }
.carousel-cell.is-selected .slide-text-container, .carousel-cell .slide-text-container { position: relative; min-width: none; width: 100%; }
.carousel-cell.is-selected .slide-text-container, .carousel-cell .slide-text-container { /* height: 400px; */ }
.image-randomizer {height:400px; max-width:100%;}
.image-randomizer h2{width:100%;display:block;margin:20px 0 0 0;}
.random-image {height:400px;}
.slide-text-container { -webkit-transform: none; transform: none; transition: none; transition: none;}
.carousel-cell.is-selected .slide-text-container, .carousel-cell .slide-text-container { padding: 20px; background: transparent; min-width: auto; }
.carousel-cell h2 { margin-top: 0px; font-size: 1.625rem; }
.flickity-viewport { background: linear-gradient( 220deg, #65981D, #7FC1A5, #76438D); }
.carousel-cell { background: transparent; }
.slide-description button { margin-top: 0; }
.flickity-button { display: none; }

/* carousel chapters */

.chapters-carousel .slide-image {width:100%; padding:0; overflow:visible;height:400px;}
.chapters-carousel .carousel-cell.is-selected .slide-text-container, .chapters-carousel .carousel-cell .slide-text-container {width:100%;}

.promo-allpurpose-item .text-container,
.promo-allpurpose-item .image-container {width:100%; display:block; float:none; padding:0; margin-bottom:20px; /* height:300px; */ background-size:cover; background-position:center; }
/* .promo-allpurpose-item .image-container img {position:relative;} */
.promo.full-width.join-us { padding: 0; }
.promo-allpurpose-item .image-container { width: 80%; margin:0 auto; background-size: contain; background-position: center; float:none; }
.promo.full-width.flex-text-block .text-container { padding: 50px 0; }
.blocks .promo.full-width.patterned:nth-child(odd) .image-container {float:none;}

li.logos-list-item {width:33%; padding: 15px;}

.featured-posts,
.query-results.news-results {width:100%; margin:0; padding: 20px 5%;}
.featured-posts .image-container,
.query-results.news-results .image-container,
.featured-posts .text-container,
.query-results.news-results .text-container { width: 100%;}
.featured-posts .image-container,
.query-results.news-results .image-container { padding-top: 56.25%; margin-bottom:10px;}

.featured-posts ul li {display:block; width:100%; padding:0;}
.home-page .featured-posts .image-container {width: 100%; padding-top: 56.25%; /* 16:9 image container*/ margin-bottom:10px; display:block;}
.home-page .featured-posts .text-container {display:block; width:100%;}

.featured-events {width:100%; max-width:100%;margin:0; padding:20px 5%; }
.featured-events .image-container {width:100%;padding-top: 56.25%; /* 16:9 image container*/ display:block; margin:10px 0;}
.featured-events .text-container {width: 100%; display:block; }
.featured-events h2 {margin: 20px 0;}

.jobs-board-results {max-width:100%;}
.jobs-board-results .image-container {margin: 10px 0; width:20%;padding-top: 20%; /* 1:1 image container*/ margin-right:2%;}
.jobs-board-results .text-container {width:75%;}

.news-results {max-width:100%;}
.news-results .image-container {width:100%; padding-top: 56.25%; /* 16:9 image container is 56.25%*/ display:block; margin: 10px 0;}
.news-results .text-container {display: block; width:100%;}

.postobject-single {width:100%; margin:0; display:block; float:none;}

.wp-caption {display:block;float:none;margin-right:0;margin:0 auto;width:100%;}
.post-hero-content p.wp-caption-text {width:100%;float:none;display:block;}

.post-hero-content .share-container {width:70%; display: block; float: none; }
.post-hero-content .share-container #share { float: left; }
button.call, button.email {margin: 0 16px 10px 0;}

#container .entry-content.resources-post .the-content,
#container aside.resources-post {display:block; width:100%; float:none; margin-top:20px;}
#container aside.resources-post .image-container {background-size:contain;}

.promo-joinus-item .image-container,
.promo-joinus-item .text-container {display:block; float:none; width:100%; height:auto;}
.promo-joinus-item .image-container {height:310px;}

.landing-pages .featured-posts ul {flex-direction:column;}
.landing-pages .featured-posts ul li {display: block; width: 100%;}

#container .entry-content .team-posts ul {flex-direction:column;}
.team-posts li {display: block; width: 100%;}
.team-posts .image-container {width:80%;padding-top: 80%; /* 1:1 image container*/ }

#content.posts-only.team-posts .image-container {width:80%;padding-top: 80%; /* 1:1 image container*/ display:block;}
#content.posts-only.team-posts .text-container {display:block; width:100%; margin-left:0;}

#container .entry-content ul.members-list-grid,
#container .entry-content ul.values {flex-direction:column; }
#container .entry-content ul.members-list-grid li,
#container .entry-content ul.values li {width:100%; height:auto; margin:2px 0;}

#container .entry-content.events-page {margin: 0 auto;}

/* home hero */
.home-hero {height:auto;margin:0;}
.entry-content .home-hero li.slide-image-home-captioned {height:auto;display:block;}
.home-hero .slide-text-container {width:90%; }

#content.results-page.no-image .entry-summary p,
#content.results-page.no-image article header {width:100%; display;block; float:none;}


/* quotes */

.promo-quote-item .text-container { padding: 0;}

.promo-quote-item .text-container p {
    font-size: 1.125rem;
    line-height: 1.3;
}

.promo.full-width.slanted { margin: 0; }

.chapter-page .tab-container {padding:20px 0;}
.chapter-page a.tab {width:90%; margin:10px; display:block; text-align:center;}
#jumplist-wrapper.closed, #jumplist-wrapper {display:none;}
.chapter-page .promo.full-width {padding:0;}
.chapter-page .promo.full-width .text-container {padding:20px;}

.chapter-page .promo.full-width,
.chapter-page .promo.full-width.patterned.testimonial {width:110%; margin-left: -5%; margin-right:0; padding-top: 20px;}
.chapter-page .promo-allpurpose-item.testimonial .text-container {width:100%;padding:20px 40px;}
.chapter-page .promo-allpurpose-item.testimonial .image-container {padding: 20px 0;}
ul.chapter-goals li {width:100%;}
}

@media screen and (max-width: 600px){

  .branding{background-size:contain;}
  .results-page .entry-summary img {display:none;}
  .results-page .entry-summary p,
  .results-page article header {width:100%; display:block;}
  .columns-container {margin-bottom:30px;}
  .header.photo-banner .page-title-container,
  .header.photo-banner.chapter-overview .page-title-container {position:absolute; bottom:0; margin-bottom: 20px; }

  }

@media screen and (min-width: 1441px){
  .promo.full-width.patterned { margin: 0 auto;}
  .home #container .entry-content {background: transparent;}
  /* .home-page .header {background: RGBA(0,0,0,0.5);} */
  .home-page .header {
    background-color: #696969;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='12' viewBox='0 0 44 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12v-2L0 0v10l4 2h16zm18 0l4-2V0L22 10v2h16zM20 0v8L4 0h16zm18 0L22 8V0h16z' fill='%23383838' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
    }
  .main-carousel {max-width:1440px; margin:0 auto;}
  .chapters-carousel{margin-top: 50px;}
}

@media print {

  html , body {  font-size: 11px;  }
  .donotprint { display: none; }
  .printonly { display: block; }

  /* do not print */
  #header, #footer, #slide-links, .header-container-right, iframe, #share, .promo.full-width, .flickity-button {
    display: none !important; }

    /*show urls after the link*/
    p a:after, h3 a:after {
      content: " (" attr(href) ")";
      font-size: 80%;
    }
    p a, h3 a {
      word-wrap: break-word;
    }

    /* adjust styles for print */
    #container { margin-top: 0; }
    .wp-caption {display:block;float:none;}
    .print-header {display:block;width:100%;height:auto;font-size:1rem;}
    .print-header img {width:100px; height:auto; opacity:0.5;}

    .header.photo-banner, .header.photo-banner.chapter-overview {height:auto;margin-top:0;margin-bottom:0;background-image:none!important;background-blend-mode:none!important;}
    .header.photo-banner .page-title-container,
    .header.photo-banner .post-hero-content,
    .header.photo-banner.chapter-overview .page-title-container {display:block;width:100%;height:auto;margin:0; position:relative;}
    .header.photo-banner .page-title-container h1,
    .header.photo-banner .page-title-container p,
    .header.photo-banner .post-hero-content p,
    .header.photo-banner.chapter-overview .page-title-container h1,
    .header.photo-banner.chapter-overview .page-title-container p,
    {padding:20px 0;text-shadow:none;color:#000000;}

    /* home print styles */
    .slide-text-container { width: 90%; max-width: none; }
    .slide-image { display: none; }
    .main-carousel {height:auto;}


    .ui-accordion-content { display: block !important; }

  }