#secondary { display: flex; flex-direction: column;  justify-content: center;   }
#secondary ul { display: flex; align-items: center;  }

#secondary ul li { margin-left: var(--gutter); }


/*
body.searchshown #secondary ul li:not(.search),
*/
body.searchshown #secondary ul li
{ pointer-events: none;
    opacity: 0;
    visibility:hidden; }

 #secondary ul li.cta a { margin-top: 0; }

a#closesearch,
a#showsearch {    min-width: 64px;  display: block; border: 2px solid var(--light-purple); background-color:rgba(167,141,252,0.3); background: linear-gradient(0deg, rgba(167, 141, 252, 0.30) 0%, rgba(167, 141, 252, 0.30) 100%), #FFF;

    border-radius: 50%; padding: 14px;}
a#closesearch:hover,
a#showsearch:hover { border-color: var(--dark-purple); background:var(--dark-purple); }

a#closesearch::before,
a#showsearch::before { display: block;width: 32px; height: 32px; content:"";

    background-size: 34px 34px; background-repeat: no-repeat; background-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve"><path fill="%23110E19" d="M26.4,24.1l6.9,6.9L31,33.3l-6.9-6.9c-2.5,2-5.7,3.2-9,3.2c-7.9,0-14.4-6.5-14.4-14.4S7.2,0.7,15.1,0.7 s14.4,6.5,14.4,14.4C29.6,18.4,28.4,21.6,26.4,24.1z M23.2,22.9c2-2.1,3.2-4.9,3.2-7.8c0-6.2-5-11.2-11.2-11.2S3.9,9,3.9,15.1 s5,11.2,11.2,11.2c2.9,0,5.7-1.1,7.8-3.2L23.2,22.9z"/></svg>');


}
a#closesearch:hover::before,
a#showsearch:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve"><path fill="%23FFFFFF" d="M26.4,24.1l6.9,6.9L31,33.3l-6.9-6.9c-2.5,2-5.7,3.2-9,3.2c-7.9,0-14.4-6.5-14.4-14.4S7.2,0.7,15.1,0.7 s14.4,6.5,14.4,14.4C29.6,18.4,28.4,21.6,26.4,24.1z M23.2,22.9c2-2.1,3.2-4.9,3.2-7.8c0-6.2-5-11.2-11.2-11.2S3.9,9,3.9,15.1 s5,11.2,11.2,11.2c2.9,0,5.7-1.1,7.8-3.2L23.2,22.9z"/></svg>');
}

a#closesearch::before,
body.searchshown a#showsearch::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path class="st0" d="M10.4,12l-9.6,9.6l1.6,1.6l9.6-9.6l9.6,9.6l1.6-1.6L13.6,12l9.6-9.6l-1.6-1.6L12,10.4L2.4,0.8L0.8,2.4 L10.4,12z"/></svg>');
}
a#closesearch:hover::before,
body.searchshown a#showsearch:hover::before { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path fill="%23FFFFFF" d="M10.4,12l-9.6,9.6l1.6,1.6l9.6-9.6l9.6,9.6l1.6-1.6L13.6,12l9.6-9.6l-1.6-1.6L12,10.4L2.4,0.8L0.8,2.4 L10.4,12z"/></svg>'); }


.hamburger:focus-visible,
a#closesearch:focus-visible,
a#showsearch:focus-visible {  box-shadow: 0 0 0 3px white, 0 0 0 5px var(--orange);   }

body.hashero .hamburger:focus-visible,
body.hashero a#closesearch:focus-visible,
body.hashero a#showsearch:focus-visible {  box-shadow: 0 0 0 2px var(--dark-purple), 0 0 0 4px white;   }

body.navshown .hamburger:focus-visible  {  box-shadow: 0 0 0 3px var(--hero-blue), 0 0 0 5px var(--orange);   }
/*
body.navshown .hamburger:focus-visible,
#showmenu {display: none; }

*/
#menuholder .hamburger,
#showmenu {display: none; }

/*@media all and (max-width: 899px) {*/

@media all and (max-width: 1023px) {
    body.navshown a#showsearch:focus-visible {  box-shadow: 0 0 0 3px var(--black2), 0 0 0 5px var(--orange);   }


    #menuholder .hamburger { display: block; }

    #secondary ul li.cta { display: none !important;}

    a#closesearch, a#showsearch { width: 48px !important; min-width: 48px !important; height: 48px !important; /*padding: 0 !important;*/
        position: relative; }

    .hamburger::before,
    a#closesearch::before,
    a#showsearch::before { width: 24px; height: 24px; background-size: contain;
        position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); }

    #showmenu { display: block}
    .hamburger {
        display: block; cursor: pointer;
        border: 2px solid var(--black); border-radius: 8px;
        height: 46px; width: 50px;
        position: relative;
        background: none; outline: none;

    }
    .hamburger::before {
        display: block;
        width: 24px;
        height: 24px;
        content: "";

        background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path class="st0" d="M0,2h24v3.2H0V2z M0,10.5h24v3.2H0V10.5z M0,18.8h24V22H0V18.8z"/></svg>');
    }

    body.hashero:not(.scrolled) .hamburger{ border-color: white; }
    body.hashero:not(.scrolled) .hamburger::before { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path fill="white" d="M0,2h24v3.2H0V2z M0,10.5h24v3.2H0V10.5z M0,18.8h24V22H0V18.8z"/></svg>'); }



    body.navshown #secondary .hamburger {
        border: 2px solid white;
    }
/**/    body.navshown #secondary .hamburger::before {
        background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path fill="%23FFFFFF" d="M10.4,12l-9.6,9.6l1.6,1.6l9.6-9.6l9.6,9.6l1.6-1.6L13.6,12l9.6-9.6l-1.6-1.6L12,10.4L2.4,0.8L0.8,2.4 L10.4,12z"/></svg>');
    }

    body.navshown a#showsearch {
       /* border: 2px solid transparent;*/
    }
 /*   body.navshown a#showsearch::before {
        background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path fill="%23FFFFFF" d="M14,0.1c-5.5,0-9.9,4.5-9.9,9.9c0,2.4,0.8,4.6,2.2,6.3l-6.3,6.3l1.4,1.4l6.3-6.3c1.7,1.4,3.9,2.2,6.3,2.2 c5.5,0,9.9-4.5,9.9-9.9C23.9,4.5,19.5,0.1,14,0.1z M14,16.9c-3.8,0-6.9-3.1-6.9-6.9s3.1-6.9,6.9-6.9c3.8,0,6.9,3.1,6.9,6.9 S17.8,16.9,14,16.9z"/></svg>');
    }*/

}

@media all and (max-width:599px) {
    #secondary ul li { margin-left:16px;}
}
@media all and (max-width:399px) {
    #secondary ul li { margin-left:12px;}
}
@media all and (max-width: 369px) {
    #secondary ul li { margin-left:16px;}
}