

#didyoumean .wrapper { display: flex; flex-wrap: wrap; color: white; align-items: center;}
#didyoumean .wrapper p:not(.cta){ font-size:16px; font-weight:700; line-height: 1.2; color: var(--black); margin-right: 16px;}
#didyoumean .wrapper p.cta a{
    border-color: var(--dark-purple);
    background-color: var(--dark-purple);
    color: #fff;
}

#didyoumean .wrapper p.cta a:is(:hover,:focus-visible){
    border-color: var(--dark-purple);
    background-color: var(--purple) !important;
    color: var(--black) !important;
}


@media all and (max-width: 374px) {
    #didyoumean .wrapper p:not(.cta) {  margin-bottom: 0.5em;}
}


/*
#listing_anchors_holder ul { display: flex; flex-wrap: wrap; width: calc(100% + 16px);
    position: relative; left: -8px;}

#listing_anchors_holder ul.cta li  { margin: 8px; }
#listing_anchors_holder ul.cta li a { background: transparent; color: white; border-color: white; border-width: 2px;}
#listing_anchors_holder ul.cta li a:is(:hover,:focus-visible) { background: white; color: var(--tc-black); }
#listing_anchors_holder ul.cta li a:is(:focus-visible) { box-shadow: 0 0 0 2px var(--menu-blue), 0 0 0 4px var(--orange); }
*/





body.search .pageheader { overflow:visible; z-index:50; position:relative; }
body.search .pageheader > .wrapper > :is(div,figure) { width:100%; }

 
 
 
 #searchpageform {
 
     font-family: inherit; margin-top: var(--gutter_big); 
    display: flex; justify-content: flex-end; align-items: center;
    position: relative; flex-wrap:wrap;
 
	
}

  

#searchpageform > div{
    background:white; width:100%;
    border: 1px solid var(--black); border-radius: 300px; padding:4px 8px 4px 24px;height: 64px;display:flex; align-items:center;
}
 
 
#searchpageform label::after{ content: attr(data-text); }
#searchpageform label {   white-space:nowrap;  width:100%;     font-weight: 600;
    margin-bottom: 1em;
    padding-left: 24px;
}
#searchpageform label,
#searchpageform div > input[type="text"] { font-size:var(--bodytext_size);  line-height:1;  font-family:inherit; }


 
 
 #searchpageform input
{font-size:17px; line-height:1;  font-family:inherit;}

#searchpageform input { height: 32px; line-height: 1; outline: none; background:none; padding: 0;
    border: none;

    font-weight: 600 !important; font-family: inherit;

}
#searchpageform input:focus-visible  {box-shadow: 0 0 0 2px white , 0 0 0 4px var(--orange); border-radius: 2px;}
 
 #searchpageform div > div { flex:1 ; }
#searchpageform input[type="text"] { width:100%;   padding:0 0 0; margin-right: 6px; background:white; margin-right: 6px;  }
 
#searchpageform input[type="submit"] {
    cursor: pointer; background-color: var(--bg-purple); border-radius: 50%;
    text-indent: -999px; width:36px; min-width:48px; height: 48px;
    background-size: 24px 24px; 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>');

}
#searchpageform input[type="submit"]:hover {
    opacity: 0.7;
	
	}

 