/*
Theme Name: sakhi
Theme URI:
Author: Imaginary Office
Author URI: https://imaginaryoffice.com
Description: A theme built on blankslate
Version: 2021.1
License:
License URI:
Tags:
Text Domain: sakhi

sakhi WordPress Theme © 2022 Imaginary Office
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{float:right; clear:right;}.alignleft{float:left; clear:left;}.aligncenter, .wp-caption.aligncenter{display:block; text-align:center; margin: 0 auto !important; clear:both;}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


@font-face {
	font-family: 'Orleans Web';
	src: url('fonts/Orleans-Light-Web.woff2') format('woff2'),
		 url('fonts/Orleans-Light-Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	}

.Orleans-Light-Web {
	font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
	}
@font-face {
	font-family: 'Orleans Web';
	src: url('fonts/Orleans-LightItalic-Web.woff2') format('woff2'),
		 url('fonts/Orleans-LightItalic-Web.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	}

.Orleans-LightItalic-Web {
	font-family: 'Orleans Web';
	font-weight: 300;
	font-style: italic;
	}
@font-face {
	font-family: 'Orleans Web';
	src: url('fonts/Orleans-Medium-Web.woff2') format('woff2'),
		 url('fonts/Orleans-Medium-Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	}

.Orleans-Medium-Web {
	font-family: 'Orleans Web';
	font-weight: 500;
	font-style: normal;
	}

/* color variables */

:root { 
  --white: #ffffff;
  --black: #000000;
  --gray: #696969;

/* NEW COLORS */
  --dkpurple: #301242; /*old 340956 replaced dkblue, verydkgreen*/
  --purple: #6441f2; /*old 5E2C70 replaced purple, ltpurple*/
  --softwhite: #f3e7d7; /*new replaced ltgold and offwhite*/
  --brightblue: #06d4dc; /*new replaced blue, green */
  --yellow: #f7a326; /*new replaced gold, brightgold, dkgold*/
  --red: #ff3213; /*new replaced magenta*/
}

.hide { display: none; }

.magenta {color: var(--dkpurple);}
.darkgold {color: var(--dkpurple);}

/* clearfix */
.group:after {
  display: block;
  content: "";
  clear: both;
}
.rotator {
  display: none; }
.nowrap {
  white-space:nowrap;
}
.printonly { display: none; }

.mobile-only { display: none; }

html , body {
  display: flex;
  flex-direction: column;
  height:100%;
  font-size: 20px;
  line-height:1.3;
  font-family: 'Noto Sans', sans-serif;
}

/* UNIVERSALS */

h1,h2,h3,h4,h5,h6 {
  margin:0 0 20px 0;
  color:var(--purple);
  font-family: 'Orleans Web', serif;
	font-weight: 500;
	font-style: normal;
  font-feature-settings: "lnum" 1;
}
h1 {font-size:2.5rem; font-weight:300;}
h1.entry-title {margin: 0 0 40px 0; }

h2 {font-size:1.5rem;}
h3 {font-size:1.2rem; }
h4 {font-size:1.1rem; margin:0; }
h5 {font-size:1rem; margin:0; }
h6 {font-size:0.9rem; margin:0; }
p, ul, ol, li {
  color:var(--black);
  font-size:0.9rem;
  line-height:1.5;
  margin:0 0 0.9em 0;
  font-weight:400;
}
li {
  margin:0 0 10px 0;
}
a {
  color:inherit;
  transition: .25s;
}
a:hover, a:focus, a:active {
  color:inherit;
}
#entry-content a, .blocks a, .entry-footer a {
  color:var(--dkpurple);
}
.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
    display: block !important;
    opacity: 100% !important;
}
button {
  padding:15px 20px;
  background: var(--yellow);
  color:var(--dkpurple);
  font-family:"Noto Sans", sans-serif; 
  font-weight:600;
  font-size: 1rem;
  letter-spacing:0.5px;
  border:1px solid var(--yellow);
}
button:hover, button:focus, button:active {
  background:var(--yellow);
  border:1px solid var(--yellow);
  color:var(--purple);
  cursor: pointer;
}
.simple-button {
  padding: 15px 30px;
  font-size: .888rem;
}
.simple-button a {
  text-decoration:none; 
  color: var(--dkpurple);
  background: var(--yellow);
  } 
.simple-button a:hover {
  color: var(--purple);
  } 
.outline, a.outline,
a.buttonlink {
  padding:10px 20px;
  font-weight:600;
  font-size:0.8rem;
  border: solid 3px var(--yellow);
  background:transparent;
  color:var(--dkpurple);
  text-decoration:none;
  margin-top: 20px;
  margin-bottom: 20px;
  display:block;
  width:fit-content;
  text-align:center;
  text-decoration:none;
}
.outline.knockout {border-color:var(--yellow); color:var(--softwhite);}

/* replaced with .outline or .outline.knockout: take action, news carousel, footer donate link, promo block action link */
/* a.buttonlink {
  background: var(--yellow);
  font-family: 'Noto Sans', sans-serif;
  color: var(--dkpurple);
  padding:15px 30px;
  font-weight:600;
  text-decoration:none;
  font-size: .888888rem;
  line-height:1.2;
  display: block;
  width: fit-content;
  margin: 0 auto;
  transition: .25s;
} */
/* a.buttonlink:hover, a.buttonlink:focus {color:var(--dkpurple); background:var(--yellow); } */

a.outline:hover, a.outline:focus, a.outline:active,
.outline:hover, .outline:focus, .outline:active,
a.buttonlink:hover, a.buttonlink:focus {
  border-color:var(--yellow); background:var(--yellow); color:var(--dkpurple); text-decoration:none;
}
.outline.knockout:hover, .outline.knockout:focus, .outline.knockout:active {
  border-color:var(--yellow); background:var(--yellow); color:var(--dkpurple); text-decoration:none;
}
button.safe {
padding:0;background:transparent;text-transform:none;letter-spacing:0;font-size:0.8rem;font-weight:400;margin:0;border:none; background: var(--yellow); olor: var(--dkpurple);}
button.safe a {text-decoration:none; padding: 20px 0; min-width: 44px; color: var(--dkpurple); }

#safety {position:fixed;right:0; bottom:0; padding: 20px; z-index: 9999;}
#safety.safety-buttons {vertical-align:bottom;}

button.safe, button.exit.safe {
  padding:20px;
  font-size: 1.3rem;
  font-weight:600;
  border:none;
  border-radius: 50%;
  margin:10px 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  height: 68px;
  width:68px;
  letter-spacing: .5px;
  opacity:1;
}
button.exit.safe {
  border-radius:0;
  text-transform: uppercase;
  font-size:0.8rem;
  text-align:center;
  width: fit-content;
  padding: 30px 10px;
  line-height: 0px;
  letter-spacing: 0.5px;
}
button.safe:hover a,
button.exit.safe:hover {color:var(--purple);}

blockquote {margin: 50px 0; clear: both;}
blockquote .attribution { display: block; text-transform: uppercase; font-size: 1rem; color:var(--dkpurple); }
blockquote p,
.promo.full-width.flex-text-block blockquote p {
  font-family:serif;
  font-size:1.3rem;
  font-weight:600;
  font-style: italic;
  line-height:1.3;
  color:var(--dkpurple);
  padding:30px 0;
  margin: 0 50px;
  border-top: 1px solid var(--dkpurple);
  border-bottom: 1px solid var(--dkpurple);
}
.promo.full-width.flex-text-block blockquote p {margin:0 50px; }

#share {position:fixed; left:0; bottom:0 ; width 100px; height:auto; }

.share-icons {display:flex; flex-direction: row; flex-wrap: nowrap;}

.share-icons a { text-decoration:none; padding: 5px;}
.share-icons i { font-size: 1.5rem; color: var(--yellow); opacity:1;}
.share-icons i:hover { opacity:0.7; }

#social i {color:var(--softwhite);padding:7px; margin-top: -3px; }
#social i:hover, #social i:focus {color:var(--yellow);}
#header #social { display: none; }

input {
  /* background-color: var(--softwhite); */
}
form.search-form {padding:0 0 0 10px;}
.search-form i {color:var(--dkpurple);}
form.search-form input[type="search"] {display:inline-block;text-align:left;border:1px solid var(--dkpurple);min-height:30px;}
form.search-form input[type="submit"] {display:none;}

.screen-reader-text {text-indent: -9999px;}

strong, b {font-weight:600;}
em {font-style:italic;}

.more-link {font-weight: 400; text-decoration: underline; color: var(--dkpurple); display: block; letter-spacing:0; font-size:0.9rem;}
/* character sets */

.nepali, .nepali h1, .nepali h2, .nepali h3, .nepali h4, .nepali h5, .nepali h6, .nepali button,
.hindi, .hindi h1, .hindi h2, .hindi h3, .hindi h4, .hindi h5, .hindi h6, .hindi button {
  font-family: 'Noto Sans Devanagari', sans-serif;}
.bengali, .bengali h1, .bengali h2, .bengali h3, .bengali h4, .bengali h5, .bengali h6, .bengali button,
.sylheti, .sylheti h1, .sylheti h2, .sylheti h3, .sylheti h4, .sylheti h5, .sylheti h6, .sylheti button {
  font-family: 'Noto Sans Bengali', sans-serif;}
.urdu, .urdu h1, .urdu h2, .urdu h3, .urdu h4, .urdu h5, .urdu h6, .urdu button {
  font-family: 'Noto Sans Arabic', sans-serif; direction:rtl;}
.gujarati, .gujarati h1, .gujarati h2, .gujarati h3, .gujarati h4, .gujarati h5, .gujarati h6, .gujarati button {
  font-family: 'Noto Sans Gujarati', sans-serif;}
.malayalam, .malayalam h1, .malayalam h2, .malayalam h3, .malayalam h4, .malayalam h5, .malayalam h6, .malaylam button {
  font-family: 'Noto Sans Gurmukhi', sans-serif;}
.punjabi, .punjabi h1, .punjabi h2, .punjabi h3, .punjabi h4, .punjabi h5, .punjabi h6, .punjabi button {
  font-family: 'Noto Sans Malayalam', sans-serif;}

/* consent bar */

#consent1 { display: none; position: fixed; top: 0; width: 100%; background: var(--dkpurple); padding: 14px 20px; z-index: 9999999; }
#consent1 p  {font-size: .75rem; width: 75%; float: left; padding: 0 10px; margin: 0 0 8px 0; color:var(--softwhite);}

#consent1 button {
    padding: 10px;
    background: var(--transparent);
    color: var(--white);
    font-size: 0.75rem;
    font-weight:600;
    letter-spacing:0.5px;
    border:3px solid var(--yellow);
    width: 25%;
    max-width: 150px;
    float: right;
}
#consent1 button:hover {
    background: var(--yellow);
    color:var(--dkpurple);}

/* image wrappers for aspect ratio */

.image-wrapper-16-9 {
  position: relative;
  padding-bottom: 56.2%;
}

.image-wrapper-16-9 img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* video embed */

.embed-container{ position:relative;background-color:var(--white);overflow:hidden;/*padding-bottom: 56.25%;padding-top: 0px;height: 0;*/}

.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:-10%; left:0; width:100%; height:100%; }

.embed-container.flickity {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
    }

    .home .embed-container.flickity iframe,
    .home .embed-container.flickity object,
    .home .embed-container.flickity embed {
        position: absolute;
        top: 0;
        left: calc(50vw - 444px);
        width: 888px;
        height: 500px;
    }

/* video wrapper */

.video-container { position: relative; width:100%; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 20px 0;}
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* structure */

#wrapper {
  flex: 1 0 auto;
  width:100%;
  background:var(--white);
}
#container {
  width:100%;
  margin: 92px auto 0 auto;
  background:transparent;
}

.home #container { margin-top: 214px; }
.home #container .entry-content {margin:-10px auto 0px auto;}

#container .entry-content {margin:0 auto;}
.page-template-default:not(.home) #container .entry-content { max-width: 900px; }
.page-template-default:not(.home) .header.child-page { max-width: 900px; }
/* POST STYLES */

#content.posts-only header,
#content.posts-only footer {max-width: 900px;margin:0 auto;}

#content.posts-only header {padding:100px 0 0 0;}
#content.posts-only footer {margin:50px auto; }
#content.posts-only footer.entry-footer {border-top: 1px var(--dkpurple) solid; padding: 20px 0;}

.nav-previous, .nav-next {width:50%; display:inline-block; color:var(--dkpurple); vertical-align:top;}
.nav-next {text-align:right;}

/* PAGE STYLES */

.header.child-page {width: 100%; max-width: 1000px; margin:0 auto; padding:100px 0 0 0;}

/* ENTRY-CONTENT : editor-inserted images: posts and pages */

.entry-content.landing-pages,
.entry-content.child-page {width: 100%; max-width: 1000px; margin:0 auto;}

#container .entry-content.posts-only {max-width: 900px; margin:0 auto; }

#container .entry-content.posts-only .the_post_thumbnail {max-height:562px;overflow:hidden;}
#container .entry-content.posts-only .the_post_thumbnail img {width:100%;height:auto;}
#content.posts-only .entry-title {color:var(--purple);}
#content.posts-only .entry-title a {text-decoration:none;}
.entry-meta{color:var(--dkpurple);margin-bottom:10px;}

.wp-caption,
.entry-content p img,
.the_content.lp p img {
/* display:inline-block; */ margin: 0 20px 20px 0px;clear:both; max-width: 100%; height: auto;}
div[id^="attachment"], div[id^="attachment"] img { max-width: 100%; height:auto; }
.alignleft { margin-left: 0 !important; margin-right: 24px; }
.alignright { margin-right: 0 !important; margin-left: 24px; }

.entry-content h2 {clear:both;}

.featured_image_caption,
.credit-caption,
.caption,
p.wp-caption-text {font-size:0.8rem;color:var(--dkpurple);padding:10px;}

/* editor-created lists: posts and pages */
#container .entry-content ol {list-style-type:decimal;}
#container .entry-content ul {list-style-type:disc;}

#container .entry-content ul,
#container .entry-content ol {margin-left:30px;}
#container .entry-content ul ul {margin-left:50px;}
#container .entry-content ul li, #container .entry-content ul ul li,
#container .entry-content ol li, #container .entry-content ol ol li { padding-left: 8px; }
#container .entry-content ul ul { display: block; margin-left: 0;list-style-type: circle; margin-top: 12px; }
#container .entry-content ul ul li { margin-left: 30px; }
#container .urdu ul, #container .urdu ol { direction:rtl; margin-right:20px;}
#container .urdu li { direction:rtl;  margin-right:30px; }

/* accordion */

#accordion {width:100%; max-width:1000px; margin:0 auto; padding: 0; }
h2.accordion {max-width:1000px; margin:20px auto; color:var(--dkpurple); background: transparent; font-size: 1.6rem;  }

#accordion h3,
.ui-accordion-content {width:100%; padding: 20px;  }

.ui-accordion-content ul, .ui-accordion-content ol {margin-left: 40px; border-top: none;}
.ui-accordion-content ul{list-style-type: disc;}
.ui-accordion-content ol{list-style-type: decimal; }

#accordion h3 {cursor:pointer; margin:0; border-top: 2px solid var(--softwhite);}
#accordion h3:after {content: "+"; color:var(--purple); float: right; }

.ui-accordion-content p {border-top:none;}

/* PROMOS */

/* full-width promos -- universal */

.promo.full-width {width:100%; height:auto; padding: 0; }
/* .promo.full-width h2 {font-size:1.3rem; } */
/* .promo.full-width p, .promo.full-width li {font-size:1.1rem;}
.promo.full-width.flex-text-block p, .promo.full-width.flex-text-block li {font-size:1rem;} */

.page-our-team .promo.full-width h2 em,
.page-board-of-directors .promo.full-width h2 em,
.page-ypn h3 em {font-size:1rem; font-family:'Noto Sans', sans-serif;,
 letter-spacing: 0; font-weight:400;}

.promo.full-width span.slide-caption{font-size:0.8rem;}

.promo.full-width a.learnmore-link {display:block; margin:20px 0;background:var(--yellow); color:var(--dkpurple);text-decoration:none;font-size:0.8rem;font-weight:600;}
    .promo.full-width a.learnmore-link:hover,
    .promo.full-width a.learnmore-link:focus{
      background:var(--yellow); color:var(--purple);}
.promo.full-width i.fas {color:var(--dkpurple); display:block;text-align:left;font-size:2rem;}

/* full-width promo : take action slides */

/* .promo.full-width.takeactionslide {background-color:rgba(0,0,0,0.3); background-blend-mode: multiply;} */

.promo.full-width.takeactionslide {background-color:var(--dkpurple); background-image: url('images/Sakhi-Curved-Line-Purple-RGB.svg'); background-repeat: no-repeat; background-size: contain; background-position:70% 0%; }

/* .promo.impact { background-image: url('images/pattern-dots.gif'); background-repeat: repeat;  background-color: var(--white);} */

.takeactionslide-layout {width:100%; max-width:1200px; margin: 0 auto; max-height: 500px; padding: 60px 0; position:relative; 
/* background-repeat:no-repeat; background-position: top right; background-size: auto 500px; */
}

.takeactionslide-layout .slide-text-container {display:block; position: relative; width: 100%; padding:0; float:none;}
ul.action-links {width:100%; height:auto; }
ul.action-links li {display:inline-block; margin:0 7px 0 0;}
ul.action-links li a.buttonlink {background: var(--yellow); }
.takeactionslide-layout .slide-text-container h2 {font-size: 3rem; color: var(--softwhite);}
.takeactionslide-layout .slide-text-container p {font-family:'Orleans Web', serif; font-weight:300; font-size:1.5rem; color: var(--softwhite); line-height: 1.75rem; letter-spacing:0.5px;}

.badge {
width:120px; height: 120px;
 /* background-image:url('images/profile-PLATINUM2021-seal.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;  */
margin:40px ; position:absolute; right:0; bottom:0; }
.badge img {width:100%; height:auto;}

/* full-width promo : all purpose promo */

    .promo.full-width.allpurpose {background: var(--dkpurple);}
    /* .promo.full-width.allpurpose.blue {background: var(--brightblue);}
    .promo.full-width.allpurpose.gold {background: var(--yellow);}
    .promo.full-width.allpurpose.purple {background: var(--purple);}
    .promo.full-width.allpurpose.green {background: var(--brightblue);} */

.promo-allpurpose-item {width:100%; max-width:1200px; margin:0 auto; }
.promo-allpurpose-item .image-container{display:inline-block; float:right; width:50%; height: 350px; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat;}
 .promo-allpurpose-item .image-container img {width:100%;height:auto;position: absolute; top: 0;}
.promo-allpurpose-item .text-container {width:50%; max-width:600px; height:auto; max-height:350px; padding:50px 25px;}
.promo-allpurpose-item .text-container.noimage { width: 90%; max-width: none; }
.promo-allpurpose-item .text-container h2,
.promo-allpurpose-item .text-container p {color: var(--softwhite);}
.promo-allpurpose-item .text-container h2 {font-size: 1.6rem;}
.promo-allpurpose-item .text-container a.buttonlink { background: var(--yellow);}
.promo-allpurpose-item .text-container p.credit-caption {font-size: 0.7rem; padding-top: 40px;}


/* full-width promo : flexible content versions of all purpose */

.promo.full-width.flex-text-image-block {margin:40px 0;  background:transparent;}

.promo.full-width.flex-text-image-block .promo-allpurpose-item {display:flex; flex-direction:row;flex-wrap:nowrap; background:var(--dkpurple);}
      /* .promo.full-width.flex-text-image-block .promo-allpurpose-item.blue {background: var(--brightblue);}
      .promo.full-width.flex-text-image-block .promo-allpurpose-item.gold {background: var(--yellow);}
      .promo.full-width.flex-text-image-block .promo-allpurpose-item.purple {background: var(--dkpurple);}
      .promo.full-width.flex-text-image-block .promo-allpurpose-item.green {background: var(--brightblue);} */
.promo.full-width.flex-text-image-block .image-container{margin:0;}
.promo.full-width.flex-text-image-block .text-container {margin:0 auto;}
.promo.full-width.flex-text-image-block .text-container h2,
.promo.full-width.flex-text-image-block .text-container p,
.promo.full-width.flex-text-image-block .text-container li,
.promo.full-width.flex-text-image-block .text-container span.credit-caption
/* .promo.full-width.flex-text-image-block .text-container a.learnmore-link  */
{text-align:center; color:var(--softwhite);}
.promo.full-width.flex-text-image-block .text-container a.outline.knockout {margin: 20px auto;}

.promo.full-width.flex-text-image-block .text-container h2 {font-size: 1.75rem;}
.promo.full-width.flex-text-image-block .text-container p {font-size:1rem;}
.promo.full-width.flex-text-image-block .text-container a.learnmore-link {padding: 16px; margin:0 auto; width:fit-content; }
.promo.full-width i.fas {color:var(--dkpurple); text-align:center; }

/* full-width promo : quote */

.promo.full-width.quote { background-color: var(--white);  }
.promo-quote-item {width:100%; height:auto; position:relative; list-style-type:none; padding: 70px 100px; max-width:1200px; margin:0 auto;}
.promo-quote-item .text-container { }
.promo-quote-item .text-container p {font-family:'Orleans Web', serif; font-weight:300; font-size:1.8rem; color:var(--purple); line-height:1.3; }
.promo-quote-item .text-container p.attribution {font-size:1rem; color: var(--dkpurple); font-weight:500; font-size:0.8rem; font-style:normal; text-transform: uppercase; letter-spacing: 2px; }
.promo-quote-item .text-container p.attribution:before { }

/* full-width promo : impact */
.promo-impact-item {width:100%; background: var(--white); height:auto; position:relative; list-style-type:none; padding: 40px; max-width:1440px; margin:0 auto;}

/* full-width promo, flexible content text block */

.promo.full-width.flex-text-block { background-image:none;}
.promo.full-width.flex-text-block .text-container {width:100%;height:auto;max-width:1000px;margin:0 auto;position:relative;list-style-type:none; padding: 40px 50px; }
.promo.full-width.flex-text-block .text-container a.outline {margin:20px auto;}

.promo.full-width.flex-text-block.accordion .text-container {padding:20px 0;}
.promo.full-width.flex-text-block.accordion #accordion {padding:0;}

.promo.bg-soft-white {background: var(--softwhite); }
.promo.bg-white {background: var(--white); }
.promo.bg-purple {background: var(--purple); }
.promo.bg-dark-purple {background: var(--dkpurple); }

.promo.bg-soft-white h2, .promo.bg-soft-white p,
.promo.bg-white h2, .promo.bg-white p {color: var(--dkpurple);}
.promo.bg-purple h2, .promo.bg-purple p,
.promo.bg-dkpurple h2, .promo.bg-dark-purple p {color: var(--softwhite); }

.promo.bg-soft-white a.outline:hover,
.promo.bg-white a.outline:hover {color: var(--dkpurple); }
.promo.bg-purple a.outline:hover,
.promo.bg-dark-purple a.outline:hover {color: var(--dkpurple); }

/* full-width promo, flexible content text block FORM block */

div.form-toggle {width:100%;height:auto;max-width:1200px;margin:0 auto;padding: 50px; background: var(--softwhite); text-align:center; position: relative; }
div.form-toggle i {color:var(--dkpurple); position:absolute; top:0; right:0; padding: 50px;}
.promo.full-width.flex-text-block .text-container.form-container {background: var(--softwhite); padding: 0 50px 50px 50px; max-width:1200px;}
.promo.full-width div.form-toggle i.fa-angle-up {display:block;}
.promo.full-width div.form-toggle i.fa-angle-down {display:none;}

/* full-width promo, flexible content text list w icon block */

.promo.full-width.iconlist {background:transparent;}
.promo.full-width.iconlist .text-container {width:100%;height:auto;max-width:1200px;margin:0 auto;position:relative;list-style-type:none; padding: 30px 0; }
.promo.full-width.iconlist .text-container ul {display:flex; flex-direction:row; flex-wrap:nowrap; text-align:center; justify-content: space-between;}
.promo.full-width.iconlist .text-container ul li {list-style:none; width:32%; padding: 0 1.3333%; color:var(--purple) }
.promo.full-width.iconlist i.fas {color:var(--purple); display:block;text-align:center;font-size:2rem; margin-bottom: 16px;}
.promo.full-width.iconlist h2 {text-align:center; margin: 30px auto; max-width: 800px;}

/* full-width promo, flexible content link list w buttons grid of 6 */

.promo.full-width.iconlist.linklist { width: 100vw; margin-left: calc(-50vw + 50%); margin-top: 0px; margin-bottom: 60px; background-color: var(--white); }
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist {flex-wrap:wrap; justify-content: flex-start; margin:0;}
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li { position: relative; height: 230px; margin:0; width:33% ; padding: 0px; height:230px; background:var(--white); text-align:center; }
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li h3 { margin-top: 20px; padding: 0 10px; line-height:1.3; }
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li a.outline {margin:20px auto;}

#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li:before { content: ""; position: absolute; right: 0; background: var(--softwhite); width: 2px;    margin: 30px auto;    height: 140px;    display: block;  }
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li:after { content: ""; position: absolute; bottom: 0; background: var(--softwhite); width: calc(100% - 40px);    margin: 20px;    height: 2px;    display: block;  }
#container .entry-content .promo.full-width.iconlist.linklist .text-container ul.linklist li:nth-child(3n+3):before { width: 0; }
.promo.full-width.iconlist.linklist a.learnmore-link {padding: 10px 20px; margin:0 auto; width:170px; }

/* full-width promo, flexible multicolumn content */
.promo-multicolumn-item ul{display:flex; flex-direction:row; justify-content:space-around; }
.promo-multicolumn-item ul li{list-style:none; padding: 0 5px;}

/* full-width promo : related content list */

.related-content-container{width:100%; max-width:1200px; height:auto; margin:20px auto;}
.postobject-container {width:100%;height:auto;}
.postobject-container h2 {margin:20px 0;border:none;padding:15px 0 0 0;}
.postobject-container h3 {margin: 20px 0; color:var(--purple);}
.postobject-container a {text-decoration:none; cursor:pointer;}
.postobject-container i {color:var(--purple); display:block;text-align:left;font-size:2.5rem;}
.postobject-container p.caption {padding:0;}

.related-content-container .resources-list { display: flex;    flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.postobject-single {width:49%; /* height:320px; */ margin:0 1% 10px 0; padding: 20px; background:var(--softwhite); overflow:hidden;}
/* .postobject-single li.related-thumbnail {
  width:100%; padding-top: 56.25%; height:auto; display:inline-block; overflow:hidden; position: relative; margin-bottom:10px;}
.postobject-single li.related-thumbnail img{width:100%;height:auto; position: absolute; top: 0;} */

.postobject-single li.related-excerpt p{padding:0;}
.postobject-single h3 a {text-decoration:none;}
.postobject-single h3 a:hover,
.postobject-single h3 a:focus,
.postobject-single h3 a:active {
  text-decoration:underline;text-decoration-color:var(--dkpurple);}

/* full-width promo : downloads content list */
.promo.full-width.downloads {background:var(--dkpurple);}
  .postobject-container.downloads {width:100%; max-width:1200px; height:auto; margin:50px auto; }
  .postobject-container.downloads ul {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: flex-start;}
  .postobject-single.downloads {width:24%; margin:0 1% 10px 0; background: var(--softwhite);padding: 20px; height:300px;}
  .postobject-container.downloads h2 {color: var(--softwhite); font-weight:300;}
  .postobject-container.downloads span.caption {font-size:0.9rem;color:var(--dkpurple);padding:0 0 20px 0;}

/* NinjaForms */

.promo.full-width.flex-text-block .nf-field-description p {font-size: 0.9rem;}

/* full-width promo : SUBSCRIBE : mailing list signup */

.promo.full-width.mailing-list {
  background: var(--purple);
  background-image: none;
  color: var(--softwhite);
  margin: 0;
  text-align:center;
}
.promo.full-width.mailing-list h2 {color: var(--softwhite); text-align: center;}


/* Mailchimp */
#mc_embed_signup { margin: 0 auto; font-family: "Noto Sans", sans-serif; }

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

#footer #mc_embed_signup .mc-field-group { width: 32%; clear: none; margin-right: 1.333%; float: left; }
#footer .mailing-list .promo-allpurpose-item {padding: 50px 0;}
#footer #mc_embed_signup .button {font-family: inherit;}
#footer #mc_embed_signup .indicates-required { text-align: center !important; }
#footer #mc_embed_signup form { text-align: center !important; }
#footer #mc_embed_signup .mc-field-group label { margin-bottom: 8px !important; text-align: left !important; font-size: .9rem; }
p.signup-inline {     font-size: .9rem !important; }
#footer #mc_embed_signup .mc-field-group.checkbox label { font-size: .9rem !important; display: inline; }
#footer #mc_embed_signup .indicates-required { display: inline; margin-left: 10px;}
#footer #mc_embed_signup .clear { float: none !important; text-align: none !important;  }

#footer #mc_embed_signup .button { height: auto !important; line-height: 1rem !important; color:var(--white)!important; background: transparent !important; font-weight: 600 !important; padding: 15px 30px !important; border-radius:0; font-weight:600;
  letter-spacing:0.5px importat !important;
  border:3px solid var(--yellow) !important;}

#footer #mc_embed_signup .button:hover { background: var(--yellow) !important; color:var(--dkpurple)!important; }

#footer #mc_embed_signup #mergeRow-gdpr { height: 20px !important; }
#mc_embed_signup .asterisk {color: var(--red) !important;}
.promo.full-width.mailing-list #mc_embed_signup .asterisk {color: var(--white) !important;}


/* social promo block */

.promo.full-width.social {
  background: var(--white);
  background-image: none;
  color: var(--dkpurple);
  margin: 0;
}

.promo.full-width.social p {
  font-size: .875rem;
}
.social .promo-allpurpose-item  {
  padding: 50px 0;
}

.promo.full-width.social h2 {
  color: var(--purple);
  font-weight:300;
  text-align: center;
}

.social-feeds {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: 70px;
}

.social-feeds h4 {
  text-transform: uppercase;
  font-size: .75rem;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: 1px;
}

.social-feeds h4 a {
  text-decoration: none;
}
.social-item {
  flex: 0 0 50%;
  padding: 0 20px;
  color: var(--dkpurple);
  overflow-x: hidden;
}

.insta-mobile {
  display: none;
}

#footer .social-item p { color: var(--dkpurple); }

/* GALLERY */

.gallery {margin:50px auto 0 auto ;max-width:1000px;}
.gallery, .gallery ul {width:100%;height:auto;}
.gallery ul {display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content: center; /* align horizontal */
align-items: center; /* align vertical */}
 #container .entry-content .gallery ul { margin-left: 0;display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px; }
 #container .entry-content .gallery ul li  { display: inline-block; padding: 20px; align-self: center; flex-basis: 190px;}
.gallery li img {width: 100%; height:100%; filter: grayscale(100%);mix-blend-mode: multiply;}
.gallery li a:hover img {filter: none;mix-blend-mode: none;}
.the-content.lp li, .entry-content .gallery li {margin:0;}

.page-press #container .entry-content .gallery ul {  /* width: 100vw; margin-left: calc(-1 * (50vw - 500px)); */ }
/* promo partners and supporters */

.promo-supporters {width:100%;height:auto;padding:30px 0; }
.promo-supporters h2 {display:block;width:100%;max-width:1000px; text-align: center; margin:0 auto 20px auto; font-size:1.5rem;}
ul.supporters-container {width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-content:space-around;justify-content:flex-start;}
li.supporters-list-item {width:30%;min-height:100px;list-style-type:none;align-self: center;padding:28px; margin: 0 auto;}
li.supporters-list-item img {width:100%;height:auto;filter: grayscale(100%);mix-blend-mode: multiply;}
li.supporters-list-item h3{font-size: 1rem; line-height: 1.25rem; text-align:center;}
li.supporters-list-item a {color:var(--dkpurple); cursor:pointer; text-decoration:none;}
li.supporters-list-item a:hover {color:var(--dkpurple); text-decoration:underline;}
li.supporters-list-item a:hover img {filter: none;mix-blend-mode: none;}

/* featured posts list (offerings) */

.featured-posts {width:100%;height:auto;max-width:1000px;margin:50px auto;padding:0;background:transparent;}
.featured-posts ul {display:flex; flex-direction:row; flex-wrap: wrap;}
.featured-posts ul li {position: relative; width:calc(50% - 10px); height:auto; margin-right:10px; margin-bottom: 40px; }

.featured-posts .image-container {
  width:100%;padding-top: 56.25%; /* 16:9 image container*/ height:auto;display:block;overflow:hidden;position: relative;
background-color: #b9b9b9; 
}
.featured-posts .image-container img {
  mix-blend-mode: multiply; width:100%;height:auto; position: absolute; top: 0;}

.featured-posts ul li .text-container {position:absolute; top:0; left:0; width:100%;  height:100%; padding:50px; z-index:1; background-color: var(--dkpurple); opacity:0; text-align:center; }
.featured-posts ul li .text-container:hover {background-color: var(--dkpurple); opacity:0.9; }
.featured-posts h3 {color: var(--purple); font-size: 1.2rem; font-weight:500;  margin: 14px 0 20px 0; text-align: center; }
.featured-posts h3 a {text-decoration:none;}

.featured-posts .text-container p,
.featured-posts .text-container a {color: var(--dkpurple); text-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.featured-posts .text-container:hover p,
.featured-posts .text-container:hover a {color:var(--softwhite);}

/* LANDING PAGE TEMPLATE */

.header.photo-banner{width:100%;max-height:360px; min-height: 300px; background-blend-mode:multiply; background-repeat:no-repeat;background-size:cover; background-color:#b9b9b9; background-position:center;}
.header.photo-banner .page-title-container{width:100%; max-width:800px;height:auto;margin:0 auto;}
.header.photo-banner h1{padding:60px 0 30px 0;margin:0;color:var(--softwhite);font-size:2.5rem; text-align:center; text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20);}
.header.photo-banner p {padding:30px 0;margin:0;color:var(--softwhite);font-size:1.1rem;font-weight:300; text-align:center; text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20);}
.rule-under-h1 {width:30%; text-align:center; margin:0 auto; color:var(--dkpurple);}

/* STANDARD PAGE BANNER */

.header.page-banner{width:100%; height:auto; background-color: var(--dkpurple); padding-top:50px; margin-bottom:5px;}
    .header.page-banner.bg-soft-white {background: var(--softwhite); }
    .header.page-banner.bg-purple {background: var(--purple); }
    .header.page-banner.bg-dark-purple {background: var(--dkpurple); }
    .header.page-banner.bg-white {background: var(--white); }

    .header.page-banner.bg-soft-white h1, .header.page-banner.bg-soft-white p,
    .header.page-banner.bg-white h1, .header.page-banner.bg-white p {color: var(--dkpurple);}
    .header.page-banner.bg-purple h1, .header.page-banner.bg-purple p,
    .header.page-banner.bg-dark-purple h1, .header.page-banner.bg-dark-purple p {color: var(--softwhite);}

.header.page-banner .page-title-container{width:100%; max-width:1024px; height:auto; margin:0 auto; }
.header.page-banner .text-container {width:50%; float:left; padding-left: 20px; }
.header.page-banner .image-container {width:400px; height: 400px; margin-top: -50px; float:right; background-repeat:no-repeat; background-size:cover; background-color:#b9b9b9; background-position:center; }

.header.page-banner h1{padding:0 0 30px 0;margin:0;color:var(--softwhite);font-size:2.5rem; text-align:left; 
/* text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20); */
}
.header.page-banner p {padding:0;margin:0;color:var(--softwhite);font-size:1.1rem;font-weight:300; text-align:left; 
/* text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20);  */
}

/* Landing page banner translation scripts */

.header.photo-banner .scripts,
.header.page-banner .scripts {display:flex; flex-direction:row; margin:30px 0; justify-content:flex-start; font-size:1.1rem; }
.header.photo-banner .scripts a,
.header.page-banner .scripts a {color: var(--yellow); text-align:center; padding: 0 10px;}
.header.page-banner .scripts a {text-align:left;}

/* Posts: LEARN LIBRARY */

.header.photo-banner.learn-library {width:100%;height:auto; background-color:transparent;}
.header.photo-banner.learn-library h1 {color: var(--purple); text-shadow: none;}
.header.photo-banner.learn-library p {color: var(--dkpurple); text-shadow: none;}

.entry-content.learn-library .search-form {width:90%; max-width:1200px; height:auto; margin: 0 auto; text-align:center;}
.entry-content.learn-library .search-form i,
.entry-content.learn-library .search-form form {display: inline;}
.entry-content.learn-library .search-form form.search-form input {height:auto; width:50%; font-size:1.2rem; padding: 20px; font-family:inherit;}
.entry-content.learn-library .search-form i {font-size: 1.6rem; color: var(--gray); padding: 20px;}
.entry-content.learn-library .search-form a.buttonlink {margin: 0 auto; text-align:center;}

.query-results {max-width:1200px; margin:50px auto;}
.query-results .news-list-item {width:49%; background: var(--softwhite); padding:30px 50px; margin: 10px 1% 0 0; display:inline-block; float:left;  overflow-y: scroll;
height:400px;
}
.query-results .news-list-item .entry-date, .query-results .news-list-item .tag-links { color: #636363; font-size: .8rem; }
.query-results h2 {margin:20px 0; font-size: 1.4rem; }
.query-results .news-list-item h2 {color:var(--purple);}
.query-results h2 a {text-decoration:none;}
.query-results i {color:var(--purple); font-size: 1.6rem;}

div.the-excerpt {
max-height:150px; 
/* overflow-y: scroll; */
}
.page-numbers {padding: 10px; color: var(--dkpurple); font-weight:600;}
.pagination{text-align: center; display: block; width:100%; height: auto; clear:both;}

/* Posts: UPDATES */

.query-results.updates-page .news-list-item {background: var(--softwhite);}

.dropdown-filters-container {position:relative; float:right; width:49%; margin-right: 1%; max-width: 600px; height: auto; display: flex; flex-direction: row; justify-content: flex-end;}
.dropdown-filters {width:auto; height:auto; position:relative; }
.tag-cloud {display:none; padding: 0; background: var(--dkpurple); color:var(--softwhite); position:absolute; z-index:10; width:100%; border: 1px solid var(--softwhite);}
.tag-cloud a {color:var(--softwhite); text-decoration: none;}
.toggle-list {background: var(--dkpurple); padding: 10px 20px; font-weight: 600; border: 1px solid var(--dkpurple); color: var(--softwhite); font-size:0.9rem;}
ul.tag-list {margin:0; }
ul.tag-list li {margin:0; padding:10px 20px; background: var(--dkpurple); color:var(--softwhite); font-weight:600; font-size:0.9rem;}
.toggle-list i {margin: 0 10px; color:var(--softwhite); font-size:1rem;}
.toggle-list:hover {color:var(--yellow);}
    .toggle-list:hover i {color:var(--yellow);}
.toggle-list li:hover, .toggle-list li:focus {background: var(--purple);}
ul.tag-list li:hover, ul.tag-list li:focus {background: var(--purple);}

/*  HOME PAGE */

/* home block - mission */

.promo.full-width.flex-text-block.mission {
  color: var(--dkpurple);
  text-align: center;
  /* margin: 5px 0; */
}

/* .promo.full-width.flex-text-block.mission p, .promo.full-width.flex-text-block.mission h2 { color: var(--dkpurple);   } */
.promo.full-width.flex-text-block.mission p { margin: 30px auto; max-width: 1000px; }

.promo.full-width.flex-text-block.mission.bg-soft-white {background: var(--softwhite); }
.promo.full-width.flex-text-block.mission.bg-white {background: var(--white); }
.promo.full-width.flex-text-block.mission.bg-purple {background: var(--purple); }
.promo.full-width.flex-text-block.mission.bg-dark-purple {background: var(--dkpurple); }

.promo.full-width.flex-text-block.mission.bg-soft-white h2, .promo.bg-soft-white p,
.promo.full-width.flex-text-block.mission.bg-white h2, .promo.bg-white p {color: var(--dkpurple);}
.promo.full-width.flex-text-block.mission.bg-purple h2, .promo.bg-purple p,
.promo.full-width.flex-text-block.mission.bg-dark-purple h2, .promo.dark-purple p {color: var(--softwhite); }

.promo.full-width.flex-text-block.mission.bg-soft-white a.outline,
.promo.full-width.flex-text-block.mission.bg-white a.outline {color: var(--dkpurple); }
.promo.full-width.flex-text-block.mission.bg-purple a.outline,
.promo.full-width.flex-text-block.mission.bg-dark-purple a.outline {color: var(--softwhite); }

.promo.full-width.flex-text-block.mission.bg-soft-white a.outline:hover,
.promo.full-width.flex-text-block.mission.bg-white a.outline:hover {color: var(--dkpurple); }
.promo.full-width.flex-text-block.mission.bg-purple a.outline:hover,
.promo.full-width.flex-text-block.mission.bg-dark-purple a.outline:hover {color: var(--dkpurple); }

/* home block - impact */
.promo.impact { text-align: center; }
.text-container.flex-impact { display: flex; }
.text-container.flex-impact > div { color: var(--dkpurple); flex: 1; padding: 30px; text-align: center; line-height: 1.25rem; }
.impact_bignumber { display: block; margin-bottom: 40px; font-family: 'Orleans Web', serif;
	font-weight: 500;	font-style: normal; color: var(--purple); font-size: 3rem; text-align: center;}
.promo.full-width .impact_bignumber i.fas {font-size: 1.8rem; color: var(--purple);margin-bottom: 40px;  }

/* Home block - Latest News */

.promo.full-width.latest-news {
background-color: var(--white);
padding: 50px 0;
}
.promo.full-width.latest-news .promo-latest-news { /* news item flex container */
  display: flex;
}
.promo.full-width.latest-news .news-item {
  width: 25%;
  max-width: 340px;
  min-width: 240px;
  background: var(--dkpurple);
  margin: 0 14px;
  padding: 0px;
  color: var(--softwhite);
}
.promo.full-width.latest-news .news-item p {color:var(--softwhite);}

.promo.full-width.latest-news .news-item:nth-child(n+1) {
    background: var(--dkpurple);
    color: var(--softwhite);
}
.promo.full-width.latest-news .news-item:nth-child(2n+1) {
    background: var(--purple);
    color: var(--softwhite);
}
.promo.full-width.latest-news .news-item:nth-child(3n+1) {
    background: var(--softwhite);
    color: var(--dkpurple);
}

/* .promo.full-width.latest-news .news-item:nth-child(n+1) {
    background: var(--softwhite);
}
.promo.full-width.latest-news .news-item:nth-child(2n+1) {
    background: var(--softwhite);
    color: var(--dkpurple);
}
.promo.full-width.latest-news .news-item:nth-child(3n+1) {
    background: var(--softwhite);
    color: var(--softwhite);
}
.promo.full-width.latest-news .news-item:nth-child(4n+1) {
    background: var(--softwhite);
    color: var(--dkpurple);
}
.promo.full-width.latest-news .news-item:nth-child(5n+1) {
    background: var(--softwhite);
    color: var(--dkpurple);
} */

.promo.full-width.latest-news .news-item:nth-child(3n+1) p, 
.promo.full-width.latest-news .news-item:nth-child(3n+1) h3,
.promo.full-width.latest-news .news-item:nth-child(3n+1) a.outline {
  color: var(--dkpurple);
}


.promo.full-width.latest-news h2 {
  text-align: center;
  margin-bottom: 50px;
}
.promo.full-width.latest-news h3 {
  font-size: 1.2rem;
  margin:0;
}
.promo.full-width.latest-news .news-item h3 {
  padding: 20px;
  color:var(--softwhite);
  font-weight:500;
}
.promo.full-width.latest-news .news-item p {
  padding: 20px 20px 0px 20px;
}
.promo.full-width.latest-news .carousel-cell {
  height: 600px;
  overflow:scroll;
}
.latest-news .flickity-page-dots { display: none; }

.promo.full-width.latest-news .news-item p {
  font-size: .875rem;
  line-height: 1.1rem;
  margin-bottom: 0px;
}

.carousel-cell.news-item .buttonlink,
.carousel-cell.news-item a.buttonlink {
  background:var(--yellow);
  color: var(--dkpurple);
  margin:10px 0 0 0;
  display:block;
  width:90%;
  text-align:center;
  font-size: .8rem;
  position: absolute;
  bottom: 20px;
}
.carousel-cell.news-item a.buttonlink:hover {
  color:var(--purple);
}

/* Home Block : No Image Promo */

.home-page .promo.full-width.flex-quote .promo-quote-item .text-container {text-align:center;}
.home-page .promo.full-width.flex-quote{background-color:var(--softwhite);}



/* FOOTER */

#footer {
  flex-shrink: 0;
  background:var(--dkpurple);
  width:100%;
  margin-top:50px;

}
#footer .footer-content {max-width: 1200px; margin: 0 auto; background:transparent;padding:40px 0; color:var(--softwhite);}
#footer .footer-content a {text-decoration:none;}
#footer .footer-content a:hover,
#footer .footer-content a:focus {text-decoration:underline;}

#footer .messagebar {position: relative; padding: 50px 100px; height:auto; background-color: var(--purple);}

/* #footer .footer-helpline {background-color: var(--purple); background-image: url('images/leaf.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 80px; }
#footer .footer-afterhours { background-color: var(--purple); 
background-image: url('images/stars.svg'); background-size: cover; background-position: left; background-repeat: no-repeat; height: 80px;}  */

#footer .messagebar p {margin: 0; text-align: center; font-size: 1.1rem; font-weight:300; color:var(--softwhite);}
/* #footer .footer-afterhours p, */
/* #footer .footer-helpline p {color: var(--softwhite); letter-spacing: 0; font-weight:600;} */

#footer .footer-blurb { font-size: .8rem; line-height: 1.25rem; max-width: 300px; color: var(--softwhite);}
.columns-container {display:flex;flex-direction:row;margin:0 0 40px 0; position: relative; }
.footer-left {width:33.333%; height:auto;padding:0 1%;}
.footer-middle {width:33.333%; height:auto;padding:0 1%;}
.footer-right {width:33.333%;padding:0 1%; }
.footer-right a { 
  height:auto; margin-right:10px; 
  /* color: var(--softwhite); */
}
.footer-right a:hover { color: var(--softwhite); }
.footer-right i { color: var(--softwhite); }
.menu-footer-menu-container { width: 100%; margin-bottom: 30px; }
.footer-content .menu-footer-menu-container li { margin-bottom: 4px;}
#footer .contact { margin-bottom: 20px; }
/* #footer a.outline.knockout { 
  background: var(--yellow); color: var(--dkpurple); 
  width: fit-content;
  margin: 30px 0 0 0; display: block; }
#footer a.buttonlink:hover {text-decoration:none; color: var(--purple)} */

.footer-scripts {padding: 20px 0; display: flex; font-size:1.1rem;}
.footer-scripts a { color: var(--yellow); padding: 0 10px; }
#footer .footer-content .footer-scripts a:hover,
#footer .footer-content .footer-scripts a:focus {text-decoration:none; color:var(--white);}

#footer .head a { text-decoration: none; }
.fineprint {width:90%;height:auto;padding:10px 1%;}
#footer .fineprint p, #footer #social, #footer .search-form {display:inline-block;margin:0 10px 0 0;}
#footer #social { margin-top: 30px; margin-left: -7px; }
#footer .search-form-wrapper { display: block; }
#footer form.search-form {margin:0 7px; padding: 0 0 0 7px;}
#footer form.search-form input[type="search"]{display:inline-block; width:200px; font-family:inherit; background-color:var(--softwhite);}
#footer form.search-form input[type="submit"]{display:none;}
.fineprint-container-right {float:right; }
.fineprint .copyright, .footer-content .fineprint p, .fineprint a { font-size: .625rem; }
.footer-content p, .footer-content li, .footer-content span {font-size:0.77777rem; margin: 0 0 4px 0; color: var(--softwhite);}
button.email:hover, button.email:focus {text-decoration:underline;}

#footer .address.header {font-weight:600;font-size:.88888rem;}
#footer .fa-phone-volume:before, #footer .fa-envelope:before { margin-right: 6px; }

#footer .promo-supporters {background:var(--softwhite);}

#footer .footer-content a.outline.knockout {margin: 30px 0 0 0;}
#footer .footer-content a.outline.knockout:hover,
#footer .footer-content a.outline.knockout:focus {text-decoration:none;}


/* HEADER */
#header {width:100%;height:92px;background:var(--dkpurple);position:fixed; transition: top 0.5s; /*top:0;left;0;*/z-index:999;}

#header:not(.home) { -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 3px rgb(0 0 0 / 20%); box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}

.home #header { height: 74px; background:var(--dkpurple);}

#header .header-content {width:100%; max-width: 1200px; height:auto;margin: 0 auto; background:transparent;padding:0;}

/* branding interior */

.branding {
  width:150px; 
  height:80px;
  display:inline-block;
  background-color:transparent;
  background-image:url('images/sakhi-rgb-softwhite.png');
  background-size:140px auto;
  background-position:center;
  background-repeat:no-repeat;
  margin-top: 10px;
  margin-right:20px;
}
.home .branding {
  width:160px; 
  height: 80px;
  background-image:url('images/sakhi-rgb-dkpurple.png');
  background-size:160px auto;
  position: relative;
  margin-right:0;
  margin:0 20px;
  /* margin: 8px 0; */
}
.home .branding:hover {
  background-image:url('images/sakhi-rgb-purple.png');
}
.home-branding-wrapper {
  width: auto;
  margin: 0 auto;
  display: block;
  background: var(--white);
  width: 100%;
  box-shadow: 0 3px 5px rgba(0,0,0,0.05);
}
.home-branding-wrapper { display: none; }
.home .home-branding-wrapper {display: flex; justify-content: center; align-items:center; padding: 30px 0;}

      .home .home-branding-wrapper .script { color: var(--dkpurple); display: inline-block; margin:0 20px; position: relative; /*top: 36px;*/ width: 80px; text-align: center; font-size:1.2rem;}

      .home .home-branding-wrapper .script:hover {color:var(--purple);}

.header-container-right {display:inline-block; float:right; width:calc(100% - 200px);height:auto;}

#mobile-toggle {position:absolute;right:0;top:0;margin-top: 0px; padding:20px; letter-spacing:0;z-index:1000; display:none; color:var(--purple); background:transparent; font-size:1.2rem; border:0;}
.fas.fa-times{display:none;}

.home header #social { display: none; }

.footer-branding {
  width:150px;height:80px;
  display:inline-block;
  background-color:transparent;
  background-image:url('images/sakhi-rgb-softwhite.png');
  background-size:140px auto;
  background-position:center;
  background-repeat:no-repeat;
}
/* .header-links{display:none;width:100%;float:right;text-align:right;margin:0;}
#header .action-links, #header #social {display:inline;}
#header .action-links { margin-right: 10px;}
#header .action-links li {display:inline;font-size:0.8rem;font-weight:600;color:white;margin-left:10px;}
#header .action-links li a {text-decoration:none;} */

#header #search-header {display:none;}
/* #header #search-header input[type=search] {display:none;position:relative;width:0; height:23px;padding:0;} */
/* .search-open, .search-close {display:inline-block;width:30px;height:20px;color:#d8e264;}
.search-close {display:none;width:auto;}
.search-open i, .search-close i {width:30px;height:20px;padding-left:10px;} */

#menu{width:100%;height:auto;float:right;padding:0;margin:0;display:inline-block;}

.menu-main-menu-container {width:100%; height:92px; display:flex; align-items:center;}

.home #header .menu-main-menu-container { height: 74px; justify-content: center; padding:0 20px;}

#menu-main-menu {width:100%;height:auto;
display:flex;flex-direction:row;flex-wrap:nowrap;bottom: 0; margin-bottom: 0; 
justify-content: space-between;}

#menu-main-menu li {width: auto;height:auto;display:inline-block;margin:0;text-align:center;position:relative;}

#menu-main-menu .sub-menu {width:fit-content;height:auto;margin:0;position:absolute;left:-99999px;display:block;z-index:100;}
#menu-main-menu .sub-menu li {width:fit-content;display:block;margin:0;height:auto; text-align:left;}

#menu-main-menu li a {
  /* padding:34px 20px; */
  padding:10px 20px;
  color: var(--softwhite);
  font-weight:600;
  text-decoration: none;
  text-transform: none;
  letter-spacing:0px;
  display: block;
  background: transparent;
}
/* .home #menu-main-menu li a {
  padding:25px 5px;
} */

#menu-main-menu li a:last-child {
  color: var(--yellow);
}

#menu-main-menu li.menu-item-has-children a:after {
  content: " \25be";
}
#menu-main-menu li a:hover,
#menu-main-menu li a:focus,
#menu-main-menu li a:active   {
  color: var(--yellow);
}
#menu-main-menu .sub-menu li a {
  font-weight:600;
  text-decoration: none;
  padding:10px 20px;
  background:transparent;
  color:var(--softwhite);
  display: block;
}
#menu-main-menu .sub-menu li:hover,
#menu-main-menu .sub-menu li:focus,
#menu-main-menu .sub-menu li:active
 {
  background: var(--purple);
  width: 100%;
}

#menu-main-menu .sub-menu li a:after {
  content: "";
}
#menu-main-menu li:hover .sub-menu,
#menu-main-menu li:focus .sub-menu  {
  left:0;
  background: var(--dkpurple);
  width: 200px;
  box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}

#menu-main-menu .sub-menu .sub-menu li {
 text-indent: 20px;
}

#header p, #header li {font-size:0.8rem; color:var(--softwhite); cursor: pointer;}

/* HOME PAGE */


/* different menu on home page */


.home .header-container-right { width: 100%; }

.home .branding.interior { display: none; }
/* flickity carousel slider
images: 600 x 450 or 4:3 aspect ratio
*/
.home .carousel-cell h2 {font-size: 2rem; line-height: 2.2rem; font-weight:300;}
.home .carousel-cell h2 a { text-decoration: none;}

.main-carousel .buttonlink, .main-carousel a.buttonlink { margin: 0; }

.main-carousel{width:100%;max-width:1440px; height:500px; margin:0 auto; overflow:hidden;}

.main-carousel .carousel-cell {width: 100%;background:transparent; height: 500px;}
.carousel-cell.video {background: var(--dkpurple); }
.carousel-cell.full-width-slide {background-position: center; background-size: cover; background-color: linear-gradient(var(--red), var(--dkpurple)); background-blend-mode: multiply;}

/* .home .carousel-cell .contentarea {width:100%;height:auto;} */

.slide-image {width:40%; float: left; max-width: 800px; }
.slide-text-container {width:60%; float: left; position: absolute; max-width: 800px; }
.slide-text-container.light h2, .slide-text-container.light .slide-description { color: var(--softwhite);  }
.slide-text-container.light .slide-description { top: 50%; }
.slide-image {position:relative; padding-top: 35.5%; overflow:hidden; float: right;} /*aspect ratio 4:3 */
.slide-text-container {padding: 40px 80px;}
.slide-image img {width:80%; min-width: 200px; -webkit-box-shadow: 20px 20px 0px 0px rgb(120 83 136 / 20%);
box-shadow: 20px 20px 0px 0px rgb(120 83 136 / 20%); max-width: 380px; height:auto; position: absolute; top: 50px;}
.slide-description { font-family: 'Noto Sans', sans-serif; color: var(--dkpurple); line-height: 1.5rem; max-width: 500px; margin-bottom: 20px; }
/* .slide-subheader{font-size:0.9rem;text-transform:uppercase;font-weight:700;} */
.carousel-cell .home-hero a p.slide-subheader,
.carousel-cell .home-hero h2 a {text-decoration:none;}
.carousel-cell .home-hero h2 a {color: var(--dkpurple); }
.carousel-cell .overlay-grad-dark {background-image: linear-gradient(to right, rgba(48, 18, 66, 1), rgba(48, 18, 66, 0)); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.slide-description p {line-height:1.4;}

.flickity-button:hover, .flickity-button:focus { background: var(--dkpurple) !important; color:var(--softwhite) !important;}

.flickity-page-dots .dot { border-radius: 0 !important; background: var(--yellow) !important; width: 15px !important; height: 15px !important; margin: 0 6px !important;}
.flickity-page-dots { bottom: 25px !important; }

/* Flickity carousel slider Timeline */

.timeline-carousel{width:100%; max-width:100%; height:500px; margin:0 auto; overflow:hidden;}
.timeline-carousel .carousel-cell {width: 100%;background:transparent; height: 500px;}
.carousel-cell.video {background: var(--white); }

.carousel-cell.square-text{width:500px;padding:40px 40px; background-color:var(--dkpurple); margin:0 5px ;}
    .carousel-cell.square-text .slide-text-container {width:calc(100% - 80px);padding:0;}
    .carousel-cell.square-text .slide-text-container h2 {font-size:2.5rem;color:var(--softwhite); font-weight:300;}
    .carousel-cell.square-text .slide-text-container .slide-description p {color:var(--softwhite); font-size: .875rem; margin: 0 0 10px 0;}
.carousel-cell.rectangle-photo{width:666.66px; margin: 0 5px; }
    .carousel-cell.rectangle-photo .slide-text-container {width:auto;background-color:var(--dkpurple); padding:10px;}
    .carousel-cell.rectangle-photo .slide-text-container h2 {font-size:1rem;}
    .carousel-cell.rectangle-photo .slide-text-container h2 {margin:0;}
    .carousel-cell.rectangle-photo .slide-text-container .slide-description {margin-bottom:0; margin:0 0 0 0;}
.carousel-cell.square-text {background: var(--dkpurple);}
.carousel-cell.square-text:nth-child(n+1) {background: var(--dkpurple);}
.carousel-cell.square-text:nth-child(2n+1) {background: var(--purple);}
.carousel-cell.square-text:nth-child(3n+1) {background: var(--softwhite);}
.carousel-cell.square-text:nth-child(3n+1) h2,
.carousel-cell.square-text:nth-child(3n+1) .slide-text-container .slide-description p {color: var(--dkpurple);}
/* .carousel-cell.square-text:nth-child(4n+1) {background: var(--dkpurple);}
.carousel-cell.square-text:nth-child(5n+1) {background: var(--dkpurple);} */

/* SEARCH RESULTS */

#content.results-page {width:100%;max-width:900px;margin:0 auto;padding:50px 0;}
#content.results-page .header {padding:0 0 50px 0;}
.results-page .entry-summary img,
.results-page #share {display:none;}
.results-page article {padding:15px 0;}
/* .results-page h1 {font-size:1.7rem;} */
h2.search-results {font-size:1.2rem;color:var(--dkpurple); margin:0;}
h2.search-results a {text-decoration:none;}
h2.search-results:hover, h2.search-results:focus {text-decoration:underline;}

/*	#mc_embed_signup{background:transparent; clear:left; font-size:1rem; font-family: inherit; width:100%; margin:0 auto;}
	#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto; margin-right: 5px;}
	#mergeRow-gdpr {margin-top: 20px;}
	#mergeRow-gdpr fieldset label {font-weight: normal;}
	#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
	#mc_embed_signup .mc-field-group {width:25%!important; display: inline-block; margin-right: 20px;}
	#mc_embed_signup .mc-field-group.checkbox {width:auto; display:inline-block;}
	#mc_embed_signup .mc-field-group.checkbox label {font-size: 1rem; display:inline;}
	#mergeRow-gdpr {width:100%!important; overflow:visible; margin:0; padpadding-bottom: :0;}
	p.signup-inline {display:inline-block !important; color: #ffffff;}
	#mc_embed_signup .clear {clear:none; display:inline-block; float:right;}
	#mc_embed_signup .asterisk { color: gold;} */

  #mc-embedded-subscribe-form input[type=checkbox]{display: inline!important; width: auto!important; margin-right: 10px!important;}
  #mc_embed_signup .button {background-color:var(--yellow)!important; color:var(--dkpurple)!important; border-radius:0!important; font-family:"Noto Sans", sans-serif !important; font-weight:600!important;}
  #mc_embed_signup .button:hover {color:var(--dkpurple)!important;}

/* MODALS  */

.blocker {z-index: 99999 !important;}
/* #home_modal, #donate_modal {display: none; text-align:center; position: absolute; background: var(--softwhite); } */

.pum-title {font-family:'Orleans Web', snas-serif!important;}

/* page-template-page-fullbg-flex */

.page-template-page-fullbg-flex #wrapper {background:var(--dkpurple);}
.page-template-page-fullbg-flex article {
  background-size: cover;
	background-repeat: no-repeat;
	background-color: #696969; /* darken */
  background-blend-mode: multiply;
  padding-bottom:100px;
  padding-top:100px;
}
.page-template-page-fullbg-flex #footer { margin-top:0; }

/* .page-template-page-fullbg-flex #container .entry-content{
  background:#eeeeee;
  padding:20px;
} */
.page-template-page-fullbg-flex #container .entry-content h2,
.page-template-page-fullbg-flex #container .entry-content h3,
.page-template-page-fullbg-flex #container .entry-content h4,
.page-template-page-fullbg-flex #container .entry-content p,
.page-template-page-fullbg-flex #container .entry-content li {
  color:var(--white);
}
.page-template-page-fullbg-flex #container .entry-content p,
.page-template-page-fullbg-flex #container .entry-content li {
  font-size:1rem;
}
.page-template-page-fullbg-flex .entry-content iframe {
  background:#eee;
  max-width:100%!important;
}
/* .page-template-page-fullbg-flex .entry-content #edlsearch button,
.page-template-page-fullbg-flex .entry-content form button,
.javamatch-button-color {
  background-color:var(--yellow)!important;
  color:var(--dkpurple)!important;
  border:1px solid white !important;
} */
.page-template-page-fullbg-flex .entry-content .promo-multicolumn-item ul {
margin:0;
}
.page-template-page-fullbg-flex .entry-content .promo-multicolumn-item ul li {
  flex:1;
  }
/* .page-template-page-fullbg-flex .entry-content .promo-multicolumn-item ul li {
width:50%;
} */