/*
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}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}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}input[type="search"]{-webkit-appearance:textfield}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{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal; background-color:white; color:black;}

.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}

.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}

.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* 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;
}
body{visibility: hidden;}

:root { 
/* aapip palette */
  --green: #577E20;
  --blue: #75aadb;
  --orange:#d88c02;
  --brown:#795c51;
  --beige:#bca59e;
  --tan:#bcad75;
/* new colors */
  --bright-blue:#1A7CB9;
  --jade-green:#577E20;
  --electric-green: #D8FD94;
  --gold: #F5C047;
  --gold-tint:#F8CA60;
  --pink:#FC877E;
  --pink-tint:#FC9D96;
  --red:#E5542F;
  --greige:#E3DBD5;
  --light-green:#E2EBD0;
  --purple:#5E376F;
  --dark-purple:#311b3f;
}

 /* 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:var(--green);
}
button {
  padding:12px 20px;
  border:none;
  hyphens:auto;
  font-family: halyard-text, sans-serif;
  font-size:1rem; 
  font-weight:600;
  background:var(--gold-tint);
  color:black;
}
button:hover, button:focus, button:active {
  cursor: pointer;
  background:var(--gold);
}
button a:hover, button a:focus, button a:active {
  color:black;
}

.simple-button {
  padding: 12px 20px;
  font-family: halyard-text, sans-serif;
  font-weight:600;
  background:var(--gold-tint);
  color:black;
}
.simple-button:hover,
.simple-button:focus,
.simple-button:active {background:var(--gold);}

.simple-button a {text-decoration:none; color:black;}

.simple-button a:hover,
.simple-button a:focus,
.simple-button a:active {color:black;}


blockquote p {
  font-size:1.3rem;
  font-weight:600;
  font-style: italic;
  line-height:1.3;
  color:var(--green);
  padding:30px 0;
  margin:0 10%;
}

.share-icons-container a { text-decoration:none; padding: 5px;}
.share-icons-container i { font-size: 1.25rem; }

.share-icons-container a:hover,
.share-icons-container a:focus,
.share-icons-container a:active {color:var(--green);}

.share-icons-container.article {width:100%; max-width:1000px;height:auto;text-align:left; color:gray; margin: 20px auto;}

div.social {display:inline-block; }

.social a {color:#ffffff; margin-right:15px;}

.social i {padding:0;}

.social a:hover, 
.social a:focus,
.social a:active {color:var(--electric-green);}

input {
  background-color: #eeeeee;
}
form.search-form {
  /* this is the footer search form */
}
.search-form i {color:#ffffff;}

form.search-form input[type="search"],
.search form.search-form input[type="submit"] {display:inline-block;text-align:left;border:1px solid #696969; height:44px; min-height:30px; font-family: halyard-text, sans-serif; padding:12px 20px; }

form.search-form input[type="search"] {width:300px; }
.search form.search-form input[type="submit"] {text-align:center; background:black; color:white;}
/* hide appearance of x inside search field for chrome, safari, and ff */
input[type="search" i]::-webkit-search-cancel-button {
  appearance:none;
}

#breadcrumbs {
  width:100%; 
  margin: 0; padding: 20px 50px; color: #000000; font-size: 0.8rem;  
  background: linear-gradient(130deg, #93C4F2, #CFE2AC); 
}
#breadcrumbs .breadcrumb-content {width:100%; max-width:1200px; margin:0 auto; line-height:1.5;}
#breadcrumbs a:hover,#breadcrumbs a:focus, #breadcrumbs a:active {
  color:#000000; text-decoration:none;
}

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 : inside Main and also in flexible-content */
 
.ui-accordion-header-icon.ui-icon {
  display:none!important;
}
#accordion h3.ui-accordion-header {
  margin:0; cursor:pointer; 
  padding:15px 20px 15px 0; 
  background:white !important; 
  border-top: none !important; 
  border-bottom:none!important;
  border-right:none!important;
  border-left:none!important;
  color:var(--green) !important; 
  margin-bottom:10px;
  padding-left:10px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em 1em 0 !important;
  background:transparent; padding:15px 20px;
  border-bottom:none!important;
  border-right:none!important;
  border-left:none!important;
}
.ui-accordion-content p,
.ui-accordion-content li,
.ui-accordion-content blockquote{color: #000000;  }   

.flex-block.accordion-block {width:100%; max-width:1000px; margin:100px auto;}


/* 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%;
  height:auto;
  margin: 126px auto 0 auto;
  background:transparent;
  overflow:hidden;
}
#container .entry-content {
  max-width: 1000px;margin:0 auto 100px auto; position: relative;}

/* POST STYLES */

.posts-only h1 { font-size: 2rem; }

#content.posts-only header,
#content.posts-only footer {max-width: 800px; margin:80px auto 50px auto;}

#container .entry-content.posts-only {
    max-width: 800px; margin:0 auto; word-wrap: break-word;
  }
#container .entry-content.posts-only .the_post_thumbnail {
    width:100%;
    height:auto;
    margin:0 auto;
    display:flex; 
    flex-direction:row;
    justify-content:center;
    align-content:center;
  }
  #container .entry-content.posts-only .the_post_thumbnail img {
    height: 100%; width: 100%; object-fit:cover; flex:1; 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: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:1000px;}

/* 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:0 auto;
  margin-bottom:20px;
  clear:both;
}

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: var(--green); 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;}

/* 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 : section on Landing Page templates, flexible Content template block */

.featured-posts {width:100%; background:transparent; margin:0 auto;}

.featured-posts ul {display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start; }

#container .entry-content .featured-posts ul {margin: 0;}

.featured-posts ul li {
    width:33%; 
    padding:10px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.featured-posts .image-container,
.featured-posts .text-container {width:100%;}

.featured-posts .image-container {
  height:auto;
  overflow:hidden;
  background:transparent;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  margin-bottom:20px;
  }
  .featured-posts img {
  width: 100%; 
  height:auto;
  object-fit:contain; 
  overflow:hidden;
  }
  
.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;}

.landing-pages .featured-posts {margin-top:50px;}


/* landing page template , chapter page template */

.chapter-page .header {padding:50px 0;}
.chapter-page span.section-name {color: var(--bright-blue); text-transform: uppercase; letter-spacing: 1px; font-weight:700;}
.chapter-page .tab-container {width:100%; height:auto; padding: 80px 0 50px 0; }
.chapter-page span.section-name,
.chapter-page .header h1,
.chapter-page .tab-container,
.chapter-page .share-icons-container.article {display:block; max-width:1200px; margin:20px auto;}

.chapter-page a.tab {width:30%; margin-right: 10px; background:transparent; padding: 20px 40px; text-decoration:none; text-transform: uppercase; color: var(--green); font-weight:700; letter-spacing: 1px; border: 4px solid var(--green);}
.chapter-page a.tab:hover,
.chapter-page a.tab:focus,
.chapter-page a.tab:active {background: var(--green); color: #ffffff;}

.snapshot-page a.tab.snapshot,
.join-page a.tab.join {background: var(--green); color: #ffffff;}


.chapter-overview-photo {width:100%; height:auto; max-height:600px; overflow:hidden; margin-bottom:50px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 10 12c1.67 0 3.182-.683 4.27-1.785A5.998 5.998 0 0 0 14 12h2a4 4 0 0 1 4-4V6c-1.67 0-3.182.683-4.27 1.785C15.905 7.22 16 6.622 16 6c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 20 6V4a4 4 0 0 1-4-4h-2c0 .622.095 1.221.27 1.785A5.982 5.982 0 0 0 10 0C8.33 0 6.818.683 5.73 1.785 5.905 1.22 6 .622 6 0H4a4 4 0 0 1-4 4v2c1.67 0 3.182.683 4.27 1.785A5.998 5.998 0 0 1 4 6c0-.622.095-1.221.27-1.785A5.982 5.982 0 0 1 0 6v2a4 4 0 0 1 4 4h2zm-4 0a2 2 0 0 0-2-2v2h2zm16 0a2 2 0 0 1 2-2v2h-2zM0 2a2 2 0 0 0 2-2H0v2zm20 0a2 2 0 0 1-2-2h2v2zm-10 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='%23cfe2ac' fill-opacity='0.8' fill-rule='evenodd'/%3E%3C/svg%3E");}
.chapter-overview-photo img {display:block; width:100%; max-width:1440px; height:auto; margin:0 auto;}

.chapter-goals {margin:50px 0;}
#container .entry-content ul.chapter-goals {display:flex; flex-direction:row; flex-wrap: wrap; justify-content:center; margin:0;}
ul.chapter-goals li {width:33.33%; list-style:none; padding:20px; text-align:center;}
.chapter-goals h2,
.chapter-goals i {text-align:center; color:var(--bright-blue);}
.chapter-goals .icon {border: 1px solid var(--bright-blue); height:50px; width:50px; border-radius:50%; margin:0 auto;}
.chapter-goals i {font-size: 1.2rem; padding:10px 0;}

.members-list, .leadership-list {width: 100%; background:#ffffff; padding: 30px; margin: 10px 0;}

.header.photo-banner{
  width:100%; 
  height:auto;
  margin-bottom: 50px;
  display:flex;
  flex-direction:column;
  align-items: center;
  background: linear-gradient(130deg, #CFE2AC, #75AADB);
}
.header.photo-banner.chapter-overview {
  background-image: linear-gradient(25deg, RGBA(94, 55, 111, 0.75) 40%, RGBA(26, 124, 185,0.75) 85%), url('images/dot-map.png'); 
  background-size:contain; 
  background-position:right center;
  background-repeat:no-repeat;
}
.header.photo-banner .page-title-container{
  width:100%; 
  max-width:1000px; 
  height:auto; 
  margin:80px auto 50px auto;
  padding:0 0 20px 0;
}
.header.photo-banner h1{ 
  padding:0; 
  margin:0;
  color:black;
}
.header.photo-banner p {padding:20px 10% 0 0;margin:0;color:#e6f8d3;font-size:1.1rem;font-weight:600;
  color:black;
}

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


/* Past Events page : references .featured-posts */

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

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

.featured-events ul li {
  flex-direction:row; width:100%; align-items:top; padding: 0 100px; margin: 30px 0;
}
.featured-events .image-container {width:200px; height:150px; margin-right:30px; overflow:hidden; display:flex; flex-direction:column;}

.featured-events .image-container img { width: 100%; object-fit:contain; overflow:hidden; }

.featured-events .text-container {width:calc(100% - 230px); height:auto; vertical-align: top; }

.featured-events .text-container .event-title {font-weight:600;color:var(--green);}
.featured-events .text-container a {text-decoration:none;}
.featured-events .text-container a:hover,
 .featured-events .text-container a:focus,
 .featured-events .text-container a:active {text-decoration:underline;color:var(--green);}


/* jobs board */

.query-results.jobs-board-results {width:100%;height:auto;max-width:1000px;margin:50px auto;}
.jobs-board-list-item {margin: 20px 0; border-top: solid 1px var(--green); padding-top:10px;}
.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,
 .query-results.jobs-board-results .text-container h3 a:active {text-decoration:underline;}
#container .entry-content.jobsboard ul {list-style: none; margin: 20px 0;}

/* news stories listing and newsletter listing */

.query-results.news-results {width:100%; height:auto; max-width:1000px; margin:0 auto;}
.news-list-item {
    margin: 30px 0;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:top;
    padding: 0 100px;
}
.query-results.news-results .image-container {
height:auto;
overflow:hidden;
background:transparent;
display:flex;
flex-direction:column;
width:200px;
height:150px;
margin-right:30px;
}
.query-results.news-results .image-container .default-thumbnail {background:var(--light-green); width:200px; height:150px; background-image:url('/wp-content/themes/aapip/images/newspaper-regular.svg');background-repeat:no-repeat; background-position:center; background-size:40px 40px;}

.query-results.news-results .image-container img {
  width: 100%; 
  object-fit:contain; 
  overflow:hidden;
}
.query-results.news-results .text-container {
    width:calc(100% - 230px); height:auto; vertical-align: top;}

.entry-content .query-results.news-results .text-container h2,
.entry-content .query-results.news-results .text-container h3 {margin: 5px 0 20px 0; 
  /* font-size: 1.5rem; */
}
.entry-content .query-results.news-results .text-container h2 a,
.entry-content .query-results.news-results .text-container h3 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,
.entry-content .query-results.news-results .text-container h2 a:active,
.entry-content .query-results.news-results .text-container h3 a:hover,
.entry-content .query-results.news-results .text-container h3 a:focus,
.entry-content .query-results.news-results .text-container h3 a:active  {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 .entry-date {color:#696969; font-size:0.9rem;}

/* first result for query-results in special style for News, Resources */

body:not([class^="paged"]) .query-results.news-results div.news-list-item:nth-child(1) {
    margin-bottom: 80px;
    position:relative;
    border-bottom: 2px dotted var(--bright-blue); 
    padding:0;
    padding-bottom:30px;
}

body:not([class^="paged"]) .query-results.news-results div.news-list-item:nth-child(1) .text-container {
  width:calc(100% - 450px); 
}
body:not([class^="paged"]) .query-results.news-results div.news-list-item:nth-child(1) .image-container {
  width:400px; height:300px; margin-right:50px; margin-top:0; 
  }
body:not([class^="paged"]) .query-results.news-results div.news-list-item:nth-child(1) .text-container h2,
body:not([class^="paged"]) .query-results.news-results div.news-list-item:nth-child(1) .text-container h3 {
  font-size:1.6rem;
}
body:not([class^="paged"]) .query-results.news-results div.news-list-item:nth-child(1) .text-container:before {
  content:'Featured';
  color:white;
  display:block;
  font-size:0.7rem;
  font-weight:500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding:8px 10px;
  background:var(--bright-blue);
  margin-bottom:15px;
  width:fit-content;
  position:relative;
}
body:not([class^="paged"]) .query-results.news-results div.news-list-item:nth-child(1) .image-container .default-thumbnail { width:400px; height:300px;}


/* Blogroll: News
Stories (AAPIP Voices) is no longer in use */

/* 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 var(--green); 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;}

#content.posts-only article.resources header, 
#content.posts-only article.resources footer {max-width:1000px;}

/* All galleries */

.gallery { width:100%; }

/* photo gallery : ACF 
inside of main on single News, Page, Landing Page */

.gallery-acf {
  background:#dddddd;
  margin:100px 0;
  padding:50px;
}
.gallery h2, .gallery ul {width:100%; }
.gallery h2 {max-width:1000px; margin:0; margin-bottom:20px; }

.gallery ul {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center; 
  justify-content:center;
}
.gallery li {
  padding:10px;
  /* border: 1px solid #cfcfcf; */
  align-self: center;
  margin:0;
}

/* Wordpress Gallery */
.gallery-icon {overflow:hidden;}
.gallery-icon img {
  width: 100%;
      height:100%;
      flex:1;
      object-fit: cover;
}
.gallery-caption {font-size:0.8rem;color:gray; padding:10px;}

/* 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; 
}
#content.posts-only.team-posts .text-container {display:inline-block; width:60%; height:auto; vertical-align: top; margin-left:6%;}
span.role {color:var(--green); 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
these used to be used on the full-width Home page
now these are the blocks outside of Main */

.promo.full-width {width:100%; height:auto; padding: 0; margin: 0; background-color: transparent;}

/* patterned backgrounds */

.patterned {
  background-color: #ffffff;
  /* blue chevron */
  /* 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='%2393C4F2' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");*/
  /* green chevron */
  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='%23cfe2ac' fill-opacity='0.55' fill-rule='evenodd'/%3E%3C/svg%3E");
  margin-top: 0;
  margin-bottom: 0;
}
.patterned h2, 
.patterned p, 
.patterned li { color: #000000; font-weight: 700; letter-spacing: 0.5px;}
.patterned li{margin:0;}

/* full-width aapipconnect promo */

.promo.full-width.patterned.aapipconnect {
  background-color: #ffffff;
  background-image: url('images/pattern-rings-blue.png');
  background-size:contain;
  margin-top: 0;
  margin-bottom: 0;
}
.promo.full-width.patterned.aapipconnect h2, 
.promo.full-width.patterned.aapipconnect p, 
.promo.full-width.patterned.aapipconnect li { color: #ffffff; font-weight: 700; letter-spacing: 0.5px;}

.promo.full-width.patterned.aapipconnect .text-container p a,
.promo.full-width.patterned.aapipconnect .text-container li a {color:white;
  &:hover, &:focus, &:active {color:white; text-decoration:none; }
} 

.blocks .promo.full-width.patterned:nth-child(odd) { 
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='%2393C4F2' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.blocks .promo.full-width.patterned:nth-child(odd) .image-container { float: left; }

.promo.full-width h2 {font-size:1.5rem; color: var(--green); text-transform: uppercase;  margin-top: 0;}
.promo.full-width p {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:12px 20px;
  background:var(--gold-tint);
  color:black;
  text-decoration:none;font-size:1rem;font-weight:600;
  margin-top: 20px; display:inline-block; width:auto;}

.promo.full-width a.learnmore-link:hover,
.promo.full-width a.learnmore-link:focus,
.promo.full-width a.learnmore-link:active {background:var(--gold);}

/* full-width notice no soliciting */

.promo.full-width.notice {margin: 50px 0;}
.promo.full-width.notice .notice-item {width:100%;height:auto;max-width:1000px;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: 10px;
  border-image-source: linear-gradient(220deg, #CFE2AC, #93C4F2);
}
.promo.full-width.notice h2 { color: #000000; text-transform:none;}

/* full-width all purpose promo */  

.promo-allpurpose-item {width:100%;height:auto; max-width:1000px; margin:0 auto; 
  display:flex; flex-direction:row; justify-content:center; 
  padding:50px;
}
.promo-allpurpose-item .text-container,
.promo-allpurpose-item .image-container {
  display:flex; flex-direction:column; align-items:flex-start;
  flex:50%;
}
.promo-allpurpose-item .text-container {padding-left:50px;}
.promo-allpurpose-item .image-container {max-width:400px; max-height:400px; }
.promo-allpurpose-item .image-container img {height: 100%; width: 100%; object-fit:contain; flex:1; overflow:hidden; }

.promo-allpurpose-item .image-container p.credit-caption {margin-top:10px;}

.promo-allpurpose-item .text-container li,
.promo-allpurpose-item .text-container p {margin-bottom:10px;}
.promo-allpurpose-item .text-container h2 {margin:0; margin-bottom:20px;}

/* full-width aapipconnect promo - derivative of allpurpose promo */

.promo.full-width.patterned.aapipconnect .promo-allpurpose-item  {
  align-items:center;
}

/* full-width top of posts strip like breadcrumb */

.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: #000000; letter-spacing: 1px;}
.section-head-container a:hover,
 .section-head-container a:focus,
 .section-head-container a:active {text-decoration:none; color:#000000;}

/* full-width supporter partner logos - on page, landing pages, single-news, single-resources */

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



/* FLEXIBLE CONTENT BLOCKS
inside of Main
some inherit from the older full-width block styles */


/* flexible content text block */

.flex-text-block {margin: 50px 0;}
.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;}
.flex-text-block p {font-weight:400;}
.flex-text-block blockquote {border: 1px solid var(--green); clear:both;}


/* full-width promo : testimonial block */

/* .promo.full-width.patterned.testimonial {margin: 50px 0; }
.promo-allpurpose-item.testimonial .image-container {width:250px; height:250px; max-width:250px; max-height:250px; border: 1px solid white;  flex:none; }
.promo-allpurpose-item.testimonial .image-container img {object-fit:cover;}
.promo-allpurpose-item.testimonial .text-container {width: calc(100% - 250px); 
  height:auto; float:left; padding-right: 5%; padding-left: 5%; color:var(--bright-blue); font-style: italic;
}
.promo.full-width.patterned.testimonial .attribution p {font-size:1rem; font-weight:400; font-style:normal; color: #000000;}
 */


/* flex callout block */

.flex-callout-block {width: 100%; height:auto; color:var(--bright-blue); background:white; padding:50px; margin: 50px 0;}
.flex-callout-block p {font-weight:400;}
.flex-callout-block h2,
.flex-callout-block h3 {color:var(--bright-blue); text-transform:none;}

/* flex regional recs block */

#container .entry-content .flex-regionalrecs-block ul {margin:0;
  position:relative;
}
.flex-regionalrecs-block li {list-style:none; margin-left: 50px;}
.flex-regionalrecs-block li:before {
  background-color: var(--green);
  content: '';
  height: 30px;
  position: absolute;
  left: 0;
  width: 30px;
  background: url('images/right-arrow.svg') center center no-repeat;
  background-size: contain;
}
.flex-regionalrecs-block li strong {color:var(--green);}
.flex-regionalrecs-block p {font-weight:400;}
.flex-regionalrecs-block h2 {text-transform:none;}

/* flex 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;}

.slanted { /* pink not gold */
  background-color: var(--pink);
	background-image: linear-gradient(/*to top left*/ -10deg, transparent 50%, #FC9D96 50%);
	background-size: 100%;
  max-width:1200px; margin:50px auto;}

/* promos in post article footer : author */

.promo-post-article-item {width:100%;height:auto;border-top:1px solid var(--green);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; }

/* flex multi-column */

  #container .entry-content .multicolumn-layout ul {list-style-type:none; margin:0;}
  .entry-content .multicolumn-layout ul {display:flex; flex-direction:row; justify-content:space-around; margin:0; }
  .entry-content .multicolumn-layout ul li {display:flex; flex-direction:column; overflow:hidden; height:auto; padding:2px;}

/* related content list */

.related-content-container{width:100%; max-width:1000px; height:auto; margin:100px auto; }

.related-content-container h2 { padding:15px 0 0 0;border-top: 4px solid var(--blue); }

.postobject-container {width:100%;height:auto;}

.postobject-single {width:30%;height:auto; margin:0 3% 0 0; display:inline; float:left; padding:0;}

.postobject-single li.related-thumbnail {display:flex; flex-direction:column; width:300px; height:200px;}

.postobject-single li.related-thumbnail img {height: 100%; width: 100%; object-fit:contain; flex:1; overflow:hidden;}

.postobject-single li.related-thumbnail .default-thumbnail {background:var(--light-green); width:300px; height:200px; background-image:url('/wp-content/themes/aapip/images/newspaper-regular.svg');background-repeat:no-repeat; background-position:center; background-size:40px 40px;}

.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(--green);}

/* chapter page templates all purpose promo patterned */

.chapter-page .promo.full-width.patterned {
  background-color: #ffffff;
  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='%23cfe2ac' fill-opacity='0.7' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.chapter-page .promo.full-width.patterned h2,
.chapter-page .promo.full-width.patterned p,
.chapter-page .promo.full-width.patterned li { color: #000000; }


.chapter-page .promo.full-width.patterned.testimonial {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 10 12c1.67 0 3.182-.683 4.27-1.785A5.998 5.998 0 0 0 14 12h2a4 4 0 0 1 4-4V6c-1.67 0-3.182.683-4.27 1.785C15.905 7.22 16 6.622 16 6c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 20 6V4a4 4 0 0 1-4-4h-2c0 .622.095 1.221.27 1.785A5.982 5.982 0 0 0 10 0C8.33 0 6.818.683 5.73 1.785 5.905 1.22 6 .622 6 0H4a4 4 0 0 1-4 4v2c1.67 0 3.182.683 4.27 1.785A5.998 5.998 0 0 1 4 6c0-.622.095-1.221.27-1.785A5.982 5.982 0 0 1 0 6v2a4 4 0 0 1 4 4h2zm-4 0a2 2 0 0 0-2-2v2h2zm16 0a2 2 0 0 1 2-2v2h-2zM0 2a2 2 0 0 0 2-2H0v2zm20 0a2 2 0 0 1-2-2h2v2zm-10 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='%23cfe2ac' fill-opacity='0.8' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.chapter-page .promo.full-width.patterned.testimonial p { color: var(--bright-blue); } 

.chapter-page .promo-allpurpose-item.testimonial .image-container {
  background-size:cover;
}

/* FLEXIBLE PAGE OR POST TEMPLATE */

#content.flexible-template header,
#content.flexible-template footer {max-width: 1000px; margin:20px auto;}

.flex-text-block .text-container {padding:0;}

.flex-text-image-block,
.flex-block.accordion-block,
.flex-block.logo-gallery,
.flex-block.multicolumn-layout,
.flex-block.featured-posts {margin:50px auto;}

.flex-block.multicolumn-layout {padding:30px 0;}


 /* flex logo gallery */

.flex-block.logo-gallery {width:100%; height:auto; max-width:1000px; margin:100px auto;}
.flex-block.logo-gallery ul {text-align:center; display:flex; flex-direction:row; flex-wrap:wrap; align-content:space-around;justify-content:center; justify-content:flex-start;}
.flex-block.logo-gallery li {width:20%; height:auto; vertical-align: middle; list-style: none; align-self: center; padding: 30px;}
.flex-block.logo-gallery li img {width:100%;height:auto;filter: grayscale(100%);mix-blend-mode: multiply; max-width: 115px;}



/*  HOME PAGE */

/* flickity carousel slider with 16:9 images*/

.main-carousel {
   width:100%;
   height:500px;
   background-color: #333333;
}
.carousel-cell {
  width: 100%; height:100%; 
  display:flex; flex-direction:row-reverse; justify-content:flex-start; align-items:flex-start;
}
.slide-image, 
.slide-text-container {
  width:50%;
  height: 100%; 
  display:flex; flex-direction:column; justify-content:flex-start; overflow:hidden;
}
.slide-text-container {
  background: linear-gradient(220deg,#7FC1A5, #76438D);
  /* background-size: 2000px; */
  width:40%;
  padding: 50px 50px 50px 70px;
  overflow:hidden;
}
.slide-description {overflow-y: auto;}

.slide-image { width: 60%; }
.slide-image img {
height: 100%; width: 100%; object-fit:cover; flex:1; overflow:hidden;
}

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

.slide-description p {font-size: 1rem; color: #ffffff; line-height:1.3;}

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

.flickity-page-dots {
bottom:20px!important;
text-align:left!important;
padding-left:70px!important;
}
.flickity-page-dots .dot {opacity:0.4!important;}
.flickity-page-dots .dot.is-selected {opacity:1!important;}

a.slide-link {font-size:0.9rem; color:white;}
a.slide-link::after {
   font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f061";
  margin-left: 5px;
}

.home #container .entry-content {max-width: 1200px; margin: 0 auto; margin-top:100px; padding: 0 0 0;}

.home .blocks {max-width:1200px; margin:100px auto; }
.home .promo.full-width.flex-text-block .text-container {
  padding: 50px; 
}

/* chapter page sidenav with jump links */
#jumplist-wrapper {width: 300px; top:30vh; right:0; position:fixed; background: #696969; color: black; list-style: none; z-index: 999999999; transition: .5s; }

ul#jumplist {display: inline-block; float:left; list-style: none; padding: 0; margin:0; width: 300px; height:auto; min-height:300px; max-height:70vh; overflow: scroll; background:#eeeeee; }
ul#jumplist a {text-decoration:none;}
ul#jumplist a:hover, 
 ul#jumplist a:focus,
 ul#jumplist a:active {text-decoration:underline;}
ul#jumplist li {padding: 10px 15px; margin: 0; font-size: 1rem;}


#jumplist-wrapper h4 {position:absolute;   top:0; height: 60px; width:300px; margin: 0; font-size: 1.2rem; line-height: 30px; background: #CFE2AC; color: #000000; transform-origin: 0 0; transform: rotate(90deg); padding:10px 0 0 0; align-content:center;
}
#jumplist-wrapper h4:before {height: 50px; width:60px; padding:10px 0 0 0; line-height: 30px; margin-top: -10px; margin-right: 10px;
  display: inline-block; background: #C2D1A6; color: #000000; font-style: normal; font-variant: normal; text-rendering: auto;-webkit-font-smoothing: antialiased;font-family: "Font Awesome 5 Free"; font-size: 1.2rem; font-weight: 900; content: "\f077"; text-align:center;}
#jumplist-wrapper.closed { right: -300px; transition: .5s; }
#jumplist-wrapper h4.closed:before {content: "\f078"; }

/* FOOTER */

#footer {
  flex-shrink: 0;
  width:100%;
  min-height:400px;
  background: RGBA(0,0,0,0.95);
}
#footer .footer-content {max-width: 1200px; margin: 0 auto; }

.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,
.contact p a {text-decoration:none;}
.fineprint p a:hover,
 .fineprint p a:focus,
 .fineprint p a:active,
 .contact p a:hover, 
 .contact p a:focus,
 .contact p a:active {text-decoration:underline; color:var(--electric-green);}

#footer .search-form,
#footer .search-form form {display:inline-block; padding: 5px;}
#footer .search-form form.search-form input[type="search"]{
  display:inline-block; 
  width:100%;
  min-width:150px;
  border:none;
  border-bottom: 2px solid #ffffff;
  background-color:transparent;
  color:white;
  font-size:0.8rem;
}
#footer .search-form form.search-form input[type="search"]::placeholder{
  color:transparent;
}
#footer .search-form form.search-form input[type="submit"]{display:none;}

#footer p, #footer li {
  font-size:0.8rem; 
  margin: 0 0 8px 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 8px 0;
  border:none;
  display:block;
  text-align:left;
  color:white;
}
button.call a, 
 button.email a {text-decoration:none;}
 button.email:hover, 
 button.email:focus,
 button.email:active,
 button.call a:hover, 
 button.call a:focus,
 button.call a:active {text-decoration:underline; color:var(--electric-green);}

#footer div.social {margin-bottom: 7px;}

/* HEADER */

#header {
  width:100%;
  height:126px;
  position:fixed; transition: top 0.5s; z-index:1000; padding:0 50px;
  background:RGBA(0,0,0,1);
}
#header .header-content {
  width:100%; 
  max-width: 1440px; 
  height:auto; margin: 0 auto; background:transparent;
  padding:10px 0 0 0; }
#site-description {display:inline-block; width:20%; height:auto; color:#ffffff; font-size:0.7rem; letter-spacing: 0.5px;background-color:black;}

.branding{
  width:100%;
  height:auto;
  display:block;
  margin: 5px 0;
  background-color:transparent;
}
#header .branding .logo {
  background-image: url('images/aapip-logo-white-trans-400.png');
  width:180px;
  height:60px;
  background-size:contain;
  background-position: top left;
  background-repeat: no-repeat;
}
#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-container-right {
  display:inline-block; float:right; 
  width:75%;
  max-width:1200px;
  height:auto; }
.header-links {width:100%; float:right; text-align:right; margin:0; }
.header-links:after {
    width: 100%;
    height: 3px;
    background: linear-gradient(130deg,#CFE2AC,#75AADB);
    margin-top:10px;
  }
.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;
    line-height:1.4;
    text-align:right;
  }
#header .social a { margin-right:0; margin-left:15px;} 
#header .action-links { margin: 0 15px 0 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,
#header .action-links li a:active {color:var(--electric-green);}

#header #search-header,
#header #search-header .search-form {display:inline-block;}
#header #search-header form.search-form input[type="submit"] {display:none;}


#header #search-header input[type=search] {display:inline-block; position:relative; width:0;height:23px;padding:0;border:0;}

button#search-header  {
  padding: 0;
    background: transparent;
    color: white;
}
 button#search-header:hover,
 button#search-header:focus,
 button#search-header:active {
     color: var(--electric-green);
   }

/* 
          MENU using jquqery-ui-menu https://jqueryui.com/menu/#default 
          */
          
          .menu-main-menu-container {
            width:100%;
            height:auto;
          }
          ul#menu-main.ui-menu {
            width:100%; 
            height:auto; 
            margin:0;
            display: flex;
            justify-content:flex-end; 
            border:none;
            /* overflow: visible; */
            padding-top:10px; 
          }
          #menu-main li.ui-menu-item {
            width:150px;
            height:auto;
            margin-right:6px;
            text-align:left;
            display:inline-block;
            color: white;
            float:left;     
                  
          }
          #menu-main li a.ui-menu-item-wrapper {
            /* activates the submenu */
            width:100%;
            color: inherit;
            text-decoration: none;
            padding:0;
            text-transform: uppercase;
            letter-spacing:0.1rem;
            font-size:0.8rem; 
            background: none;
            border: none;
            background-color:black;
          } 
          #menu-main li:hover,
          #menu-main li:focus,
          #menu-main li:active   {
            color: var(--electric-green);
            font-weight: 500;
          }
          #menu-main li a:hover,
          #menu-main li a:focus,
          #menu-main li a:active  {
            font-weight: 500;
          }
          #menu-main ul.sub-menu  {
            width:200px;
            position: relative;
            left: -50px;
          }
          #menu-main ul.sub-menu li {
            width:100%; 
            margin:0; 
            height:auto!important; 
            text-align:left;
            background:transparent!important;
            margin:auto 0;
            display:block;
          }
          #menu-main ul.sub-menu li a {
            text-decoration: none;
            padding:10px 20px;
            background:var(--light-green); /*light green*/
            color:black;
            text-transform: none;
            letter-spacing:normal;
            width:100%;
            display:block;
          }
          
            /*
          overwrite jquery-ui theme styles 
          accessible jquery-ui-menu : add icon to indicate submenu */
          
          .ui-menu,
          .ui-widget { 
            font-family: 'halyard-text', sans-serif!important;
          }
          /* Corner radius */
          .ui-corner-all,
          .ui-corner-top,
          .ui-corner-left,
          .ui-corner-tl {
            border-top-left-radius: 0!important;
          }
          .ui-corner-all,
          .ui-corner-top,
          .ui-corner-right,
          .ui-corner-tr {
            border-top-right-radius:  0!important;
          }
          .ui-corner-all,
          .ui-corner-bottom,
          .ui-corner-left,
          .ui-corner-bl {
            border-bottom-left-radius:  0!important;
          }
          .ui-corner-all,
          .ui-corner-bottom,
          .ui-corner-right,
          .ui-corner-br {
            border-bottom-right-radius:  0!important;
          }
          .ui-menu { 
            font-weight: 600!important;
          }
          .ui-widget-content {
            background:transparent!important;
          }
          .ui-state-default,
          .ui-widget-content .ui-state-default,
          .ui-widget-header .ui-state-default,
          .ui-button,
          html .ui-button.ui-state-disabled:hover,
          html .ui-button.ui-state-disabled:active {
            border: 1px solid black!important;
            /* background: #f6f6f6;
            color: #454545; */
            font-weight: 600!important;
          }
          .ui-state-default a,
          .ui-state-default a:link,
          .ui-state-default a:visited,
          a.ui-button,
          a:link.ui-button,
          a:visited.ui-button,
          .ui-button {
            color: var(--green)!important;
            font-weight: 600!important;
          }
          .ui-state-hover,
          .ui-widget-content .ui-state-hover,
          .ui-widget-header .ui-state-hover,
          .ui-state-focus,
          .ui-widget-content .ui-state-focus,
          .ui-widget-header .ui-state-focus,
          .ui-button:hover,
          .ui-button:focus {
            background: black!important;
            color: #ffffff!important;
            font-weight: 600!important;
          }
          .ui-state-hover a,
          .ui-state-hover a:hover,
          .ui-state-hover a:link,
          .ui-state-hover a:visited,
          .ui-state-focus a,
          .ui-state-focus a:hover,
          .ui-state-focus a:link,
          .ui-state-focus a:visited,
          a.ui-button:hover,
          a.ui-button:focus {
            color: #000000!important;
            font-weight: 600!important;
          }  
          /* .ui-visual-focus {
            box-shadow: 0 0 3px 1px var(--green)!important;
          }     */
          .ui-menu .ui-state-active,
          .ui-menu .ui-widget-content .ui-state-active,
          .ui-menu .ui-widget-header .ui-state-active,
          .ui-menu a.ui-button:active,
          .ui-menu  .ui-button:active,
          .ui-menu .ui-button.ui-state-active:hover {
            background: black!important;
            color:var(--electric-green)!important;
            text-shadow:none!important;
            font-weight:600!important;
            border: 1px solid black!important;
          }
          .ui-menu .sub-menu .ui-state-active,
          .ui-menu .sub-menu .ui-widget-content .ui-state-active,
          .ui-menu .sub-menu .ui-widget-header .ui-state-active,
          .ui-menu  .sub-menu a.ui-button:active,
          .ui-menu .sub-menu  .ui-button:active,
          .ui-menu .sub-menu .ui-button.ui-state-active:hover {
            background: black!important;
            color:#ffffff!important;
            text-shadow:none!important;
          }
          .ui-icon,
          .ui-widget-content .ui-icon {
            background-image: url("images/ui-icons_ffffff_256x240.png")!important;
          }
          .ui-widget-header .ui-icon {
            background-image: url("images/ui-icons_ffffff_256x240.png")!important;
          }

          .ui-icon-background,
          .ui-state-active .ui-icon-background {
            border: white !important;
          } 
          .ui-state-active a,
          .ui-state-active a:link,
          .ui-state-active a:visited {
            color: #000000!important;
          }
          .ui-menu .ui-icon,
          .ui-menu .ui-menu-icon {
            left: auto!important;
            right:-20px !important;
          }
          .ui-icon, 
          .ui-widget-content .ui-icon, 
          .ui-state-active .ui-icon,
          .ui-button:active .ui-icon {
            margin-left: 5px;
          }

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

/* SEARCH and ARCHIVE RESULTS */

#content.results-page {width:100%;max-width:1000px;margin:0 auto; padding-bottom:100px;}
#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 var(--green); padding-top:10px; position:relative;}

h2.search-results {font-size:1.2rem;color:var(--green);margin: 0 0 10px 0;}
h2.search-results a {text-decoration:none;}
h2.search-results:hover, 
h2.search-results:focus,
h2.search-results:active {text-decoration:underline;}

#content.results-page.no-image .header {padding-top:50px;}

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

.archive .results-page .entry-summary,
.search .results-page .entry-summary {display:none;}
.archive .results-page .entry-title,
.search .results-page .entry-title {width:80%;}
.search .results-page article#post-0 {border:none;}

/* Ninja Forms buttons */

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  font-family: halyard-text, sans-serif!important;
  font-weight:600!important;
}

/* pagination */

.pagination {margin:100px 0;}

.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
  border:none;
	line-height: 1;
	text-decoration: none;
	font-weight: 500;
}
.page-numbers.current{
	background: var(--light-green);
}
.page-numbers:hover,
.page-numbers:focus,
.page-numbers:active {text-decoration:underline; color:#000000;}


/* The Events Calendar */

:root { /* replace TEC global styles */
  --tec-color-accent-primary: var(--green)!important;
  --tec-font-family-sans-serif: halyard-text, sans-serif!important;
  --tec-color-background-events-bar-submit-button: var(--bright-blue)!important;
  --tec-color-background-events-bar-submit-button-hover: var(--bright-blue)!important;
  --tec-color-link-accent-hover: var(--green)!important;
  --tec-color-background-events:white!important;
}
.tribe-events-event-image {align-self:auto!important;}
.tribe-events-event-image img {width:100%!important; height:auto!important;}

.tribe-events-content .simple-button a {border-bottom:none!important;}

/* section header calendar */

.section-head-container.tec {max-width:1176px;}

.tribe-events-content,
.tribe-events-event-image {max-width:800px; padding: 0 100px; margin:0 auto; padding-top:20px;}
.tribe-events-content {padding-top:20px;}

/* h1 Upcoming Events */

/* h1.tec {
  width:100%; max-width:1176px; margin: 0 auto; padding-top:20px; padding-bottom: 20px; font-weight:600; font-size:3rem;} */

/* susbcribe ical picker */
.single-tribe_events .tribe-events-c-subscribe-dropdown__button, 
.tribe-block__events-link .tribe-events-c-subscribe-dropdown__button {width:300px!important;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding-top: 50px;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown,.tribe-events .tribe-events-c-subscribe-dropdown {
  font-size: 0.7rem;
  margin: 20px 0;
}
.tribe-events-c-subscribe-dropdown__list-item {
  font-size: 0.7rem;
}
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__content {position:absolute; z-index: 2;}

.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container,.tribe-block__events-link .tribe-events .tribe-events-c-subscribe-dropdown__container {
  /* margin: 0 auto;
  width:fit-content; */
}

/* top bar that has date picker */
.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button:before {
content: "View events by date";
}
span.tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden, span.tribe-events-c-top-bar__datepicker-separator, time.tribe-events-c-top-bar__datepicker-time {
display: none;
}

.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
  font-weight: 700;
}
/* top bar search */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {font-size:1rem!important;}

/* TEC view selector */
.tribe-events .tribe-events-c-view-selector__list-item-icon {display:none;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {background:transparent;}

/* list view styles */

    /* h3 single title in list */
    .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {font-size: 1.2rem;}
    /* list description excerpt */
    .tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 p {
      font-size: 0.8rem;
    }
    /* list view image */
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event {
      min-height:180px;
    }
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row>.tribe-common-g-col {
      padding-left: 100px;
      padding-right: 100px;
    }

    /* event category links in the list */
    .tribe-events-calendar-list .tribe-event-categories {margin-top: 10px;}

    .tribe-events-calendar-list .tribe-event-categories li {
      display: inline;
      padding: 3px 9px;
      margin-right: 3px;
      font-size: 0.7em;
      font-weight:500;
    }
    .tribe-events-calendar-list .tribe-event-categories li {
      border: 1px solid var(--light-green);
      background-color: var(--light-green);
      border-radius: 30px;
    }
    .tribe-events-calendar-list .tribe-event-categories li:hover,
    .tribe-events-calendar-list .tribe-event-categories li:focus,
    .tribe-events-calendar-list .tribe-event-categories li:active {
      background-color: #a7c270 ; /* slighly darker than light green*/
    }
    .tribe-events-calendar-list .tribe-event-categories li a {
      color: #000!important;
    }
    .tribe-events-calendar-list .tribe-event-categories li a:visited {
      color: #000!important;
    }
    .tribe-events-calendar-list .tribe-event-categories li:hover a,
    .tribe-events-calendar-list .tribe-event-categories li:focus a,
    .tribe-events-calendar-list .tribe-event-categories li:active a   {
      color: black!important;
    }

/* Single Events styles */

.tribe-events-single h1 {font-size:3rem; font-weight:700; line-height:1.2;}

.tribe-events-single .tribe-events-back {display:none;}

/* hide prev/next on single event */
.tribe-events-nav-pagination,
.tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary-nav {display:none;}

.single-tribe_events #container {background:white;}

.tribe-events-content ol,.tribe-events-content ul {
  list-style-position: outside!important;
  margin-left:20px;
}


/* Single.php used for TEC Series */

#content.tec .entry-content.posts-only {max-width:1176px;}

/* Series */

.tec-series-term-label {width:100%; max-width:1176px; margin: 0 auto; padding-top:20px; padding-bottom: 20px; font-weight:600; font-size:3rem;}

/* .single-tribe_event_series h1.tec {font-size:1.6rem; margin: 60px 0 20px 0; font-weight:400; margin:0;} */

.single-tribe_event_series .share-icons-container.article {display:none;}

.single-tribe_event_series #container {background:white;}


/* TEC Category -- uses same archive template as Upcoming Events */

.tribe-events .tribe-events-c-breadcrumbs__list li {
  font-size: 0.8rem!important;
}
.post-type-archive-tribe_events .tribe-events-header__title-text {
  font-weight:700;
}
/* .post-type-archive-tribe_events .tribe-events-header__title-text::before {content:"Event category: ";} */

/* Organizers and Venues */

/* .single-tribe_venue h1.tec,
.single-tribe_organizer h1.tec {display:none;} */
.single-tribe_organizer .tribe-events-header__title-text,
.single-tribe_venue .tribe-events-header__title-text {
  font-weight:700;
}
/* .single-tribe_organizer .tribe-events-header__title-text::before {content:"Event organizer: ";}
.single-tribe_venue .tribe-events-header__title-text::before {content:"Event venue: ";} */

/* Past Events page with shortcode */

/* .page-past-events .tribe-events-c-subscribe-dropdown__container,
.page-past-events .tribe-events-header
{display:none!important;}

.page-past-events .tribe-common-l-container.tribe-events-l-container {padding-top:50px!important;}

.page-past-events h1.tec {display:none;} */

/* neon button overrides */
.page-institutional-membership #content button,
.page-individual-membership #content button,
.page-member-login #content button,
.page-donate #content button,
.page-subscribe #content button,
.page-membership #content button,
.tribe-events-single-event-description button {
  padding:12px 20px!important;
  border:none!important;
  hyphens:auto!important;
  font-family: halyard-text, sans-serif!important;
  font-size:1rem!important; 
  font-weight:600!important;
  background:var(--gold-tint)!important;
  color:black!important;
}