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

/* MEDIA QUERIES */

@media screen and (min-width: 1200px){
.home .embed-container.flickity iframe,
.home .embed-container.flickity object,
.home .embed-container.flickity embed {
    position: absolute;
    top: 0;
    left: calc(600px - 444px);
    width: 888px;
    height: 500px;
}

}


@media screen and (max-width: 1200px){
  #header .header-content { padding: 0 20px;}
  #content.results-page {padding: 0 20px; margin-top: 120px; }
  .query-results { max-width:100%; margin:30px;}

  .promo-allpurpose { padding: 0 5%; }
  .featured-posts {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:0 20px;}
  #header p, #header li { font-size: .9rem; }

  .branding {background-size:120px auto; background-position: left center;}
  .header-container-right {max-width: none; width:calc(100% - 180px);}

  /* #menu{float:right;max-width: 90%;padding-right:20px;margin: 0;display:block;} */

  /* #menu-main-menu{width:100%;padding:0;float:left;} */

  #menu-main-menu li {max-width:none;margin:0; font-size: .9rem; text-align:left;}
  .submenu-active,
  #menu-main-menu li:hover .submenu-active,
  #menu-main-menu li:focus .submenu-active  {
    display:block;left:0;
  }

  .header.photo-banner,
  .header.photo-banner.learn-library {height:auto; max-height: 650px; min-height:0; }

  .header.photo-banner .page-title-container {width:90%;margin:0 5%; max-width: none;}

  .header.child-page { padding-top: 40px; }

  #container .entry-content,
  .entry-content,
  #container #content.child-page .entry-content {width:90%;max-width:none; margin: 0 5% 50px 5% ;}
  .home #container .entry-content { width: 100%; margin-top: 166px;}

  #content.child-page header, .header.child-page {margin:50px 5% 20px 5%;width:90%;}


  .featured-posts .text-container{width:45%;}

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

/* landing pages */

.query-results h2 { margin-left: 20px; }
.query-results .news-list-item h2 { margin-left: 0px; }

/* .header.photo-banner h1 { padding: 240px 0% 0 0; } */
.header.photo-banner p  { padding: 20px 0 30px 0; }
.header.photo-banner h1 { padding: 40px 0 20px 0; }

/* full width promo */
.promo.full-width { padding: 0px 5%;}

/* take action promo block */
.takeactionslide-layout { padding: 35px 0; }
.takeactionslide-layout .badge { width: 65px; height:65px; margin:0 0 20px 20px;}

/* quote promo block */

.promo-quote-item { padding: 20px; }

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

/* home flickity */
.slide-image img {/*height:100%;*/ width:auto;}

#footer .footer-content{padding:20px; padding-bottom:75px;}
.address{margin:0 0 10px 0;}
#footer form.search-form {display: inline-block;margin: 0 0 10px 0;}
#footer form.search-form i {display:none;}
#social i {font-size:1.5rem;}
form.search-form input[type="search"]{height:30px;}

.featured-posts {margin:0 0 50px 0; max-width:none;}
.posts-item {width:100%;height:auto;}
.posts-item-image, .event-item-text {width:45%;}
.posts-item-image img {width:100%;height:auto;}
.posts-item-text h3 {margin-top:0;}

.related-content-container{max-width:none; margin:20px 0; padding: 0 5%;}

.promo-blockquote h2 {font-size:1.7rem;}

.promo.full-width.flex-text-block.mission p { padding-left: 20px; padding-right: 20px;}

.query-results .news-list-item {height:300px;}

.home .carousel-cell h2 {font-size:1.8rem;}

.home .home-branding-wrapper {padding: 20px 0;}

.home .home-branding-wrapper .script {font-size:1.2rem; margin: 0 25px;}

#menu-main-menu li a,
#menu-main-menu .sub-menu li a {padding:10px;}

}



@media screen and (max-width: 1000px) {
  .page-press #container .entry-content .gallery ul { width: 100%; margin-left: 0;}

}


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

  #header p, #header li { font-size: .8rem; }
  /* #menu-main-menu li a { padding: 26px 16px; } */
  .home .embed-container.flickity iframe,
  .home .embed-container.flickity object,
  .home .embed-container.flickity embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .header.page-banner .image-container { display: none; }
  .header.page-banner .text-container { padding: 0 20px; width: 100%; }
  .promo.full-width.flex-text-block .text-container { padding: 0; }
.promo.full-width.flex-text-block .text-container.form-container {padding:0; max-width:100%;}
  .promo.full-width.flex-text-block { padding: 20px 0; }

 .branding {width: 120px; background-size:110px auto; background-position: left center;}
  .header-container-right {max-width: none; width:calc(100% - 140px);}
  .home .branding {background-size:140px auto;}
  .footer-branding {background-size: 120px auto;}
}

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

  #header {overflow:hidden; position:fixed;top:0;/*z-index:100;*/ height:74px;}
  #container { margin-top: 74px; }

  .home #container { margin-top: 74px; }
  .home #header { background: none; /*box-shadow: none;*/ }

  #header .header-content {padding:0;}

  .branding {display:block; position:relative; margin:0; background-color:transparent; width:100px; height:74px; background-size:contain; background-position:0; margin:0 20px;}

  .header-container-right {display:none; float:none; margin:0;width:100vw; position:fixed; top:74px; z-index:1000; background:var(--dkpurple); height:calc(100% - 60px);overflow:scroll; padding: 0 40px 40px 40px;}

  .home .home-branding-wrapper {margin: 0; padding:0; height:74px;}
  .home .branding {width:110px; height:60px; background-size:contain; background-position:0; margin:0 15px;}

  .home .home-branding-wrapper .script { width: 30px; font-size: .875rem; margin: 0 12px; color:var(--dkpurple); display:none; }

  #mobile-toggle {display:block;}
  .mobile-only { display: block;}
  .fas.fa-bars {display:block; color: var(--yellow);}
  .fas.fa-times {color:var(--yellow);}
  .home .fas.fa-bars,
  .home .fas.fa-times {color: var(--purple);}

  #menu-main-menu li:hover .sub-menu, #menu-main-menu li:focus .sub-menu { box-shadow: none; }
  #share { display: none; }

  #menu-main-menu .sub-menu li:hover, #menu-main-menu .sub-menu li:focus, #menu-main-menu .sub-menu li:active { background: transparent; }

.header-links {display:block;float:none;text-align:left;}
#header .action-links, #header #social {display:block;}
#header .action-links li{display:inline-block;margin:0;width:32%;padding:10px;color:var(--white);}
#header .action-links li a {padding:0;}
#header .action-links li:focus {background:var(--purple);color:var(--white);}
#header #search-header {display: block;width: 100%;padding:10px;margin-top:10px;}
#header form.search-form {padding: 0;}
#header form.search-form input[type="search"] {width:80%;}
#header .search-form i {color:var(--white);margin:0 10px;}
#header .action-links li {padding:10px 30px;}
#header #social {padding:10px 0;}
#header .action-links { margin: 0; }
#social{float:none;}
#menu{float:none;margin:0;padding:0;}

.menu-main-menu-container,
.home #header .menu-main-menu-container {height:auto;}
#menu-main-menu{float:none;background:transparent;flex-wrap:wrap;position:relative;overflow:visible;}
#menu-main-menu li {width: 100%; text-align: left; margin-top: 12px;}
#menu-main-menu li a:after {content: "";}
#menu-main-menu li a{padding:10px;color:var(--white); background: transparent; color: var(--white); font-size: 1.25rem; border-top: 1px solid var(--ltpurpletext); }
#menu-main-menu .sub-menu li a {padding:10px 0px; background:transparent;color:var(--white);text-transform:none;letter-spacing:0; font-size: 1rem; border-top: 0;}
#menu-main-menu .sub-menu li a:focus {background:var(--dkpurple);}
#menu-main-menu .sub-menu, #menu-main-menu .submenu-active {position:relative;display:block;left:0;}
#header #social i {color:var(--white);}
#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; }
#menu-main-menu li:hover .sub-menu, 
#menu-main-menu li:focus .sub-menu {
  width: 100%; 
  background: transparent;
}
#menu-main-menu .sub-menu li:hover,
#menu-main-menu .sub-menu li:focus,
#menu-main-menu .sub-menu li:active,
#menu-main-menu .sub-menu li a:hover {
  color:var(--yellow);
}

#menu-main-menu li a, .home #menu-main-menu li a {    padding: 10px 5px 10px 0; color: var(--white); }
#menu-main-menu li a, .home #menu-main-menu .sub-menu li a {    padding: 10px 5px 10px 0; color: var(--white); }
#menu-main-menu li.menu-item-has-children a:after { content: " "; }

#mobile-nav-header { text-align: center; color: var(--white); font-size: 1.375rem; font-weight: bold; line-height: 2rem; margin: 50px 0 20px 0; }

.header.photo-banner {margin-top: 60px; max-height: 300px; }
.header.photo-banner h1, .header.photo-banner p { padding-right: 20px;}
.header.photo-banner h1 { padding-top: 50px;font-size:2.5rem;}

#footer .address.header, .footer-content p, .footer-content li { font-size: 1rem;}
#footer .columns-container{flex-direction:column;}
#footer .footer-left, #footer .footer-middle, #footer .footer-right { width: 100%;}
#footer button.call, #footer button.email { font-size: 1rem; }

#footer .featured-link{display:block;margin:20px 0;}

#footer .search-form-wrapper {width:100%;}
#footer form.search-form {padding:0;margin:0 10px; width:calc(100% - 60px);}
#footer form.search-form input[type="search"] {position:relative;width:100%;}

.footer-right {flex-direction:column;}
.footer-right a {margin-bottom:20px; width:50%; text-align:center; font-size: 1rem;}
.fineprint {padding: 10px;}
#footer .fineprint p {margin:0 10px 10px 0;}
#footer .footer-blurb { max-width: none; }
#footer #mc_embed_signup .mc-field-group { width: 100%!important; }
#footer .messagebar {padding: 20px;}
#footer .footer-content a.outline.knockout {margin: 30px 0;}

.header.child-page { padding-top: 0; }
.header.child-page h1 { padding-top: 30px; line-height: 2.25rem; font-size: 2rem;}
.image-randomizer {height:400px; max-width:100%;}
.image-randomizer h2{width:100%;display:block;margin:20px 0 0 0;}
.random-image {height:400px;}

#container .entry-content, .entry-content, #container #content.child-page .entry-content { margin-bottom: 10px; }


.promo-multicolumn-item ul  { display: block; }

.promo-allpurpose-item .slide-image {width:100%; display:block; float:none; padding:0;}
.promo-allpurpose-item .slide-image img {position:relative;}
.promo-allpurpose {padding:0;}
.promo-allpurpose-item {margin:0; padding:;}
.promo-allpurpose-item a.learnmore-link,
.promo-allpurpose-item .slide-text {width:100%; display:block;float:none;}
.promo-allpurpose-item .image-container { width: 25%; height: 100%; margin-bottom: 20px;  }
.promo-allpurpose-item .text-container { height: auto; max-height: none; width: 100%; }
.promo.full-width.flex-text-image-block { padding: 20px 0; }
.promo.full-width.flex-text-image-block .promo-allpurpose-item { height: 200px; }
.promo-allpurpose-item .text-container { padding: 10px 20px; }
.promo.full-width.flex-text-image-block .text-container a.learnmore-link { text-align: left; margin-left: 0; }
.promo.full-width.flex-text-image-block .image-container { margin-bottom: 30px; width: 200px; }
.promo-allpurpose-item .text-container { width: calc(100% - 200px); }
.promo.full-width.flex-text-image-block .text-container h2 { font-size: 1.25rem; text-align: left;}
.promo.full-width.flex-text-image-block .text-container p { text-align: left; }

#container .entry-content ul, #container .entry-content ul  { margin-left: 30px; }

#container .entry-content .promo.full-width.iconlist .text-container ul { flex-direction: column; margin-left: 0; }
#container .entry-content .promo.full-width.iconlist .text-container ul li { width: 100%; padding: 0; margin-top: 30px;}

.promo.full-width { padding: 20px 5%; }
.promo.full-width.iconlist h2, .promo.full-width h2 { font-size: 1.25rem; margin: 10px 0; }
.promo.full-width.flex-text-block blockquote p { margin: 0 10px; }

#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li { width: 100%; }
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li:before { width: 0; }
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li:after { height: 0; }
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li { height: auto; border-top: 1px solid var(--white); margin-top: 30px; }
.featured-posts {margin:0; padding: 20px 5%;}
.featured-posts .image-container,
.featured-posts .text-container { width: 100%;}
.featured-posts .image-container { padding-top: 56.25%; margin-bottom:10px;}

.postobject-single {width:100%; margin:0; display:block; float:none; margin-bottom: 5px;}
.postobject-single.downloads { width: 100%; height: auto; }

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

#accordion h3, .ui-accordion-content { padding: 20px 0; }

/* home flickity */
.slide-text-container { padding: 40px;}
.promo.full-width.latest-news .carousel-cell { width:  100%; height: 480px !important; }
.home .carousel-cell h2 { font-size: 2.25rem; line-height: 2.5rem; }

.main-carousel, .main-carousel .carousel-cell {/*height:500px;*/ height:600px;}

.slide-image, .slide-text-container {width:100%; max-width:100%; float:none;}
/* .slide-image {height:500px;} */
.flickity-prev-next-button.previous { left: 0 !important; }
.flickity-prev-next-button.next { right: 0 !important; }
.flickity-page-dots { display: none; }

.carousel-cell.full-width-slide {height:600px; background-position: top center; background-size: contain; background-repeat:no-repeat; background-color:var(--dkpurple); background-blend-mode:normal;}

.carousel-cell.full-width-slide .slide-text-container {position:absolute; bottom:0;}
.carousel-cell.small-image .slide-text-container {position:relative; height:auto; padding-bottom:20px; }

.home .carousel-cell.full-width-slide h2 {font-size:2rem;}
.carousel-cell.small-image .slide-text-container h2 {font-size:1.8rem; line-height:1.3;}

.carousel-cell.small-image .slide-image {position:relative; height:200px; padding:0; padding-top:0; overflow:visible;}
.carousel-cell.small-image .slide-image img { /*display: none;*/ width:100%; height:auto; top:0;}


/* 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:100%; max-width:100%; }

/* home quote */

.promo-quote-item .text-container p { font-size: 1.25rem; }

/* impact home */
.promo-impact-item { padding: 20px 0; }
.impact_bignumber { font-size: 2rem; margin-bottom: 14px;}
.text-container.flex-impact { display: block; }
.promo.full-width .impact_bignumber i.fas { margin-bottom: 14px; }

#share {left:30%; bottom:0 ; width auto; height:auto; }
.share-icons {flex-direction: row; text-align:center;}
.share-icons i { font-size: 2rem;  }

/* learn library */
.query-results .news-list-item {
    width: 100%;
    background: var(--softwhite);
    padding: 30px;
    margin: 10px 1% 0 0;
    display: inline-block;
    float: left;
    height: auto;
}


/*timeline */

.carousel-cell.square-text { width: 100%; }

/* logo gallery */
#container .entry-content .gallery ul li  { display: inline-block; padding: 20px; align-self: center; flex-basis: 130px;}

/*mc form */
#mc_embed_signup { width: 100%!important; }

  .social-item {
    flex: 0 0 100%; 
    padding: 0 10px;
    flex: 0 0 100%;
  }

.page-template-page-fullbg-flex #container .entry-content ul {margin-left:0;}
.page-template-page-fullbg-flex article {
  padding-top:30px; padding-bottom:30px;
}
.page-template-page-fullbg-flex #container .entry-content h2 {
  font-size: 2rem;
}
}

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

  #safety { padding: 0px; width: 100%; display: flex; background: var(--white); }
  #safety .safety-buttons { width: 100%; display: flex; }

button.safe, 
button.exit.safe { border-radius: 0; margin:0; padding: 0; width: 33.5%; margin-right: .75%; }

#mobile-nav-header button.safe,
#mobile-nav-header button.exit.safe {
    background: transparent;
    width: 30%;
     box-shadow: none;
     font-size: 1.75rem;
  }

#mobile-nav-header #mobile-icons { margin-top: 24px; color:var(--yellow);}
#mobile-nav-header #mobile-icons a { margin-top: 24px; color:var(--yellow);}

  button.exit.safe { margin-right: 0; }

  #mc_embed_signup .mc-field-group { width: 100% !important; }

  .footer-scripts { position: relative; left: -10px; color: var(--yellow);}


  .footer-branding  { margin-left: -8px; background-size: 140px auto;}

  .insta-mobile {
    display: block;
  }

  .insta-desktop {
    display: none;
  }

/* featured posts promo */

.featured-posts ul li { width: 100%; margin-right: 0; }


  /* ap promo */

  .promo.full-width.flex-text-image-block .image-container { margin-bottom: 0; width: 100%; float: none; height: 200px; }
  .promo-allpurpose-item .text-container { width: 100%; float: none; }
  .promo.full-width.flex-text-image-block .promo-allpurpose-item { height: auto; display: block; width: 100vw; margin-left: -5%;}
  .promo.full-width.flex-text-image-block .text-container a.learnmore-link { padding: 12px 16px;}
  .promo-allpurpose-item .text-container { padding: 20px; }

  content .gallery ul li { flex-basis: 160px; }

/* history timeline */
.page-template-page-landingpage-timeline .carousel-cell { background-size: 100% !important; }

#mobile-nav-header .footer-scripts {left:auto; justify-content:center;}
#mobile-nav-header .footer-scripts a {color:var(--softwhite);}

}

@media screen and (min-width: 1920px){

  .timeline-carousel { max-width: 100%; }
}

@media print {

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

  /* do not print */
  #header, #footer, .promo-allpurpose, .post-hero-content, #slide-links, .header-container-right, iframe, #share {
    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 */
    #footer p {color:var(--black);}
    #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:200px;height:auto;}
    .header.photo-banner {height:auto;margin-top:0;background-image:none!important;background-blend-mode:none!important;}
    .header.photo-banner .page-title-container {display:block;width:100%;height:auto;margin:0;}
    .header.photo-banner .page-title-container h1,
    .header.photo-banner .page-title-container p {padding:20px 0;text-shadow:none;color:var(--black);}

    /* home print styles */
    .home .slide-text-container { width: 90%; max-width: none; }
    .contentarea ul.slide-image-home { display: none; }
  }