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

ioblankslate WordPress Theme © 2021 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{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

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


html , body {
  display: flex;
  flex-direction: column;
  height:100%;
  font-size: 20px;
  font-family: halyard-text, sans-serif;
}
/* fonts
font-family: halyard-display, sans-serif;
font-family: halyard-text, sans-serif;
 */
/* colors
aapip green #577E20
aapip blue #75aadb
aapip orange #d88c02
aapip brown #795c51
aapip beige #bca59e
aapip tan #bcad75

bright blue #1A7CB9
jade green #577E20
electric green #D8FD94
gold #F5C047
gold tint #F8CA60
pink #FC877E
pink tint #FC9D96
red #E5542F
greige #E3DBD5
bg light green #E2EBD0
purple #5E376F
 */

 /* UNIVERSALS */

h1,h2,h3, h4,h5,h6 {
  font-weight:600;
  line-height:1.1;
  margin:0 0 20px 0;
  color:#000000;
}
h1 {font-size:3rem;}
h2 {font-size:1.6rem; margin: 60px 0 20px 0;}
h3 {font-size:1.2rem;}
h4,h5,h6 {
  font-size:1.1rem;
  line-height:1.3;
}
h4 {text-transform: uppercase;}

p, ul, ol, li {
  color:#000000;
  font-size:1rem;
  line-height:1.4;
  margin:0 0 1rem 0;
}
a{
  color:inherit;
}
a:hover, a:focus, a:active {
  color:#577E20;
}
button {
  padding:15px 30px;
  background: linear-gradient(140deg, rgba(212,0,105,1) 0%, rgba(216,140,2,1) 45%, rgba(236,202,101,1) 100%);
  background-size: 300%;
  color:#ffffff;
  font-size:1rem;
  font-weight:600;
  letter-spacing:0.5px;
  border:none;
  font-family: halyard-text, sans-serif;
  hyphens:auto;
  transition: background-size 1s;

}
button:hover, button:focus, button:active {
  background: linear-gradient(140deg, rgba(212,0,105,1) 0%, rgba(216,140,2,1) 45%, rgba(236,202,101,1) 100%);
  cursor: pointer;
  background-size: 100%;
}
button a:hover, button a:focus, button a:active {
  color: #ffffff;
}

.simple-button {
  padding: 15px 30px;
  letter-spacing: 1px;
}
.simple-button a {text-decoration:none;}

.outline, a.outline {
  padding:15px 30px;
  font-weight:600;
  border: solid 3px #577E20;
  background:transparent;
  color:#577E20;
  text-decoration:none;
}
.outline.knockout {border-color:#577E20; color:#577E20;}
a.outline:hover, a.outline:focus, a.outline:active,
.outline:hover, .outline:focus, .outline:active {
  border-color:black; color:black;text-decoration:none;
}
.outline.knockout:hover, .outline.knockout:focus, .outline.knockout:active {
  border-color:#ffffff; color:#ffffff;
}

blockquote p {
  font-size:1.3rem;
  font-weight:600;
  font-style: italic;
  line-height:1.3;
  color:#577E20;
  padding:30px 0;
  margin:0 10%;
}

/* click to show hidden share icons in promos */
/* #share {width:50%; display:inline-block; float:right; text-align:right; font-weight:600; color:#577E20; cursor:pointer;}
#share .share-icons-container {display:none;float:right; text-align:right; }
#share span {padding-right:10px;}
 */

/* share icons not hidden */
.share-icons-container a { text-decoration:none; padding: 5px;}
.share-icons-container i { font-size: 1.25rem; color: gray;}

.share-icons-container i:hover ,
.share-icons-container i:focus {color: #577E20;}

.share-icons-container.article {width:100%;height:auto;text-align:left; color:gray; margin: 40px 0;}
/* .share-icons-container.article i { font-size: 1rem; color: gray;}
.share-icons-container.article i:hover,
.share-icons-container.article i:focus { font-size: 1rem; color: gray;} */

/* #social {float:right; } */
#social i {color:#ffffff;padding:7px; margin-top: -3px; }
#social i:hover, #social i:focus {color:#D8FD94;}

input {
  background-color: #eeeeee;
}
form.search-form {padding:0 10px;}
.search-form i {color:#577E20;}
form.search-form input[type="search"] {display:inline-block;text-align:left;border:1px solid #696969;min-height:30px;}
form.search-form input[type="submit"] {display:none;}

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

#breadcrumbs {width:100%; margin: 0 auto; padding: 20px 0; color: white; font-size: 0.8rem;background: linear-gradient(130deg, #93C4F2, #CFE2AC); padding-left: calc(50% - 600px);}

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

.tag-links,
.cat-links {color:gray;font-size:0.8rem;}

table, tr {border: 1px solid #696969;}
th, td {padding: 5px 10px;}

#accordion h2 {font-size: 1.4rem; padding: 10px; background:#ffffff; cursor:pointer; margin: 10px 0;}
/* .ui-accordion-content {height:auto!important;} */
.ui-accordion-content p { padding-left: 10px; }
/* consent bar */

#consent1 { display: none; position: fixed; bottom: 0; width: 100%; background: #d8e264; padding: 14px 20px; z-index: 9999999; }
#consent1 p  {font-size: .75rem; width: 75%; float: left; padding: 0 10px; margin: 0 0 8px 0;}

#consent1 button {
    padding: 10px;
    background: #696969;
    color: #ffffff;
    font-size: 0.75rem;
    letter-spacing: 1px;
    border: none;
    width: 25%;
    max-width: 150px;
    float: right;
}

/* 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:transparent;
  background: linear-gradient(130deg,#F5FCE8,#E6EDF4,#FCFAF5,#E6EDF4); background-repeat:no-repeat;
}
#container {
  width:100%;
  margin: 126px auto 0 auto;
  background:transparent;
}
#container .entry-content {
  max-width: 1000px;margin:0 auto 100px auto; position: relative;}

/* POST STYLES */

.posts-only h1 { font-size: 2.3rem; }
#content.posts-only header,
#content.posts-only footer {max-width: 1000px;margin:50px auto;}
#content.posts-only footer {margin:50px auto 100px auto;}
#container .entry-content.posts-only {max-width: 1000px;margin:0 auto; word-wrap: break-word;}
#container .entry-content.posts-only .the_post_thumbnail {max-height:562px;overflow:hidden;}
#content.posts-only .entry-title a {text-decoration:none;}
.entry-meta{color:gray;margin-bottom:10px;}


/* PAGE STYLES */

article {width:100%;}
.the-content.lp {max-width: 1000px;margin:0 auto;}
.header.child-page{width:100%; max-width:1000px;height:auto;margin:0 auto;padding:50px 0 20px 0;}
#content.child-page {max-width: 1000px;margin:0 auto;padding:20px 0;}
#content.child-page header {margin:50px auto;}
#container #content.child-page .entry-content {max-width: 800px; word-wrap: break-word;}

#container .entry-content.landing-pages {max-width:1200px;}

/* editor-inserted images: posts and pages

.entry-content.child-page
.entry-content.landing-pages
.entry-content.posts-only
*/

#container .entry-content.posts-only .the_post_thumbnail img {width:100%;height:auto;}

.wp-caption,
.entry-content p img,
.the_content.lp p img {
  display:inline-block;float:left;margin-right:20px;clear:left; margin-bottom:20px;}

div[id^="attachment"], div[id^="attachment"] img,
.entry-content.child-page p img { max-width: 100%; height:auto; }

.entry-content.child-page {overflow:hidden;}

.entry-content h2,
.entry-content h3,
.entry-content h4 {color: #577E20; clear:both; max-width: 1200px; margin: 0 auto 20px auto;}
.featured_image_caption,
p.wp-caption-text {font-size:0.8rem;color:gray;}

/* editor-created lists: posts and pages */

#container .entry-content ul,
#container .entry-content ul ul {list-style-type:disc;margin:24px;height:auto;}
#container .entry-content ol {list-style-type:decimal;margin:24px;}

/* our members special grid tile list */

#container .entry-content ul.members-list-grid {list-style:none; display:flex; flex-direction:row; flex-wrap: wrap; align-content: space-between;}
#container .entry-content ul.members-list-grid li {padding:20px; width:19%; height:200px; background-color:#ffffff; margin-right:1%;}
#container .entry-content ul.members-list-grid li:hover,
#container .entry-content ul.members-list-grid li:focus {background-color:#577E20; color: #ffffff;}
#container .entry-content ul.members-list-grid li a {text-decoration:none;}
#container .entry-content ul.members-list-grid li a:hover,
#container .entry-content ul.members-list-grid li a:focus {color:#ffffff;text-decoration:underline;}

/* about aapip: values special list */

#container .entry-content ul.values {list-style:none; display:flex; flex-direction:row; flex-wrap: wrap;  margin: 20px 0;}
#container .entry-content ul.values li {padding:20px; width:32%; height:auto; background-color:#ffffff; margin-right:1%;}


/* featured posts list */

.featured-posts {width:100%; height:auto; max-width:1000px; margin:0 auto 50px auto; padding:0; background:transparent;}

#container .entry-content .featured-posts ul {list-style: none; margin: 20px 0;}

.featured-posts .text-container {display:inline-block; width:61%; height:auto; vertical-align: top;}
.featured-posts .text-container.no-image {width:100%; border-top: solid 1px #577E20; padding-top:10px;}
.featured-posts .text-container h3 a {text-decoration:none;}
.featured-posts .text-container h3 a:hover,
.featured-posts .text-container h3 a:focus,
.featured-posts .text-container h3 a:active {text-decoration:underline;}
.featured-posts .image-container {width:25%;padding-top: 14%; /* 16:9 image container*/ height:auto;display:inline-block;margin-right:4%;overflow:hidden;position: relative;}
.featured-posts img {width:100%;height:auto; position: absolute; top: 0;}

.home-page .featured-posts {max-width:1440px; background:#ffffff; padding-top: 40px;}
.home-page .featured-posts ul {display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start; }
#container .home-page .entry-content .featured-posts ul { max-width: 1200px; margin: 0 auto;}
.home-page .featured-posts ul li {display:inline-block; width:33.33%; padding:10px;}
.home-page .featured-posts h2 {width: 100%; padding: 0 10px;}

.home-page .featured-posts .image-container,
.home-page .featured-posts .text-container {display:block; width:100%;}
.home-page .featured-posts .image-container {padding-top: 56.25%; /* 16:9 image container*/ height:auto;overflow:hidden;position: relative;margin-bottom:20px; background: linear-gradient(130deg, #93C4F2, #CFE2AC);}
.home-page .featured-posts .text-container {padding:0 20px 0 0;}

.featured-posts .image-container img {
    -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}

.featured-posts .image-container {
    background: #1abc9c;
    }

.featured-posts .image-container img:hover {
    -webkit-transform:scale(1.125); /* Safari and Chrome */
    -moz-transform:scale(1.125); /* Firefox */
    -ms-transform:scale(1.125); /* IE 9 */
    -o-transform:scale(1.125); /* Opera */
     transform:scale(1.125);
    /* opacity: 0.9; */
     -webkit-filter: brightness(70%);
     -webkit-filter: hue-rotate;
}


/* landing page template */

.header.photo-banner{width:100%;height:600px; /*margin-top:-126px;*/ background-blend-mode:multiply;background-repeat:no-repeat;background-size:cover;background-color:rgba(0, 0, 0, 0);background-position:top; position:relative; margin-bottom: 50px;}
.header.photo-banner .page-title-container{width:100%; max-width:1200px;height:auto;margin:0 auto;}
.header.photo-banner h1{ padding:300px 10% 0 0;margin:0;color:#ffffff;font-size:3.8rem;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:20px 10% 0 0;margin:0;color:#e6f8d3;font-size:1.1rem;font-weight:600;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);}

.post-hero-content {position:absolute; bottom:0; margin:0 0 0 0; width:100%;}
.post-hero-content p.wp-caption-text {position:relative;  margin: 0 auto; width:100%; max-width:1200px; height:auto; color: #ffffff; text-shadow: 0px 0px 10px rgba(0,0,0,0.15); font-size: 0.6rem; font-weight:400; padding:20px 0 40px 0; }

.landing-pages .featured-posts {width:100%; max-width: 1200px; background:transparent; margin:0 auto; padding:50px 0;}
.landing-pages .featured-posts ul {display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start; }
#container .landing-pages .entry-content .featured-posts ul {margin: 20px 0;}
.landing-pages .featured-posts ul li {display:inline-block; width:33%; padding:10px;}

.landing-pages .featured-posts .image-container,
.landing-pages .featured-posts .text-container {display:block; width:100%;}
.landing-pages .featured-posts .image-container {padding-top: 56.25%; /* 16:9 image container*/ height:auto;overflow:hidden;position: relative;margin-bottom:20px; background: linear-gradient(130deg, #93C4F2, #CFE2AC);}
.landing-pages .featured-posts .text-container {padding:0 20px 0 0;}

/* optional posts banner image : events, programs, news */

.header.photo-banner.posts-only {margin-top:0; height:auto;}

/* optional featured image as header banner : single news and events posts */

.post-banner {width:100%; height:540px; max-width:1440px; margin:0 auto; display:block; overflow:hidden;  background-size: cover; background-position: center; background-repeat: no-repeat;}

/* featured events : events listing page */

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

.featured-events {width:100%;height:auto;max-width:1000px;margin:0 auto 50px auto;padding:0;}
.featured-events .image-container {margin-top: 10px; width:33%;padding-top: 18.7%; /* 16:9 image container*/ height:auto;display:inline-block;margin-right:4%;overflow:hidden;position: relative; /*background: linear-gradient(130deg, #93C4F2, #CFE2AC);*/}
.featured-events img {width:100%;height:auto;position: absolute; top: 0;}
.featured-events .text-container {display:inline-block;width:60%;height:auto;vertical-align: top;}
.featured-events .text-container span.event-title {font-weight:600;color:#577E20; font-size:1.25rem;}
.featured-events .text-container a {text-decoration:none;}
.featured-events .text-container a:hover {text-decoration:underline;color:#577E20;}
.entry-content .featured-events li {list-style:none;margin:0 0 20px 0;}

/* jobs board */

.query-results.jobs-board-results {width:100%;height:auto;max-width:1000px;margin:50px 0;}
.jobs-board-list-item {margin: 20px 0; border-top: solid 1px #577E20; padding-top:10px;}
/* .query-results.jobs-board-results .image-container {margin-top: 10px; width:15%;padding-top: 15%;  height:auto;display:inline-block;margin-right:4%;overflow:hidden;position: relative;}
.query-results.jobs-board-results img {width:100%;height:auto;position: absolute; top: 0;} */
/* .query-results.jobs-board-results .text-container {display:inline-block;width:80%;height:auto;vertical-align: top;} */
.query-results.jobs-board-results .text-container h3 a {text-decoration:none;}
.query-results.jobs-board-results .text-container h3 a:hover,
.query-results.jobs-board-results .text-container h3 a:focus {text-decoration:underline;}
#container .entry-content.jobsboard ul {list-style: none; margin: 20px 0;}

.entry-content.jobsboard .featured-posts {background:transparent; padding:0; }
.entry-content.jobsboard .featured-posts li {padding: 20px; background: #ffffff; margin: 0 0 5px 0;}
.entry-content.jobsboard .featured-posts .text-container.no-image {border:0; padding:0;}

/* news stories listing and newsletter listing */

.query-results.news-results {width:100%;height:auto;max-width:1000px;margin:0;}
.news-list-item {margin: 20px 0;}
.query-results.news-results .image-container {margin-top: 10px; width:25%;padding-top: 14%; /* 16:9 image container is 56.25%*/ height:auto;display:inline-block;margin-right:4%;overflow:hidden;position: relative; /*background: linear-gradient(130deg, #93C4F2, #CFE2AC);*/}
.query-results.news-results img {width:100%;height:auto;position: absolute; top: 0;}
.query-results.news-results .text-container {display:inline-block;width:60%;height:auto;vertical-align: top;}
.entry-content .query-results.news-results .text-container h2 {margin: 5px 0 20px 0;}
.entry-content .query-results.news-results .text-container h2 a {text-decoration:none; }
.entry-content .query-results.news-results .text-container h2 a:hover,
.entry-content .query-results.news-results .text-container h2 a:focus {text-decoration:underline; }
.query-results.news-results .text-container .cat-links a {text-decoration:none; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.5px;}

/* .query-results.news-results.newsletters h2 {margin: 0 0 40px 0;}
.query-results.news-results.newsletters h3 a {text-decoration:none;}
.query-results.news-results.newsletters h3 a:hover,
.query-results.news-results.newsletters h3 a:focus {text-decoration: underline;}
.fa-newspaper {margin-right:10px;} */

/* Resources query listing */

.query-results.news-results.resources-results .image-container {

  }

/* Resources posts */

#container .entry-content.resources-post .the-content { display:inline-block; width:60%; float:left;}
#container aside.resources-post { display:inline-block; width:30%; height:auto; float:right;}
#container aside.resources-post .image-container {width:100%; height:400px; display:block; overflow:hidden;  background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); margin-bottom: 20px;}
#container .entry-content.resources-post .downloads-container ul {margin: 0;}
.downloads-container button {width:100%; margin-bottom: 10px;}
#container aside.resources-post h2 {font-size: 1.1rem; text-transform:uppercase; color:#000000; }

.jump-list{border: 1px solid #577E20; padding: 10px 20px;}
.jump-list h2 {font-size: 1.1rem; text-transform: uppercase;}
#container .entry-content .jump-list ul {list-style-type:none;}
#container .entry-content .jump-list li {margin: 0 0 5px 0;}

/* filters for query-results pages */

.filters-container {background-color:#ffffff; padding:30px; margin: 30px 0; }
h3.browse-by,
#container .entry-content .filters-container ul {
  display: inline-block; vertical-align:top;}
  h3.browse-by {margin:0;}
#container .entry-content .filters-container ul {margin:0 0 0 10px;}
.filters-container li { list-style:none; display: inline-block; margin:0 0 0 10px; }
.filters-container li a {font-weight:600; }


/* photo gallery */

.gallery {margin:50px auto 0 auto; max-width:1200px;}
.gallery, .gallery ul {width:100%;height:auto;}
.gallery ul {display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;}
.gallery li {display:inline-block;padding:10px;align-self:center;}

/* Our Team page */

.team-posts {width:100%;height:auto;margin:50px 0 0 0;display:block;}
#container .entry-content .team-posts ul {width:100%;height:auto;margin:0; display:flex; flex-direction:row; flex-wrap: wrap; align-items: space-around;}
.team-posts li {width:33.33%; height:auto;margin:0; display:inline-block; padding: 20px;}

.team-posts .image-container {width:100%;padding-top: 100%; /* 1:1 image container*/ height:auto;border-radius:50%; display:block;overflow:hidden;position:relative; margin-bottom:10px; background: linear-gradient(130deg, #93C4F2, #CFE2AC); }
.team-posts img {width:100%; height:auto; position: absolute; top: 0;}
.team-posts .text-container {display:block; width:100%; height:auto; vertical-align: top;}
.team-posts .text-container h3 { margin:0 0 10px 0;}
.team-posts .text-container h3 a {text-decoration:none;}
.team-posts .text-container h3 a:hover,
.team-posts .text-container h3 a:focus,
.team-posts .text-container h3 a:active {text-decoration:underline;}
.team-posts .text-container p {margin: 0 0 5px 0;}

/* Our Team posts */

#content.posts-only.team-posts .image-container {width:33.33%;padding-top: 33.33%; /* 1:1 image container*/ height:auto;border-radius:50%; display:inline-block;overflow:hidden;position:relative; margin-bottom:10px; background-image:url(images/aapip-siteicon-512.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
#content.posts-only.team-posts .text-container {display:inline-block; width:60%; height:auto; vertical-align: top; margin-left:6%;}
span.role {color:#577E20; font-size:1.2rem; display:block; margin-bottom: 10px;}
span.bio-email {display:block; margin-bottom: 30px;}
#content.posts-only.team-posts .text-container p {margin-bottom: 30px;}


/* PROMOS */

/* all full-width promos */

.promo.full-width {width:100%; height:auto; padding: 0; margin: 0; background-color: transparent;}
.promo.full-width.patterned {
  background-color: #ffffff;
  background-image: url('images/pattern-rings-blue.png');
  background-size: 573px 582px;
  /* 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='%23a7aa30' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");  */
  margin-top: 0;
  margin-bottom: 0;
}

.promo.full-width.patterned h2, .promo.full-width.patterned p { color: #ffffff; }

.page-template-page-landingpage .promo.full-width.patterned {
  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='%23a7aa30' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 44px 12px;
}

.page-template-page-landingpage .promo.full-width.patterned h2, .page-template-page-landingpage .promo.full-width.patterned p { color: #000000; }


.blocks .promo.full-width.patterned:nth-child(odd) { background-image: url('images/pattern-rings-orange.png');}
.blocks .promo.full-width.patterned:nth-child(odd) .image-container { float: left; }

.promo.full-width h2 {font-size:1.5rem; color: #577E20; text-transform: uppercase;  margin-top: 0;}
.promo.full-width p {font-size:1.1rem; font-weight: 700; }
.promo.full-width ol, .promo.full-width ul {margin-left:20px;}
.promo.full-width ul {list-style:disc;}
.promo.full-width ol {list-style:decimal;}
.promo.full-width span.credit-caption{font-size:0.8rem; font-weight: 400;}
.promo.full-width a.learnmore-link {padding:15px 30px;background:linear-gradient(45deg, #577E20, #70A956, #7fc1bd); transition: background-size 1s; background-size: 200%; color:#ffffff;text-decoration:none;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px; margin-top: 20px; display:inline-block; width:auto;}
.promo.full-width a.learnmore-link:hover,
    .promo.full-width a.learnmore-link:focus{background:linear-gradient(45deg, #577E20, #70A956, #7fc1bd); transition: background-size 1s; background-size: 100%; }

/* full-width promo : notice no soliciting */

.promo.full-width.notice {margin: 50px 0;}
.promo.full-width.notice .notice-item {width:100%;height:auto;max-width:1200px;margin:0 auto;position:relative;list-style-type:none; padding: 50px;  background-color:#e6f8d3;  }

.notice-item {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 30px;
  border-image-source: linear-gradient(220deg, #CFE2AC, #93C4F2);
}
.promo.full-width.notice h2 { color: #000000; text-transform:none;}

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

.promo.full-width.flex-text-block {margin: 50px 0;}
.promo.full-width.flex-text-block .text-container {width:100%;height:auto;max-width:1200px;margin:0 auto;position:relative;list-style-type:none; padding: 50px; background-color:transparent; }

/* full-width promo : join us */
.promo.full-width.join-us {margin:0; margin-top: 20px; }
.home .promo.full-width.join-us {margin:0; }
.promo-joinus-item {width:100%; height:auto; margin:0; position:relative; list-style-type:none; padding:0; background-image: linear-gradient(130deg,#B10F85,#F86305);}
.promo-joinus-item .image-container{display:inline-block; float:left; width:50%; height:600px; position:relative; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat;}
.promo-joinus-item .text-container {width:50%; height:auto; max-height:600px; float:left; padding:80px; color:#ffffff;  }
.promo-joinus-item .text-container a {color:#ffffff; text-decoration:none; }
.promo-joinus-item .text-container a:hover,
.promo-joinus-item .text-container a:focus {text-decoration:underline; }
.promo-joinus-item .text-container h2 {color:#ffffff; font-size:2.5rem; text-transform:uppercase; font-style:italic; font-weight:600;}

/* full-width promo : all purpose */

.promo-allpurpose-item {width:100%;height:auto;max-width:1100px;margin:0 auto;position:relative;list-style-type:none; padding: 50px;}
.promo-allpurpose-item .image-container{display:inline-block;float:right;width:400px;height:400px; /*padding-top: 33%;  1:1 aspect ratio */ position:relative; overflow:hidden; background-size:contain; background-position:top left; background-repeat:no-repeat;}
/* .promo-allpurpose-item .image-container img {width:100%;height:auto; position: absolute; top: 0;} */
.promo-allpurpose-item .text-container {width: calc(100% - 400px); height:auto;float:left; padding-right: 5%;  }
.promo-allpurpose-item .text-container p.credit-caption {margin-top:20px;}

/* full-width promo : quote */

.promo-quote-item {width:100%; height:auto; margin:0 auto; position:relative; list-style-type:none; padding: 50px;}
.promo-quote-item .text-container {width:100%;height:auto;float:left;padding:0 10% 10px 0;}
.promo-quote-item .text-container p {font-size:1.5rem; font-style:italic; font-weight:600; line-height:1.3; color: #ffffff;}
.promo-quote-item .text-container p.attribution {font-size:1rem; font-style:normal; text-transform: uppercase;}

.promo.full-width.slanted {
  background-color: #f5be3d; /* gold */
	background-image: linear-gradient(/*to top left*/ -10deg, transparent 50%, #f6c655 /* tint gold */ 50%);
	background-size: 100%;
  max-width:1200px; margin:50px auto;}

/* full-width promo : top of posts */

.promo.full-width.post-type-art {background-image: linear-gradient(130deg,#CFE2AC,#75AADB);}
.section-head-container {width:100%; max-width:1000px; height:auto; padding:20px 0; margin: 0 auto; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; color: #ffffff; letter-spacing: 1px;}

/* promos in post article footer : aapip author and guest author */

.promo-post-article-item {width:100%;height:auto;border-top:1px solid #577E20;padding-top:10px; margin: 30px 0;}
.promo-post-article-item .image-container,
.promo-post-article-item .text-container {display:inline-block; vertical-align:top;}
.promo-post-article-item .image-container {width:100px; height: 100px; border-radius:50%; overflow:hidden; margin-right:20px;}
.promo-post-article-item .image-container img {width:100%; height: auto;}
.promo-post-article-item .text-container {width:80%; height:auto;}
.promo-post-article-item h2 {font-size:1.2rem; margin: 20px 0 20px 0;}
.promo-post-article-item h3 {font-size:1rem; margin: 0 0 10px 0;}
.promo-post-article-item p {font-size:0.9rem; }


/* full-width promo : supporter partner logos */

.promo.partners.full-width {background-image:none;}
.logos-container {width:100%;height:auto;max-width:1200px;margin:0px auto;position:relative;padding: 50px;}
.logos-container ul {text-align:center; display:flex;flex-direction:row;flex-wrap:wrap;align-content:space-around;justify-content:center; justify-content:flex-start;}
li.logos-list-item {width:20%; height:auto; vertical-align: middle; list-style: none; align-self: center; padding: 30px;}
li.logos-list-item img {width:100%;height:auto;filter: grayscale(100%);mix-blend-mode: multiply; max-width: 115px;}
li.logos-list-item a {cursor:pointer;}
li.logos-list-item a:hover img, li.logos-list-item a:hover img {filter: none;mix-blend-mode: none;}

/* related content list */

.related-content-container{width:100%; max-width:1000px; height:auto; margin:20px auto;}
.postobject-container {width:100%;height:auto;}
.postobject-container h2 {margin:20px 0;border:none;padding:15px 0 0 0;border-top: 4px solid #75AADB;}

.postobject-single {width:30%;height:auto; margin:0 3% 0 0; display:inline; float:left; padding:0;}
.postobject-single li.related-thumbnail {
  width:100%; padding-top: 56.25%; /* 16:9 image container*/ height:auto; display:inline-block; overflow:hidden; position: relative; margin-bottom:10px; background: linear-gradient(130deg, #93C4F2, #CFE2AC);}
.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:#577E20;}

/*  HOME PAGE */

/* flickity carousel slider
images: 600 x 450 or 4:3 aspect ratio
*/

.main-carousel{width:100%;
  /* height:520px;  */
  /*height:550px;background: linear-gradient(to top right, rgba(101, 152, 29, 1) 0%, rgba(127, 193, 165, 1) 33%, rgba(118, 67, 141, 1) 66%, rgba(127, 193, 165, 1) 100%);*/
    background-size: 400% 400%;
    -webkit-animation: CarouselBackground 60s  infinite;
    -moz-animation: CarouselBackground 60s  infinite;
    animation: CarouselBackground 60s  infinite;
    }

    @-webkit-keyframes CarouselBackground {
        0%{background-position:100% 100%}
        100%{background-position:0% 0%}
    }
    @-moz-keyframes CarouselBackground {
      0%{background-position:100% 100%}
      100%{background-position:0% 0%}
    }
    @keyframes CarouselBackground {
      0%{background-position:100% 100%}
      100%{background-position:0% 0%}
    }

.carousel-cell {width: 100%;background: linear-gradient(220deg, #65981D, #7FC1A5, #76438D, #7FC1A5, #65981D, #7FC1A5, #76438D); background-size: 400%;-webkit-animation: CarouselBackground 120s  infinite;
-moz-animation: CarouselBackground 120s  infinite;
animation: CarouselBackground 120s  infinite;}
/* .home .carousel-cell .contentarea {width:100%;height:auto;} */


.carousel-cell.is-selected .slide-text-container {
  opacity: 1; padding-left: 40px; padding-right: 40px; width: 30%; min-width: 360px; position: absolute; }
.slide-image,
.slide-text-container {width:100%; position: absolute; top: 0;  left: 0; height: 100%;}
.slide-text-container {
  background: linear-gradient(220deg, #65981D, #7FC1A5, #76438D);
  background-size: 2000px; -webkit-transform .5s, transform .5s, -webkit-filter .5s, filter .5s;
  transform .5s, filter .5s; transition: all .5s ease-out 3s; transition: width .75s ease-out 0s;
  width: 80%;
  /* padding: 40px 40px 40px 80px;  */
}
.slide-text-container .slide-text-inner { opacity: 0; transition: all .75s ease-out .25s; width: 100%; width: 300px;}
.carousel-cell.is-selected .slide-text-container .slide-text-inner { opacity: 1;  }

.slide-image { width: 70%; position:relative; float: right; padding-top: 39.38%; overflow:hidden; max-width: calc(100vw - 360px); } /*aspect ratio 16:9 at 70% wide (56.25 x .7) */
.slide-image img {position: absolute; top: 0; /*height: 540px;*/ height:100%; width: auto; }

/* .slide-subheader{font-size:0.9rem;text-transform:uppercase;font-weight:700;} */
.carousel-cell h2 {font-weight:600; font-size:2rem; color:#ffffff; line-height:1; margin-top: 30px;}
.carousel-cell h2 a {text-decoration:none;}
.carousel-cell a:hover, .carousel-cell a:focus {text-decoration:underline; color: inherit;}

.slide-description p {font-size: .9rem; color: #ffffff; line-height:1.3;}
span.carousel-caption {font-size:0.8rem;}
.slide-description button {margin-top: 10px; background: #000000; padding: 10px 20px; font-size: .8rem;}
.slide-description button:hover,
.slide-description button:focus {background: linear-gradient(
45deg, #577E20, #70A956);}
.slide-description button a:hover,
.slide-description button a:focus {text-decoration:none;}

.flickity-prev-next-button { width: 60px !important; height: 60px !important; }
.flickity-prev-next-button.previous { display: none; }
.flickity-button { background: transparent !important; }

/* Home Hero with captioned photos */

/* .home-hero{width:100%;height:550px;margin:0 auto;position:relative; max-width:1920px; background-color: #000000;}

.home-hero .slide-text-container {width:30%; height:100%; position:absolute; z-index:1; top:0; left:0; padding: 50px; overflow:hidden;  background: linear-gradient(130deg,#CFE2AC,#75AADB);}

.home-hero ul.slide-image-home {width:100%; height:auto; overflow:hidden; background:transparent;}
.entry-content .home-hero li.slide-image-home-captioned {list-style:none;}
.home-hero li.slide-image-home-captioned {width:100%; height:550px; background-repeat:none; background-size:cover; background-position: center; background-color: #000000; margin:0;}

.home-hero .slide-text-container h2 {font-weight:600; font-size:2.5rem; line-height:1;}

.home-hero .slide-image-home-captioned #slide-caption {position:absolute; z-index:10; width:100%; bottom:0; height:auto; padding:50px; text-align:left;}

.home-hero .slide-image-home-captioned #slide-caption p {margin:0;color:#000000;font-weight:400;font-size:0.8rem;}

.home-hero .learnmore-link {font-weight:700; text-transform:uppercase;}
*/
.home #container .entry-content {max-width: 100%; margin: 0 auto; padding: 0 0 0;}

/* image randomizer */

/* .image-randomizer {width:100%;height:600px;max-width:1200px; margin:20px 0;}
.random-image{
  width:100%;height:600px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size: cover;
}
.random-image.bg1{
  background-image: url("images/bg-01.jpg");
}
.random-image.bg2{
  background-image: url("images/bg-02.jpg");
}
.random-image.bg3{
  background-image: url("images/bg-03.jpg");
} */


/* FOOTER */

#footer {
  flex-shrink: 0;
  background:#eeeeee;
  width:100%;
  background: RGBA(0,0,0,0.95);
}
#footer .footer-content {max-width: 1200px; margin: 0 auto; }
#footer .footer-content .branding {
  bottom:0; width:186px; height:67px;
  background: repeating-linear-gradient(220deg, #E5542F, #aa0e80, #d88c02, #f5be3d);
  margin-bottom: 0;
  -webkit-animation: FooterLogoBG 20s  infinite;
  -moz-animation: FooterLogoBG 20s  infinite;
  animation: FooterLogoBG 20s  infinite;
  background-size: 400%;
  position: relative;
}

#footer .footer-content .branding .logo {
  background: url("images/aapip-logo-white-trans-400.png");
  width: 186px;
  height: 67px;
  position: absolute;
  top: 0;
  left: 0;
}


    @-webkit-keyframes FooterLogoBG {
        0%{background-position:0% 50%}
        50%{background-position:100% 51%}
        100%{background-position:0% 50%}
    }
    @-moz-keyframes FooterLogoBG {
        0%{background-position:0% 50%}
        50%{background-position:100% 51%}
        100%{background-position:0% 50%}
    }
    @keyframes FooterLogoBG {
        0%{background-position:0% 50%}
        50%{background-position:100% 51%}
        100%{background-position:0% 50%}
    }


.columns-container {display:flex;flex-direction:row;margin:0; padding:40px 0 0 0;}
.columns-container p,
.columns-container p a,
.columns-container i a ,
.columns-container li,
.columns-container li a {color:#ffffff;}

.footer-left {width:50%; height:auto;padding:0 1%; }
.fineprint,
.fineprint-container-right {width:25%;height:auto;padding:10px 1%;display:inline-block;}
.fineprint p a {text-decoration:none;}
.fineprint p a:hover, .fineprint p a:focus {text-decoration:underline;}

#footer .search-form,
#footer .search-form form {display:inline-block;}
#footer .search-form form.search-form input[type="search"]{display:inline-block; width:180px;}
#footer .search-form form.search-form input[type="submit"]{display:none;}
#footer .search-form i {padding:7px;}

#footer p, #footer li {font-size:0.77777rem; margin: 0 0 4px 0;}

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

button.call, button.email {
  padding:0;background:transparent;text-transform:none;letter-spacing:0;font-size:0.8rem;font-weight:400;margin:0 10px 0  0;border:none;}
button.call a, button.email a {text-decoration:none;}
button.email:hover, button.email:focus,
button.call a:hover, button.call a:focus {text-decoration:underline; color:#D8FD94;}

/* HEADER */

#header {width:100%;height:126px;background:RGBA(0,0,0,1);position:fixed; transition: top 0.5s; z-index:1000;}
#header .header-content {width:100%; max-width: 1200px; height:auto;margin: 0 auto; background:transparent;padding:10px 0 0 0;position:absolute:top:0;left:0;}
#site-description {display:inline-block; width:20%; height:auto; color:#ffffff; font-size:0.7rem; letter-spacing: 0.5px;}
.branding{
  width:180px;height:60px;
  display:block;
  /* background-blend-mode: multiply; */

  background-image: repeating-linear-gradient(220deg, #9055ab, #7fc1bd, #65981D, #7fc1bd, #9055ab);
  background-size:500% auto;
  background-repeat:no-repeat;
  margin: 5px 0;
  position: relative;
  -webkit-animation: FooterLogoBG 60s  infinite;
  -moz-animation: FooterLogoBG 60s  infinite;
  animation: FooterLogoBG 60s  infinite;
}

#header .branding .logo {
  position: absolute;
  background-image: url('images/aapip-logo-knockout-trans-400.png');
  top:0;
  left:0;
  width:180px;height:60px;
  background-size: 100%;
  background-position: top left;

}
.header-container-right {display:inline-block;float:right;width:70%;max-width:1200px;height:auto; }

#mobile-toggle {position:absolute;right:0;top:0;padding:18px 22px; letter-spacing:0;z-index:1002; display:none; color:#8fc640; background:transparent; font-size:1.2rem; border:0;}

.fa-bars, .fa-times { text-align: center; vertical-align: top; }

.header-links{width:100%;float:right;text-align:right;margin:0; }
.header-links:after {
    width: 100%;
    height: 3px;
    background: linear-gradient(130deg,#CFE2AC,#75AADB);}


    .home .header-links:after {
      width: 0;
      -webkit-animation: increase 1s ease-out;
      -moz-animation:    increase 1s ease-out;
      -o-animation:      increase 1s ease-out;
      animation:         increase 1s ease-out;
      animation-fill-mode: forwards;
    }

        @keyframes increase {
            100% {
                width: 100%;
            }
        }


#header #social {width:auto; height:auto; display:inline; float:right;}
#header .action-links { margin: 0 15px 15px 0; display:inline-block;}
#header .action-links li {display:inline;font-size:0.7rem;font-weight:500; margin-left:10px; text-transform:uppercase; letter-spacing: 1.5px;}
#header .action-links li a {text-decoration:none;}
#header .action-links li a:hover,
#header .action-links li a:focus {color:#D8FD94;}

#header #search-header,
#header #search-header .search-form {display:inline-block;}

#header #search-header input[type=search] {display:inline-block; position:relative; width:0;height:23px;padding:0;border:0;}
/* .search-open, .search-close {display:inline-block;width:30px;height:20px;color:#d8e264;}
.search-close {display:none;width:auto;} */
.search-form i {width:30px;height:20px;color:#ffffff;padding-right:7px;}
.search-form i:hover, .search-form i:focus {color: #D8FD94;}

#menu{width:100%; height:auto; float:right; margin:0;}
.menu-main-menu-container {width:100%; height:auto;}

#menu-main-menu {width:100%;height:auto;float:right;display:flex;flex-direction:row;flex-wrap:nowrap; margin: 0;}
#menu-main-menu li {width:20%;max-width:195px;height:auto;display:inline-block;margin:0;text-align:left;position:relative;}
#menu-main-menu .sub-menu {width:100%;height:auto;margin:0;position:absolute;left:-99999px;display:block;z-index:100;}
#menu-main-menu .sub-menu li {width:100%;display:block;margin:0;height:auto;}

#menu-main-menu li a {
  color: #ffffff;
  font-weight:600;
  text-decoration: none;
  padding:20px 5px;
  text-transform: uppercase;
  letter-spacing:1px;
  display: block;
}
#menu-main-menu li a:after {
  content: " \25be";
}
#menu-main-menu li a:hover,
#menu-main-menu li a:focus,
#menu-main-menu li a:active   {
  color: #D8FD94;
}
#menu-main-menu .sub-menu li a {
  font-weight:600;
  text-decoration: none;
  padding:10px 10px;
  background:#E2EBD0; /*light green*/
  color:#000000;
  display: block;
  text-transform:none;
  letter-spacing: 0.5px;
}
#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:#000000;
  color:#D8FD94;
}
#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;
}

#header p, #header li {font-size:0.8rem; color:#ffffff; cursor: pointer;}

/* SEARCH RESULTS */

#content.results-page {width:100%;max-width:1000px;margin:0 auto; }
#content.results-page.tag-results .header {padding-top:50px;}
#content.results-page .header h1 {margin: 0 0 50px 0;}

.results-page article {margin-bottom:40px; border-top: 1px solid #577E20; padding-top:10px; position:relative;}

.results-page article:after {
  display: block;
  content: "";
  clear: both;
}
.results-page .entry-summary img {width:25%; height:auto; display:inline-block; float:left;}
.results-page .entry-summary p,
.results-page article header {width:70%; height:auto; display:inline-block; vertical-align: top; float:right;}

h2.search-results {font-size:1.2rem;color:#577E20;margin: 0 0 10px 0;}
h2.search-results a {text-decoration:none;}
h2.search-results:hover, h2.search-results:focus {text-decoration:underline;}

/* results without image */

#content.results-page.no-image .entry-summary img {display:none;}
#content.results-page.no-image .entry-summary p,
#content.results-page.no-image article header {width:80%; height:auto; display:inline-block; vertical-align: top; float:left;}
#content.results-page.no-image .header {padding-top:50px;}

span.number-results {font-size: 1.5rem; }

/* LIVE IMPACT form embeds */

.embed-form-template {background:#eeeeee; padding-bottom: 100px;}

/* Live Impact overlay */

.liveimpact-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.8);
    overflow-x: hidden;
    z-index: 999999;
}

.liveimpact-overlay-content {
    position: relative;
    top: 50px;
    width: 100%;
    text-align: center;
    height: 100%;
    max-width: 1000px;
    margin: 30px auto;
}

.liveimpact-overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
}

.liveimpact-overlay a:hover, .liveimpact-overlay a:focus {
    color: #f1f1f1;
}

.liveimpact-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}