/*
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){

  html , body {  font-size: 16px;  }
  body {width:100vw; }

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

  #footer .footer-content {max-width: 100%; margin: 0; }

}

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

  #header .header-content {
    max-width: 100%; margin: 0; padding:10px 5% 0 5%;
  }
  .branding{ width: 150px; height: 50px; position:absolute; background-position: top; margin: 0; padding:5px;}
  #header .branding .logo {
    width: 150px; height: 50px;
    background-size: 150px auto;
  }
  .header-container-right {width:100%;max-width:100%;}

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

  .header.photo-banner {max-height: 650px; }
  .header.photo-banner .page-title-container {width:90%; margin:80px 5% 50px 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.3rem; }
.carousel-cell .slide-text-container { padding-top: 20px; padding-bottom:36px; overflow-y:scroll;}

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

.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, */

.home-page .featured-posts ul {flex-direction:column; margin:0;}
.home-page .featured-posts ul li {
  width:100%; padding:10px 0; 
  display:flex; flex-direction:row;
  margin:10px 0;
}
.home-page .featured-posts .image-container {
width:200px;
max-width:none;
height:auto;
max-height: none;
}
.home-page .featured-posts .text-container {
width:calc(100% - 220px);
}

.landing-pages .featured-posts .image-container {
max-width:265px;
max-height: 265px;
}

.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: 768px){
#footer .search-form, #footer .search-form form {padding:0;}
#footer .search-form form.search-form input[type="search"] {
    min-width: none;
    width:calc(100% - 20px);
}

.promo-allpurpose-item .image-container,
.promo-allpurpose-item .text-container {width:100%; max-width:100%; display:block; margin:0 auto;}
.promo-allpurpose-item .image-container {background-position:center; margin-bottom:20px;}

}

@media screen and (max-width: 767px){
/* .header-container-right is display block from the toggle script */
.header-container-right { 
    float:none;margin:0;width:100vw;position:fixed;top:80px;z-index:1001;
    background:#404040;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: 100%; margin-left: 30px; font-size:0.8rem;}
/* #header .branding .logo { width: 140px; height: 45px; } */
.branding{display:block; position:relative; background-position:0; background-color:transparent;}

.header-links {
  display:block;
  text-align:left; background:#404040; padding-top:10px;
  position:relative;
  /* position:absolute; bottom:0; */
  /* display:none; */
}
.header-links:after {display:none; }

#header .action-links, #header .social {display:block;}
#header .action-links { margin: 0; }

#header .social { 
    float: right; margin-left: 12px; color: white; 
    padding:10px 30px; width: 100%; margin-bottom: 8px; 
    display:none;
}

#header .action-links li{display:block;margin:0;width:100%;padding:10px; background: #404040; color:#ffffff;}
#header .action-links li a {padding:0; color:var(--electric-green);}
#header .action-links li:focus {background: var(--dark-purple); color:#ffffff;}
#header .action-links li {padding:10px 30px; font-size:0.8rem;}
#header .action-links { padding: 10px 0; background: #404040; 
/* display:none; */
}

.social{float:none;}

#header #search-header {
  /* display: block; */
  width: 100%;
  padding:10px 30px;
  background:var(--dark-purple);
  margin-bottom:20px;
  display:none;
}
#header #search-header form.search-form {padding:0;}
#header #search-header i {width:fit-content; #ffffff; padding:0;}
#header #search-header input[type=search] {
    width: 100%; 
    min-width:250px;
    height:42px;
    border:none;
  border-bottom: 2px solid #ffffff;
  background-color:transparent;
}
#header #search-header input[type=search]::placeholder{
  color:transparent;
}

.menu-main-menu-container {margin-top:10px;}


#menu{float:none;margin:0;padding:20px 0;}
#menu-main-menu{float:none;background:transparent;flex-wrap:wrap;position:relative;overflow:visible;}
#menu-main-menu li {width: 100%; display:block; font-size:1rem;}

#menu-main-menu li a{padding:10px 30px; color:white;}

#menu-main-menu li.submenu-active a:after{
  transform: rotate(180deg);
  display:inline-block;
  margin-left:2px;
    }

#menu-main-menu .sub-menu {width:100%;}
#menu-main-menu li a:hover, #menu-main-menu li a:focus, #menu-main-menu li a:active {color:var(--electric-green);}

#menu-main-menu .sub-menu li a {padding-left:50px; background:transparent; text-transform:none; letter-spacing:0; color:#ffffff;}

#menu-main-menu .sub-menu {display:none; position:relative; left:0; z-index:auto;}

#menu-main-menu .submenu-active .sub-menu {display:block; position:relative; left:0; }

#menu-main-menu .sub-menu li a:hover, #menu-main-menu .sub-menu li a:focus, #menu-main-menu .sub-menu li a:active {background:transparent; color: var(--dark-purple);}

/* show Get Involved submenu as open all the time */
#menu-main-menu li#menu-item-268 .sub-menu {display:block;}
#menu-main-menu li#menu-item-268 a:after {display:none;}

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

.columns-container{flex-direction:column; padding: 20px 0 0 0;}
#footer p,
#footer .address.header,
button.call, button.email {font-size:1rem;}

button.call, button.email {margin: 10px 20px 10px 0;}
#footer p, #footer li {margin: 0 0 10px 0;}


.address{margin:0 0 10px 0;}
.footer-left, .footer-middle, .footer-right {width: 100%; padding: 10px;}
.footer-left p, .footer-left .contact {display: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; margin-bottom:20px;}

#footer form.search-form i {display:none;}

#footer .social {display: inline-block;margin: 0 0 10px 0; margin:0 10px 20px 0; float:left;}
.social i {font-size:1.5rem; padding: 7px 14px;}


/* carousel */

.main-carousel{ 
    /* height: revert;  */
    /* height:520px; */
    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; }
.flickity-page-dots{padding-left:0;}


/* carousel chapters */

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

.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; padding-left:0;}
/* .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;}

.news-list-item,
.featured-posts ul li {
    flex-direction:column;
}
.news-list-item {padding:0;}
.query-results.news-results .image-container,
.featured-posts .image-container {
width:100%;
max-width:400px;
height:auto;
margin-right:0;
margin-bottom:20px;
}
.query-results.news-results .text-container,
.featured-posts .text-container {
    width:100%;
}

.home-page .featured-posts ul li {flex-direction:column;}
.home-page .featured-posts .image-container {
width:100%;
height:auto;
}
.home-page .featured-posts .text-container {
width:100%;
}

.featured-events {width:100%; max-width:100%;margin:0; padding:20px 5%; }
.featured-events .text-container {width: 100%; display:block; }
.featured-events h2 {margin: 20px 0;}

.jobs-board-results {max-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; }

#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 {width: 100%; margin:10px 0;}
.landing-pages .featured-posts .image-container {
  width:auto; 
  height:auto;
  max-width:none; 
  max-height:none;
}
.landing-pages .featured-posts .image-container img {
  width:100%;
  height:auto;
}
#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%;}

body:not([class^="paged"]) .query-results.news-results div.news-list-item:nth-child(1) .text-container {
  width:100%; 
}
.tribe-events-content, .tribe-events-event-image {padding:0;}

}

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

  .results-page .entry-summary img {display:none;}
  .results-page .entry-summary p,
  .results-page article header {width:100%; display:block;}

  /* .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: #333333;
    /* 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; }

  }