#footer {  color: #FFF; margin-top: auto;    }
#footer ul { /*margin-bottom: 12px;*/ }


#footer li,
:is(#footernav,#footerinfo,#didyouknow) p:not(.logo) {
    font-size: 16px; line-height: 19px; margin:0.5em 0;

}
#footer p { line-height:140%;  max-width: 32em; margin:1em 1em 1em 0; }

#bottom p { }

#footer h3,
#footerinfo h2  ,
#footer #footernav .wrapper>ul>li>a {
    display: inline-block;
    font-size: 22px; line-height: 27px;


  /*  margin-bottom: 12px;*/
    font-weight: 700;color: white;



}

/*
#footer > div#footerinfo p.logo,
#footerinfo h2 {font-size: 32px; line-height: normal;font-weight: 700;color: white; display: block;
    padding-bottom: calc(1em - 0.1em); margin-bottom: 1em; border-bottom: 1px solid currentColor;
}
#footer > div#footerinfo p.logo { border-bottom-color: transparent;  padding-bottom: 0; }
#footer > div#footerinfo p.logo a {
    display: block; width: 100%;
    padding-bottom: calc(1em - 0.1em);
    background-position:left center; background-repeat: no-repeat; background-size: contain;

}
*/



#footer :not(.cta)>a { color: inherit;}
#footer .cta a:is(:hover,:focus-visible) { color: white;}
#footer .cta a:is(:hover,:focus-visible) { background-color:var(--yellow);}
#footer .cta a:focus-visible {box-shadow: 0 0 0 3px white;  }

/*
#footer a#backtotop:focus-visible span span,
#footer a:not(#backtotop):focus-visible {
    box-shadow: 0 0 0 1px white, 0 0 0 3px var(--orange);
    border-radius: 2px;
}
#footer a#backtotop:focus-visible span span { box-shadow: 0 0 0 1px var(--menu-blue), 0 0 0 3px var(--orange);  }

*/

#footer>div#footerinfo p:not(.logo) { font-size: 18px; line-height: 140%; }
#footer>div#footerinfo .wrapper > div:first-child .logo ~ p { font-size: 20px; line-height: 150%; }

#footer>div#footernav a:focus-visible{ box-shadow: 0 0 0 2px var(--blue-darker), 0 0 0 4px var(--yellow); }
#footer>div#footerinfo a:focus-visible{ box-shadow: 0 0 0 2px var(--blue-darkest), 0 0 0 4px var(--yellow); }

#footer>div#footernav{ background: var(--blue);   border: 1px solid transparent; /*padding-bottom: var(--wrapper-margin);*/ }

#footer>div#footerinfo { background-color: var(--blue-darker); padding:  calc(var(--gutter) * 2) 0;



}
@media all and (max-width: 1199.98px) {
    #footer > div#footerinfo {
        background-size: auto 96%;
    }

}



#footer>div#footerinfo .wrapper { display: flex; justify-content: space-between; flex-wrap: wrap }

#footer>div#footerinfo .wrapper>div {   width: calc(33.3333% - (var(--gutter) * 2 / 3));   }

#footer>div#footerinfo svg { width: 198px; min-width: 198px;
    height: 70px;  display: block }

/*#footer>div#footerinfo>.wrapper>div:first-child>p:first-child { margin: 0 0 1em; }
#footer>div#footerinfo>.wrapper>div:first-child>p:first-child>a { display:inline-block;}
#footer>div#footerinfo svg path { fill:white;  }*/

/*
#footer>div#footerinfo a {position: relative; display:inline-block;  transition: all .2s ease-in-out; }
#footer>div#footerinfo p.logo a:hover {
    opacity: 0.7;
}
*/

#footer>div#footerinfo p:not(.logo) a::before {
    content: '';
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    z-index: -1;
    transition: all .2s ease-in-out;
}
/*
#footer>div#footerinfo p:not(.logo) a:hover { color:var(--footer-2); }
#footer>div#footerinfo p:not(.logo) a:hover::before {
    background-color: rgba(255,255,255,1);
    bottom: 0;
    height: 100%;
}
*/

#footer>div#footerinfo p:not(.logo) a[href^="mailto:"]::before,
#footer>div#footerinfo p:not(.logo) a[href^="tel:"]::before { display: none !important; }

#footer>div#footerinfo p:not(.logo) a[href^="mailto:"],
#footer>div#footerinfo p:not(.logo) a[href^="tel:"] {
    display:inline-flex; align-content: center; align-items: center; margin-top:0.75em;
}
#footer>div#footerinfo p:not(.logo) a[href^="mailto:"]::after,
#footer>div#footerinfo p:not(.logo) a[href^="tel:"]::after { order: -1; transition: all .2s ease-in-out;
    font-family: "social"; font-size: 22px;
    display: flex; align-content: center; align-items: center; justify-content: center; min-width: 40px; margin-right: 0.75em; width: 40px; height: 40px; border-radius: 50%; border:2px solid white; content:"\E814";
}
#footer>div#footerinfo p:not(.logo) a[href^="tel:"]::after { content:"\E813"}


#footer>div#footerinfo p:not(.logo) a:is([href^="mailto:"],[href^="tel:"]):hover::after {
    background-color: rgba(255,255,255,1);color:var(--blue-darkest);

}


#footer>div#footerinfo p:not(.logo) a:is([href^="mailto:"],[href^="tel:"]) span {
    border-bottom: 1px solid white;

}






#bottom   {  background: var(--blue-darkest); color: white; overflow: hidden }
#bottom a { color: white; }
#bottom a:focus-visible {
    box-shadow: 0 0 0 3px var(--yellow);

}
#bottom button {
    color: inherit;
    background: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}


#bottom .wrapper {   padding-top:16px; padding-bottom:16px; }

#bottom ul { display: flex;  flex-wrap: wrap; margin: 0;    }


#bottom ul li,
#bottom p  { font-size: 14px; margin: 0.5em var(--gutter) 0.5em 0; }
#bottom p  {  margin: 0.5em 0.5em 0.5em 0;  white-space: nowrap; }


#bottom p#design  { /*width:100%; max-width:1800px;*/ font-size: 14px; margin-right: 0; margin-left: 0; margin-top: 1em; max-width: 9999px !important; width: 100%; }
#bottom p#design a { color: #A4A4A8; display: inline-block;  position: relative; background: none; transition: all 0.2s ease; }

#bottom p#design a::before {
    content: ''; background-color:transparent;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    z-index: -1;
    transition: all .15s ease-in-out;
}

#bottom p#design a:is(:hover,:focus-visible)::before {    bottom: 0; height: 100%; background: var(--yellow);  padding:4px 12px; border-radius: 300px;
    width: calc(100% + 24px); height: calc(100% + 8px); bottom: -4px; left: -12px;
}



#bottom p#design a:is(:hover,:focus-visible) {    color:black; /*font-size: 12px;*/  }


@media all and (max-width: 899.98px) {
     #bottom p#design  {   margin:1.5em 0 0 0;}

}



#footer #footernav  {   color: #FFF;     padding: var(--gutter) 0;}
#footer #footernav .cta { display: none !important;}

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

    #bottom .wrapper { display: flex; align-items: center;  flex-wrap: wrap;   }
    #bottom .wrapper div { display: flex; align-items: center;   margin-left: auto;   }
    #bottom ul+p { margin-left: auto;}

/*    #footer #footernav .wrapper > ul {
        column-count: 3;
        column-gap: var(--gutter);

    }


    #footer #footernav .wrapper > ul > li {
        break-inside: avoid-column;padding: 64px 0 0;
    }*/
    #footer #footernav ul{ display: flex; justify-content: space-between;}

}

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

/*    #footer #footernav .wrapper > ul {
        column-count: 4;

    }*/

    #footer>div#footerinfo .wrapper>div:nth-child(1){
        width:var(--grid-half);
    }
    #footer>div#footerinfo .wrapper>div:nth-child(2),
    #footer>div#footerinfo .wrapper>div:nth-child(3)
    { width:var(--grid-quarter);   }


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


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

   /* #bottom ul+p,#bottom p#design { margin-top: 1.5em; width: 100%; margin-left: 0}*/
}
@media all and (max-width: 1199.98px) {
    #footer>div#footerinfo .wrapper>div { width:calc(50% - 32px);  width:calc(50% - (var(--gutter) / 2));   }
    #footer>div#footerinfo .wrapper>div:first-child,
    #footer>div#footerinfo .wrapper>div:nth-child(2) { margin-bottom: 32px; }
    #footer>div#footerinfo .wrapper>div:nth-child(3) { width: 100%; }
}
@media all and (max-width: 899.98px) {

    #footer>div#footerinfo .wrapper>div { width:100%;   }
    #footer>div#footerinfo .wrapper>div:first-child { width: 100%;}
    #footer>div#footerinfo .wrapper>div:nth-child(2),
    #footer>div#footerinfo .wrapper>div:nth-child(3) { width:calc(50% - (var(--gutter) / 2));  }
    #footer>div#footerinfo .wrapper>div:first-child,
    #footer>div#footerinfo .wrapper>div:nth-child(2) { margin-bottom: 32px; }


/*    #footer #footernav .wrapper > ul {

        column-count: 2;

    }
    #footer #footernav .wrapper > ul > li {
        break-inside: avoid-column; padding: var(--wrapper-margin) 0 0;
    }*/

    /*#footer .wrapper { border-width: 40px;}*/


    #footer h3 { font-size: 18px; line-height: 25px; }
    #footer li,
    #footer p:not(.logo) {
        font-size: 14px;

    }
    #footer li{
        line-height: 17px;
    }
    #footer>div#footernav{  padding-bottom: 32px;     }


    #bottom ul li,
    #bottom p { width: calc(50% - 16px); margin-right: 32px;}
    #bottom p:nth-child(2n+2) { margin-right: 0; }
    #bottom ul li:nth-child(2n+2) { margin-right: 0; }
   /* #bottom ul+p { margin-top: 1.5em;}*/

    #bottom .wrapper div { width: 100%; }
}
@media all and (max-width: 599.98px) {

    #footer p {   max-width: 113em; }

    #footer #footernav .wrapper > ul {

        column-count:1;
    }
   /* #footer #footernav .wrapper > ul > li {
        padding: 32px 0 0;
    }*/



    #footer>div#footerinfo {  padding: 32px 0;}

    #footer>div#footerinfo .wrapper>div { width: 100%;}
    #footer>div#footerinfo .wrapper>div:first-child,
    #footer>div#footerinfo .wrapper>div:nth-child(2),
    #footer>div#footerinfo .wrapper>div:nth-child(3) { width: 100%;}

    #footer>div#footerinfo .wrapper>div:not(:last-child) { margin-bottom: 32px; }


    #bottom ul li { width: calc(50% - 16px); margin-right: 32px;}
    #bottom ul li:nth-child(2n+2) { margin-right: 0; }
}