/*
Theme Name: ceaconsulting
Theme URI: 
Author: Imaginary Office
Author URI: 
Description: Donate: A theme built on Blankslate 2024
ioblankslate WordPress Theme © 2024 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}

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

html , body {
  display: flex;
  flex-direction: column;
  height:100%;
  font-size: 20px;
  font-family: "adelle-sans",sans-serif;
  background:transparent;
}
body {
  overscroll-behavior: none !important;
}

@font-face {
  font-family: "adelle-sans",sans-serif;
  font-weight: normal;
  font-style: normal;
}
/* clearfix */
.group:after {
  display: block;
  content: "";
  clear: both;
}
.nowrap {
  white-space:nowrap;
}
.printonly { display: none; }

/* UNIVERSALS */

#header, .header.photo-banner .hero { opacity: 0; transition: 1.5s; }
 #header.loaded, .header.photo-banner .hero.loaded { opacity: 1; } 

:root { 
  --ltgray: #B9B9B9;
  --dkgray:#696969;
  --palegray:#F5F5F5;
  --dkgreen:#086735;
  --bluegreen:#3D6D62;
  --orange:#BD782A;
  --yellow:#D2A72A;
  --ltyellow: #EBCA69;
  --dkblue:#004659;
  --blue:#006B8D;
  --ltblue: #7CC0D6;
}

h1,h2,h3,h4,h5,h6 {
  line-height:1.3;
  margin:0 0 1rem 0;
  color:black;
}
h1, h2, h3 {font-family: "freight-display-pro", serif;}
h1 {font-weight: 700; font-size:3.25rem; line-height:1.1;}
h2 {font-weight: 600; font-size:2.3rem; line-height:1.1;}
h3 {font-weight: 400; font-size:1.4rem;}
h4,h5,h6 {
  font-size:1.2rem;
  line-height:1.3;
  font-weight:700;
}
p, ul, ol, li,
.archive-meta {
  color:black;
  font-size:1rem;
  line-height:1.5;
  margin:0 0 1rem 0;
}
a{
  color:inherit;
}
a:hover, a:focus, a:active {
  color:gray;
}
button {
  padding:12px 20px;
  border:none;
  hyphens:auto;
  font-size:1rem; 
  font-weight:600;
  background:var(--bluegreen);
  color:black;
}
button:hover, button:focus, button:active {
  cursor: pointer;
}
.simple-button {
  font-weight:600;
  background:transparent;
  margin: 30px 0;
  white-space: nowrap;
}
.simple-button a {
  text-decoration:none; 
  padding: 12px 20px;
  color:white!important;
  background:var(--bluegreen);
  color:black;}
  .simple-button a:hover,
  .simple-button a:focus,
  .simple-button a:active {background:var(--dkgray);}  
  
  .arrow-button {
    font-weight:600;
    background:transparent;
    font-size:0.9rem;
    margin:15px 0;
  }
  .arrow-button a {
    text-decoration:none;
    padding: 12px 0;
    color:var(--bluegreen);
  }
  .arrow-button a::after {
    content: "\f061"; /* arrow-right */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size:1rem;
    margin-left:10px;
    font-size:0.9rem;
  }
  .arrow-button a:hover,
  .arrow-button a:focus,
  .arrow-button a:active {color:black;} 
  
  blockquote p {
    font-family: "freight-display-pro", serif; 
    font-size:2.2rem;
    font-weight:400;
    font-style: normal;
    line-height:1.2;
    color:var(--dkgray);
    padding:30px 0;
    margin:0 10%;
  }
  input {
    background-color: #eeeeee;
  }
  .search-form i {color:#ffffff;}
  form.search-form input[type="search"],
  .search form.search-form input[type="submit"],
  input[type="submit"] {
    display:inline-block; text-align:left; border:1px solid #696969; 
    height:44px; min-height:30px; padding:12px 20px; }
    
    input[type="submit"] {
      border: 1px solid gray;
      clip:auto;
      -webkit-clip-path:none;
      clip-path:none;
      height: auto;
      margin: 0;
      margin-left:10px;
      overflow: hidden;
      padding: 10px;
      position: relative;
      width:auto;
      background:black;
      color:white;
      word-wrap:normal!important;
      word-break:normal;
    }
    input[type="submit"]:hover,
    input[type="submit"]:focus,
    input[type="submit"]:active {background: #696969;}
    strong, b {font-weight:700;}
    em {font-style:italic;}
    
    /* structure */
    
    #wrapper {
      flex: 1 0 auto;
      width:100%;
      background:transparent;
    }
    #container {
      width:100%;
      margin: 126px auto 0 auto;
    }
    
    /* POST STYLES */
    
    .single article header,
    .post-template-single-flexible article header,
    .error404 #content header {
      padding-top:50px;
    }
    .single #content,
    .error404 #content,
    .page-credits #content {max-width:800px; margin:0 auto; padding:80px 0;}

    .single #content .the_post_thumbnail img {width:100%; height:auto;}
    .single #content .entry-content {width:100%; margin:0;}
    .single #content .entry-title a {text-decoration:none;}
    
    .entry-footer {margin:20px 0;}
    
  
    .back-link {display:block; width:100%; }
    .back-link a {display:block; width:100%; max-width:800px;  margin:0 auto; color:#696969; text-decoration:none; font-size:0.8rem;} 
    .back-link a::before {content: "< "; }
     .back-link a:hover {color:black; text-decoration:underline;}
    
    /* People Single ------------------------- */
  

    .single-people  {
      background: var(--palegray);
    }

    .single-people article header {position:relative; min-height:285px; margin-bottom:50px;} 

    .single-people h1.entry-title { font-size: 3rem; line-height: 3rem; }

    .single-people .entry-title,
    .single-people .role {width:fit-content;width: 65%;}
    .single-people .role {font-family: "freight-display-pro", serif; font-weight: 400; font-size:2rem;  color: var(--bluegreen);}
    #headshot-single {
      width: 33%;
      max-width: 250px;
      max-height: 250px;
      margin: 0;
      position:absolute;
      right:0;
      top:0;
    }

    #headshot-single img {
      width: 100%;
      height:100%;
      flex:1;
      object-fit: cover;
    }

    #headshot-single img[alt="CEA logo"] {
      display: none; /* Hides the image with the specified alt text */
    }


    
    .single-people .the_post_thumbnail { display: none; }
    
    /* 404 */
    .error404 .search-form input[type="search"] {font-size:1rem;}
    .error404 form.search-form {display:inline-block;}
    .error404 i.fa-search {padding:0 15px;}
    
    /* PAGE STYLES */
    
    .page #content {padding:80px 0; }
    
    /* .page #content .entry-header, */
    .page #content header,
    .page #content .entry-content{
      max-width:1200px; 
      margin:0 auto;
    }
    
    .intro {font-family: "freight-display-pro", serif; font-weight: 600; font-size:2rem;}
    
    /* editor-inserted images: posts and pages */
    
    .wp-caption {}
    .alignright {float:right; margin-left:20px;}
    .alignleft, .alignnone {float:left; margin-right:20px;}
    .aligncenter {margin:0 auto; display:block;}
    div[id^="attachment"], div[id^="attachment"] img { max-width: 100%; height:auto; }
    
    .featured_image_caption,
    p.wp-caption-text {font-size:0.9rem; color:var(--dkgray);}
    
    /* editor-created lists: posts and pages */
    
    .entry-content ul,
    .entry-content ul ul {list-style-type:disc;margin:20px;}
    .entry-content ol {list-style-type:decimal;margin:20px;}
    
    /* Flexible Content Page Template */
    
    .page-template-page-flexible {}
    
    /* landing page template */
    .page-template-page-landingpage #content {padding:0;}
    .page-template-page-landingpage #content header {max-width:100%; }
    .page-template-page-landingpage #container {margin-top:0;}
    .page-template-page-landingpage #content .entry-content {max-width:100%; margin:0;}
    
    
    /* BLOCKS */
    
    .flex-block {margin:50px auto;}
    
    .flex-block li {margin-bottom: 0.3rem;}
    
    /* flex text block */
    
    .flex-block.text-block {width:100%; max-width:800px; }
    
    /* flex accordion */

    .flex-block.accordion-block {width:100%; max-width:800px; }

    .ui-accordion .ui-icon-triangle-1-e, 
    .ui-accordion .ui-icon-triangle-1-s  {
      display: none;
    }

    .ui-accordion .ui-accordion-header:focus {
      outline: none!important;
    }

    #accordion h3.ui-accordion-header {
      margin:0; cursor:pointer; 
      padding:15px 20px 15px 0; 
      background:transparent !important; 
      border-top: 3px solid var(--bluegreen) !important; 
      border-bottom:none!important;
      border-right:none!important;
      border-left:none!important;

      color:var(--bluegreen) !important; 
      font-size: 1.625rem;}
    
    #accordion h3.ui-accordion-header:after{
      font-family: "Font Awesome 5 Free"; 
      font-weight: 900; 
      content: "\f107"; /* angle-down */
      font-size:1rem;
      float:right;
      margin-top: 4px;
    }
    .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 multi-column */
    
    .flex-block.multicolumn-layout {margin:0 auto;}
    .entry-content .multicolumn-layout {padding:0 50px; display:flex; flex-direction:row; justify-content:center;}
    .entry-content .multicolumn-layout h2 {line-height: 1;}
    
    .entry-content .multicolumn-layout ul {display:flex; flex-direction:row; justify-content:center; list-style-type:none; margin:0; max-width:1200px; 
    }
    .entry-content .multicolumn-layout ul li { flex: 1 1 25%; max-width: 1000px; margin:50px;}
    .entry-content .multicolumn-layout ul ul,
    .entry-content .multicolumn-layout ul ol {display:flex; flex-direction:column; justify-content:flex-start; list-style-type:disc; margin: 0;}
    .entry-content .multicolumn-layout ul ol {list-style-type:decimal;}
    .entry-content .multicolumn-layout ul li ul li {padding-right:50px; margin:0;}
    
    .flex-block.multicolumn-layout .arrow-button,
    .flex-block.multicolumn-layout .arrow-button::after {color:inherit;}
    
    .flex-block.multicolumn-layout a:hover,
    .flex-block.multicolumn-layout a:focus,
    .flex-block.multicolumn-layout a:active {color:inherit;}
    
    /* flex repeater list layout */
    
    .repeater-list-layout {margin:0 auto;}
    
    .repeater-list-layout ul.area-blocks {width:100%; list-style-type: none; margin:0; background: var(--palegray);}
    
    .repeater-list-layout ul.area-blocks li {width:100%; display:flex; flex-direction:row; flex-wrap: nowrap; margin:0; align-items:center;}
    .repeater-list-layout ul.area-blocks li:nth-child(odd) { 
      flex-direction: row-reverse; 
    }

    .repeater-list-layout ul.area-blocks li:nth-child(even) .image-container {
      background-position: right !important;
    }
    
    .repeater-list-layout ul.area-blocks .text-container {
       width:50%; 
       height:600px;
       overflow-y:auto;
       display:flex; flex-direction:column; justify-content:center;    }
    .repeater-list-layout ul.area-blocks .image-container { width:50%;  }

    .page-areas-of-expertise   .repeater-list-layout ul.area-blocks .text-container { justify-content: start; }
    
    .repeater-list-layout ul.area-blocks .group {
      height: 600px;
      overflow: hidden;
    }
    
    .repeater-list-layout ul.area-blocks .image-container {
      height: 600px; 
    }
    
    .repeater-list-layout ul.area-blocks li .text-container {padding:80px;}
    
    /* flex carousel block built off of Flickity carousel slider */
    
    .block-carousel {width:100%; margin:0; height:auto; background:transparent; }
    
    .carousel-cell {width:100%; margin:0; height:auto; display:flex; flex-direction:row; justify-content:center; 
      /* align-items:center;  */
      background:white;}
      /* if the img has no defined aspect ratio */
      .carousel-cell .slide-image,
      .carousel-cell .slide-text-container {
        height:auto; 
        display:flex; flex-direction:row; 
        justify-content:center; 
        align-items:center;}
        
        .carousel-cell .slide-image {width:fit-content; max-width:300px; height:300px;}

        .carousel-cell .slide-image img {width:100%; height:auto;}
        
        .carousel-cell .slide-text-container {width:fit-content; max-width:900px; height:auto; padding:50px; overflow-y: auto; }
        
        .carousel-cell .slide-text-container .slide-description p,
        .carousel-cell .slide-text-container .slide-description ul,
        .carousel-cell .slide-text-container .slide-description ol { font-family: "freight-display-pro", serif; font-weight: 400; font-size:1.3rem; line-height:1.4; }
        
        .carousel-cell .slide-text-container .slide-description .attribution p {font-size:1rem;}

        .block-carousel .flickity-page-dots {margin: 20px 0;}
        
        /* flex text-image block */
        
        .text-image {margin:80px 0; background:transparent; display:flex; flex-direction:row;flex-wrap:nowrap; justify-content:center; align-items:center;}
        
        .text-image .image-container {width:400px; height:400px; margin:20px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:0;}
        
        .text-image .text-container {width:650px; padding:40px 0; text-align:left; display:flex; flex-direction:column; justify-content:center;}
        
        .text-image .text-container p {font-family: "freight-display-pro", serif; font-weight: 400; font-size:1.7rem; line-height:1.2;}
        
        /* text-image custom classes */
        
        .text-image.image-right {flex-direction:row-reverse;}
        
        .text-image.vision .image-container {width:310px; height:310px; border-radius:50%;}
        
        
        /* Our People ------------------------- */
        
        .staff-group{
          display:grid;
          grid-template-columns: auto auto auto auto;
          column-gap:10px;
          height:auto;
          width:1200px;
          margin:100px auto;
          justify-content: center;
        }
        .headshot-container {
          max-width:250px;
          height:auto;
          display:flex;
          flex-direction:column;
          overflow:hidden;
          margin-bottom: 50px;
        }
        .headshot-photo,
        .headshot-name {width:100%;}
        
        .headshot-photo {
          display:flex;
          flex-direction:column;
          justify-content:center;
          border-bottom: 2px solid transparent;
        }
        .headshot-photo img {
          width: 100%;
          height:100%;
          flex:1;
          object-fit: cover;
        }
        .headshot-name {margin-bottom:20px;}
        .headshot-name h2.name {font-family: "freight-display-pro", serif; font-weight: 400; font-size:1.5rem; color:var(--bluegreen); margin-bottom:0.5rem; margin-top:0.5rem;}
        .headshot-name .role {font-size:0.9rem; line-height:1.3;}
        .headshot-container a {text-decoration:none;}
        
        .headshot-name .name:hover,
        .headshot-name .name:focus,
        .headshot-name .name:active {color:black;}
        
        .headshot-photo:hover,
        .headshot-photo:focus,
        .headshot-photo:active {border-bottom: 2px solid var(--bluegreen);}
        
        .single-people .headshot-photo:hover,
        .single-people .headshot-photo:focus,
        .single-people .headshot-photo:active {border-bottom: none;}
        
        
        /* publications page and posts ------------------------- */

        body.page-publications {
          background: var(--palegray);
        }
        .page-publications #content {
          max-width:1000px;margin:0 auto;
        }
        
        .page-publications #content .entry-content
        {max-width:1000px; margin:0 auto;}
                
        .entry-content.publications li {
          display:block;width:100%;height:auto;margin-bottom:50px;
        }
        .publications-list .image-container,
        .publications-list .text-container {
          display:inline-block; float:left; height:auto;
        }
        .publications-list .image-container {
          width:30%;max-width:200px;height:auto;margin-right:4%; 
        }
        .publications-list .image-container img {
          height:100%;width:100%;aspect-ratio:initial;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        }

        .publications-list .image-container img.logo,
        .publications-list .image-container img.website {
          box-shadow: none;
        }

        .publications-list .text-container {
          width:68%;
        }
        .publication_blurb{margin-bottom:10px;}
        .publication_blurb p {margin:0;}
        
        .publications-list h2.client-name {
          color:var(--bluegreen); font-size:1rem; text-transform:uppercase; letter-spacing:1px;margin-bottom:10px; font-family: "adelle-sans",sans-serif;
        }
        .publications-list h3.publication-title {
          font-weight:700;font-size:1.8rem;line-height:1.2;margin-bottom:10px; font-family: "adelle-sans",sans-serif;
        }
        .entry-content.publications ul.download-links-list li{width:100%;height:auto;margin-bottom:10px;}
        .entry-content.publications ul.download-links-list li a {text-decoration:none;}
        .entry-content.publications ul.download-links-list li:hover a,
        .entry-content.publications ul.download-links-list li:focus a,
        .entry-content.publications ul.download-links-list li:active a {color:var(--bluegreen);}
        
        .fas.fa-download {margin-right:10px;}
        span.download-link {font-weight:700;}
        
        .entry-content.publications a:hover,
        .entry-content.publications a:focus,
        .entry-content.publications a:active {color:#000000;}
        
        .toggle-list {width:800px; padding:15px 20px; background:transparent; border: 3px solid var(--bluegreen); cursor:pointer;}
        
        .toggle-list button {font-family:'Font Awesome 5 Free'; font-weight:900; float:right; color:var(--bluegreen); padding:0; background:transparent;}
        
        .toggle-list button:hover,
        .toggle-list button:focus,
        .toggle-list button:active {color:#000000; }
        
        #tag-cloud {display:none; width:800px; height:auto; padding:0 0 20px 0 ; background:#ffffff;}
        
        .entry-content.publications ul.tag-list {margin:0;}
        .entry-content.publications ul.tag-list li {display:inline-block; width:100%; margin:0; border-bottom: 1px solid var(--bluegreen);}
        .entry-content.publications ul.tag-list li a { text-decoration:none; font-weight:400; display: block; width: 100%; padding: 15px;}
        
        p.results-text {margin:50px 0 20px 0;}
        
        .entry-content.publications ul.tag-list li:hover,
        .entry-content.publications ul.tag-list li:focus,
        .entry-content.publications ul.tag-list li:active {background-color:var(--bluegreen); color:white; }
        
        .entry-content.publications ul.tag-list li:hover a,
        .entry-content.publications ul.tag-list li:focus a,
        .entry-content.publications ul.tag-list li:active a {color:white; }
        
        /* only show the first 5 publication posts in the repeater */

        .page-publications .publications-list li.group {display:none;}
        .page-publications .publications-list li.group:nth-of-type(-n+5) {display:block}
        
        .pagination {text-align:center; margin-bottom:50px;}
        .nav-links a {color:var(--bluegreen); padding:10px;}
                
        /* TAG */

        body.tag {
          background: var(--palegray);
      }

      .tag #content {
        padding: 80px 0;
        max-width:1000px;margin:0 auto;
      }
      .tag .publications-list article header,
      .tag h2.entry-title {display:none;}

      .tag .publications-list article .entry-summary {margin-bottom:50px;}

      .archive-meta {max-width:800px; margin-bottom:50px;}

      .tag-incubations .entry-content.publications {margin-top:30px;}

      .tag-incubations .toggle-list,
      .tag-incubations #tag-cloud,
      .tag-incubations .results-text {display:none;}

      .tag-incubations .publications-list .image-container {
        width:200px;
        height:200px;
        background-color:white;
        display:flex;
        flex-direction:column;
        justify-content:center;
      }
      .tag-incubations .publications-list .image-container img {
      width: 100%;
      height:100%;
      flex:1;
      object-fit: contain;
    }

        /*  AREAS OF EXPERTISE page */

        .page-areas-of-expertise h2 {
          font-size: 1.8rem;
        }

        .page-areas-of-expertise .area-blocks p {
          font-size: .9rem;
        }

        /* ABOUT page */

        h2#principles {
          color:var(--orange);
        }
        
        /*  HOME PAGE */
        
        body.home #container {margin-top:0; background:transparent;}
        
        .home #content header, 
        .home #content .entry-content {max-width:100%; margin:0;}
        
        .home #content { padding:0;}
        
        .home #content .entry-content {
          width:100%; max-width:1200px; margin:0 auto; padding:50px 0; display:flex; flex-direction:row; justify-content:flex-start;;
        }
        .home #content .entry-content p {width:60%; padding:0;}
        
        .home article {padding-bottom:0;}
        
        
        /*  ASK US */
        
        #ask-us {width:30%; border-left: solid 1px var(--blue); padding-left:30px; margin-left:100px; display:flex; flex-direction:column; justify-content:start;}
        
        #ask-us .carousel-container {display:flex; flex-direction:column; justify-content:flex-start; }
        
        #ask-us .flickity-enabled.is-draggable .flickity-viewport {overflow: visible; }
        .ask-carousel,
        .ask-carousel .carousel-cell {width:100%; height:auto; margin:0; flex-direction:column;}
        
        #ask-us h2,
        .entry-content #ask-us h3 {
          font-family: "freight-display-pro", serif; font-size:2rem; 
          line-height:1.1; font-weight:600; }
        
        #ask-us h2 {margin-bottom:10px;}
        
        .home #content .entry-content #ask-us .carousel-container h3 {width:100%;}
        
        .entry-content #ask-us h3 {color:var(--bluegreen); list-style-type: none; margin:0;}
        
        #ask-us .arrow-button {margin-top:20px;}
        
        /* Hero Parallax */
        
        .header.photo-banner {position:relative; background: black;}
        
        .hero.parallax {
          overflow: hidden;
          display: flex;
          height: 700px;
          flex-direction: column-reverse;
          z-index: 1;
          background:transparent;
          background-position:center center;
        }

        .hero.parallax.mobile { display: none; }

        .image-container.parallax-window.mobile { display: none; }

        .hero.parallax .text-wrapper {
          background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .1) 100%);
          padding-bottom: 80px;
          min-height: 100%;
          display: flex;
          background-size: 100% 200%;
          overflow: visible;
          background-position: 0 0;
          flex-direction: column-reverse;
          transition: background-position 1s ease; /* Animate the background gradient */
        }
        
        .hero.parallax .text-wrapper.darken {
          background-position: 0 60%;
        }
        
        .hero.parallax .text {
          margin: 0 auto;
          color: white;
          width:100%;
          max-width: 1000px;
        }

        .home .hero.parallax .text {
          margin: auto;
          max-width: 1200px;
        }
     
        .hero.parallax.v1 h1 {
          color: white; 
          font-size: 1.25rem;
          font-family: "adelle-sans",sans-serif;
          color: var(--ltyellow);
          text-shadow: 2px 2px 4px #000000;
          font-weight:600;
        }
        .home .hero.parallax.v1 h1 {display:none;}
        
        .hero.parallax .blurb {
          font-family: "freight-display-pro", serif; font-weight: 500; 
          font-size:2.5rem;
          text-shadow: 2px 2px 4px #000000;
        }
        .home .hero.parallax .blurb {font-size: 3.25rem; padding-top:100px;}
        
        .hero.parallax .blurb a:hover,
        .hero.parallax .blurb a:focus,
        .hero.parallax .blurb a:active {color:white;}
        
        
        /* LP PREFOOTER */
        
        .page-template-page-landingpage .promo-mission {
          width:100%; height:600px; 
          display:block; flex-direction:row; flex-wrap: nowrap; justify-items:center; align-items:center; }
          
          .page-template-page-landingpage .promo-mission img {}
          
          .page-template-page-landingpage .promo-mission .text-container {
            width:100%; height: 100%; margin:auto; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: center; 
          }
          
          .page-template-page-landingpage .promo-mission {
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed; 
          }
          .page-template-page-landingpage .promo-mission .text-container .inner {
            width:100%; max-width:1000px;   margin: 0 auto; padding: 100px 0;
          }
          .page-template-page-landingpage .promo-mission .text-container p {color:white; font-family: "freight-display-pro", serif; font-weight:400; text-shadow: 2px 2px 4px #000000; font-size:1.8rem; line-height:1.1;}
          
          .page-template-page-landingpage .promo-mission a:hover,
          .page-template-page-landingpage .promo-mission a:focus,
          .page-template-page-landingpage .promo-mission a:active {color:white;}
          
          .page-template-page-landingpage #ask-us {width:100%;  height:auto; background-color:var(--bluegreen); margin:0; padding-left:0; border-left:none; margin-left:0; padding: 50px 0; flex-direction:column; justify-content:center;}
          
          .page-template-page-landingpage #ask-us .carousel-container {display:flex; flex-direction:column; justify-content:flex-start; width:60%; margin: 0 auto;}
          
          .page-template-page-landingpage #ask-us h2 {color:white; width:fit-content; margin:0;}
          
          .page-template-page-landingpage .ask-carousel,
          .page-template-page-landingpage .ask-carousel .carousel-cell {max-width:1200px; margin:0; background-color:transparent;}
          
          .page-template-page-landingpage .ask-carousel .carousel-cell h3 {font-family: "freight-display-pro", serif; font-size:2rem; line-height:1.2; font-weight:600; color:white;}
          
          .page-template-page-landingpage #ask-us .arrow-button {width:60%; margin: 0 auto;}
          .page-template-page-landingpage #ask-us .arrow-button a {color:white; }
          
          
          /* FOOTER */
          
          #footer {
            flex-shrink: 0;
            background:#eeeeee;
            width:100%;
          }
          #footer .footer-content {max-width: 1200px; margin: 0 auto; background:transparent;padding:50px 0;}
          
          #footer .fineprint {width:100%; height:auto; display:flex; flex-direction:row; justify-content:flex-start; }
          #footer .fineprint p {font-size:0.8rem; margin:0;}
          .fineprint ul {display:flex; flex-direction:row; justify-content:flex-start; font-size:0.8rem; color:var(--dkgray); margin-bottom:0;}
          .fineprint li {font-size: 0.8rem; color: #696969; margin-left:15px; margin-bottom:0;}
          
          
          /* HEADER */
          
          #header {
            width:100%;
            height:126px;
            background: white;
            padding-top: 26px;
            position:fixed;
            transition: top 0.5s, background-color 1s;
            z-index:1000;
          }

          .page-publications #header,
          .tag #header,
          .single #header {
            height: 80px;
          }

          .page-publications #container {
            margin-top: 80px;
          }

          .page-publications #header .branding img,
          .tag #header .branding img,
          .single #header .branding img {
          width: 220px;
          transition: width 1s;
          margin-top: -10px;
          }

          .home #header,
          .page-template-page-landingpage #header {
            background: linear-gradient(180deg, rgba(0,0,0,.6) 0%,  rgba(0,0,0,.3) 40%,  rgba(0,0,0,0) 90%);
          }
          
          
          /* nav */
          
          #header .header-content {
            width:100%; max-width: 1200px; 
            height:auto;
            margin: 0 auto; 
            background:transparent; 
            display:flex; flex-direction:row; 
            justify-items:flex-start;
            justify-content:space-evenly;
            align-items:self-start;
          }
          .branding{
            width:300px;height:47px;
            margin: 10px;
          }      
          .branding.mobile-only{display:none;}  
          .home #header .branding img,
          .page-template-page-landingpage #header .branding img {
            filter: drop-shadow(1px 1px 2px #696969);
            width: 100%;
            transition: 1s;
          }
          
          /* mini header on scroll */
          
          .page-template-page-landingpage #header.miniheader {
            background: linear-gradient(180deg, rgba(0,0,0,.8) 0%,  rgba(0,0,0,.8) 40%,  rgba(0,0,0,.8) 90%);
            height: 80px;
          }
          
          .menu-main-container {
            z-index: 999999;
          }

          .page-template-page-landingpage #header.miniheader .ui-menu .ui-icon {
            display: none;
          }
          
          .page-template-page-landingpage #header.miniheader .branding img {
            width: 220px; 
            transition: width 1s;
            margin-top: -10px;
          }
          
          #header.miniheader .sub-menu {display: none !important;}
          
          
          #mobile-toggle {position:absolute; right:0; top:0; padding:25px; letter-spacing:0;z-index:1000; display:none; color:black; background:transparent; font-size:1.4rem; border:0;
            z-index:10000; 
          }
          .fas.fa-times{display:none; color: white;}
          
          .header-container {
            width:calc(100% - 200px); max-width:900px; 
            height:auto; 
            display:flex; 
            flex-direction:column-reverse; 
            justify-content:space-evenly;
          }
                    
          /* 
          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;
          }
          
          #menu-main li.ui-menu-item {
            width:16.667%;
            height:auto;
            margin:0 6px; 
            text-align:center;
            display:inline-block;
            color: var(--bluegreen);
            float: left;
          }
          #menu-main li a.ui-menu-item-wrapper {
            /* activates the submenu */
            width:100%;
            color: inherit;
            text-decoration: none;
            padding:0 10px;
            text-transform: uppercase;
            letter-spacing:0.1rem;
            font-size:0.8rem; 
            background: none;
            border: none;
          } 
          
          #menu-main li:hover,
          #menu-main li:focus,
          #menu-main li:active   {
            color:black!important;
            font-weight: 700;
          }
          
          #menu-main li a:hover,
          #menu-main li a:focus,
          #menu-main li a:active  {
            font-weight: 700;
          }
          
          .home #header #menu-main li a:hover,
          .home #header #menu-main li a:focus,
          .home #header #menu-main li a:active,
          .page-template-page-landingpage #header #menu-main li a:hover,
          .page-template-page-landingpage #header #menu-main li a:focus,
          .page-template-page-landingpage #header #menu-main li a:active { color:white!important; font-weight: 700;} 
          
          
          #menu-main ul.sub-menu  {
            width:200px;
            position: relative;
            left: -50px;
            border-top: 1px solid var(--bluegreen);
          }

          .home #menu-main ul.sub-menu,
          .page-template-page-landingpage #menu-main ul.sub-menu  {
            border-top: 1px solid white;
          }
          
          .sub-menu.ui-widget.ui-widget-content {
            border: none;
          }

          #menu-main ul.sub-menu li {
            width:100%; 
            margin:0; 
            height:42px;
            text-align:left;
            border-bottom: 1px solid var(--bluegreen);
            background:white;
            margin:auto 0;
            display:block;
          }
        
          #menu-main ul.sub-menu li a {
            text-decoration: none;
            padding:10px 20px;
            background:transparent;
            color:var(--bluegreen);
            text-transform: none;
            letter-spacing:normal;
            width:100%;
            display:block;
          }
          
          .ui-menu,
          .ui-widget { 
            font-family: "adelle-sans",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 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(--bluegreen)!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 {
            /* border: 1px solid #cccccc; */
            background: var(--bluegreen)!important;
            /* font-weight: normal; */
            color: #ffffff!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;
            /* text-decoration: none; */
          }
          
          .ui-visual-focus {
            box-shadow: 0 0 3px 1px var(--bluegreen)!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: transparent!important;
            font-weight:700!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: var(--bluegreen)!important;
            color:#ffffff!important;
            text-shadow:none!important;
            border-top: 1px solid white!important;
            border-bottom: 1px solid white!important;
          }
          
          .ui-icon-background,
          .ui-state-active .ui-icon-background {
            border: var(--palegray)!important;
            /* background-color: #ffffff; */
          }
          
          .ui-state-active a,
          .ui-state-active a:link,
          .ui-state-active a:visited {
            color: #000000!important;
            /* text-decoration: none; */
          }
          
          .ui-menu .ui-icon,
          .ui-menu .ui-menu-icon {
            left: auto!important;
            right:-10px !important;
          }

        .page-template-page-home #menu-main .ui-icon,
        .page-template-page-landingpage #menu-main .ui-icon  {
            background-image: url(https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png) !important;
          }

          .ui-icon, .ui-widget-content .ui-icon, .ui-state-active .ui-icon, .ui-button:active .ui-icon {
            margin-left: 5px;
          }
          
          .page-template-default .ui-state-active .ui-icon, .ui-button:active .ui-icon,
          .page-template-page-publications .ui-state-active .ui-icon, .ui-button:active .ui-icon {
            background-image: url(https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png) !important;
          }

          /* transparent background menu for Home and Landing Pages with jquery-ui theme style overwrites
          */
          
          .home #header ul#menu-main li,
          .page-template-page-landingpage #header ul#menu-main li {color:white; }
          
          .home #header #menu-main ul.sub-menu li a.ui-menu-item-wrapper,
          .page-template-page-landingpage #header #menu-main ul.sub-menu li a.ui-menu-item-wrapper {
            color:white; text-shadow: 2px 2px 4px #000000;}
            
            .home .ui-state-hover a,
            .home .ui-state-hover a:hover,
            .home .ui-state-hover a:link,
            .home .ui-state-hover a:visited,
            .home .ui-state-focus a,
            .home .ui-state-focus a:hover,
            .home .ui-state-focus a:link,
            .home .ui-state-focus a:visited,
            .home a.ui-button:hover,
            .home a.ui-button:focus,
            
            .home .ui-state-active,
            .home .ui-widget-content .ui-state-active,
            .home .ui-widget-header .ui-state-active,
            .home a.ui-button:active,
            .home .ui-button:active,
            .home .ui-button.ui-state-active:hover,
            
            .page-template-page-landingpage .ui-state-hover a,
            .page-template-page-landingpage .ui-state-hover a:hover,
            .page-template-page-landingpage .ui-state-hover a:link,
            .page-template-page-landingpage .ui-state-hover a:visited,
            .page-template-page-landingpage .ui-state-focus a,
            .page-template-page-landingpage .ui-state-focus a:hover,
            .page-template-page-landingpage .ui-state-focus a:link,
            .page-template-page-landingpage .ui-state-focus a:visited,
            .page-template-page-landingpage a.ui-button:hover,
            .page-template-page-landingpage a.ui-button:focus,
            
            .page-template-page-landingpage .ui-state-active,
            .page-template-page-landingpage .ui-widget-content .ui-state-active,
            .page-template-page-landingpage .ui-widget-header .ui-state-active,
            .page-template-page-landingpage a.ui-button:active,
            .page-template-page-landingpage .ui-button:active,
            .page-template-page-landingpage .ui-button.ui-state-active:hover
            
            {color: #ffffff!important; }
            
            .home #header #menu-main ul.sub-menu li,
            .page-template-page-landingpage #header #menu-main ul.sub-menu li {border-bottom: 1px solid white; background:transparent; }
            
            /* SEARCH RESULTS */
            
            .search #content.results-page {width:100%;max-width:1000px;margin:0 auto;}
            .search #content.results-page .header {padding:0 0 50px 0;}
            .search #content.results-page article {width:100%; height:auto;}
            .search #content.results-page h2 {font-weight: 400; font-size:1.4rem; }
            .search #content.results-page header,
            .search #content.results-page .entry-summary {display:inline-block;}
            .search #content.results-page .entry-summary .results-link {padding-left:10px; color:var(--bluegreen);}
            .search #content.results-page .search-container {margin:50px 0;}
            
            /* Contact Form */

            .wpcf7 input[type="text"],
            .wpcf7 input[type="email"],
            .wpcf7 textarea
            {
                background-color: #fff;
                color: #000;
                width: 100%;
                font-family: "adelle-sans", sans-serif; font-size:1rem; 
                padding:10px;
            }

            .wpcf7 input {border-width:1px;}
            .wpcf7 input.wpcf7-submit {background:black; font-size:0.9rem;}
     
            .page-contact-us #content header,
            .page-contact-us #content .entry-content {max-width:800px;}
            .page-contact-us #content .entry-content .wpcf7 {border: 3px solid var(--bluegreen); padding:30px; }