#pageheader {

    display: block; width: 100%; background-color: var(--hero-blue); color: white;

    position: relative; overflow: hidden;

    display: flex; flex-direction: column;


}


body:is([class*="template_news"],.blog) #pageheader>.wrapper ,

#pageheader>.wrapper  { padding: calc(64px + 12px) 0  }
#pageheader #authors .wrapper,
body:not(.home) #pageheader>.wrapper:last-child {padding: calc(64px + 12px) 0 calc(128px + 24px); }
#pageheader>.breadcrumbs+.wrapper { padding-top: 48px; }

#pageheader #authors { background: var(--mid-blue); color: var(--black); border-color:var(--mid-blue) !important;  }



body.home #pageheader { background: var(--bg); color: var(--black); padding-bottom: 64px; }
body:is([class*="template_news"], .single-post, .blog)  #pageheader  { background: var(--purple);    }



#pageheader > div ul li { list-style: disc; }
#pageheader > div ul ul li {   list-style: circle;  margin-top: 0.5em; }
#pageheader > div ul ul ul li { list-style: disc; }

#pageheader > div ol li { list-style: decimal; }
#pageheader > div ol ol li { list-style: lower-latin; margin-top: 0.5em; }
#pageheader > div ol ol li { list-style: lower-roman; }

#pageheader > div ul,
#pageheader > div ol { margin: 0 0 2rem ; }

#pageheader > div li:not(:last-child){ margin-bottom: 0.5em; }

#pageheader > div li,
#pageheader p{
    font-size: 24px;

    line-height: 140%;

    max-width: 25em;
}
#pageheader p:not(:last-child){ margin-bottom: 1em;}


body:not(.home) #pageheader ul.ctas a ,
body:not(.home) #pageheader p.cta a { color: inherit; background-color: inherit; border-color: currentColor; }
body:not(.home) #pageheader ul.ctas a:hover ,
body:not(.home) #pageheader p.cta a:hover {
    color: var(--black); background-color: white; border-color: white;
}
body:not(.home) #pageheader ul.ctas a:focus-visible ,
body:not(.home) #pageheader p.cta a:focus-visible {  box-shadow: 0 0 0 3px var(--hero-blue), 0 0 0 5px var(--orange);   }

body.home #pageheader ul.ctas a ,
body.home #pageheader p.cta a {
    border-color: var(--cta-blue);
    background-color: var(--cta-blue);
    color: white;
}
body.home #pageheader ul.ctas a:hover ,
body.home #pageheader p.cta a:hover {
    color: var(--black); background-color: white; border-color: var(--cta-blue);
}
body.home #pageheader ul.ctas a:focus-visible,  box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px var(--orange);   }
body.home #pageheader p.cta a:focus-visible {  box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px var(--orange);   }

#pageheader .wrapper > div:not(.textcontent) {
    margin: 0 auto;
    width: 100%;
    max-width: 1088px;
    padding: 0 24px;
}


#pageheader+div>.wrapper>.textcontent { margin-top: 24px;}



#pageheader p:not(.cta) a {
    transition: all 0.2s ease; cursor: pointer;
    text-decoration: none;
    padding: 0 0; color: inherit;
    background-image: linear-gradient(white, white), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-position: 0 100%, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 0 1px, 100% 1px;
    transition: background-size .2s;
    background-size: 100% 1px, 100% 1px }

#pageheader p:not(.cta) a:hover {
    background-size: 100% 100%, 100% 100%; color: var(--black);

}
#pageheader p:not(.cta) a:focus-visible {box-shadow: 0 0 0 1px var(--hero-blue), 0 0 0 3px var(--orange); border-radius: 2px; }

#pageheader #authors :not(.cta) a:focus-visible {box-shadow: 0 0 0 1px var(--mid-blue), 0 0 0 3px var(--orange); border-radius: 2px; }



@media all and (min-width: 1200px) {

#pageheader+.content>div:first-child:not(#anchors):not(.wrapper),
#pageheader+.content>div#anchors:first-child+div.section
{ margin-top: -64px; }

}

@media all and (max-width: 1199px) {
    #pageheader+.content>div:first-child:not(.wrapper)/*:not(#anchors),
    #pageheader+div#anchors+.content>div:first-child:not(#anchors)*/
    { margin-top: -64px; }
}
@media all and (max-width: 899px) {
    #pageheader+div>.wrapper>.textcontent { margin-top: 0;}


    #pageheader>.wrapper  { padding: 48px 0 calc(48px + 12px);  }
    #pageheader #authors .wrapper,
    #pageheader>.wrapper:last-child {padding: 48px 0 calc((48px * 2) + 24px); }
    #pageheader>.breadcrumbs+.wrapper { padding-top: 48px; }



    body:is([class*="template_news"],.blog) #pageheader>.wrapper {  padding: 48px 0  }

        /*#pageheader+div*/
    #pageheader+.content>div:first-child:not(.wrapper)/*:not(#anchors),
    #pageheader+div#anchors+.content>div:first-child:not(#anchors)*/
     { margin-top: -48px; }

    #pageheader li,
    #pageheader p {
        font-size: 21px;
    }

}
@media all and (max-width: 599px) {


    #pageheader>.wrapper  { padding: 32px 0 calc(32px + 8px);  }
    #pageheader #authors .wrapper,
    #pageheader>.wrapper:last-child {padding: 32px 0 calc((32px * 2) + 12px); }
    #pageheader>.breadcrumbs+.wrapper { padding-top: 32px; }



    body:is([class*="template_news"],.blog) #pageheader>.wrapper {
        padding: 32px 0 }
        /*#pageheader+div { margin-top: -32px; }*/
}