body.search h2 { font-size:28px; margin-bottom:1em; }

#koha_results { font-size:12px; line-height:1.4; }
#koha_results .cards {  margin-top: calc(var(--gutter) / 2); }
#koha_results div.card p{ font-size:16px; line-height:1.4; }
#koha_results div.card p::after { font-size:0.666em; top:calc(-0.6666em + 1px); margin-left:1px; }
#koha_results div.card span:is(.available,.CallNumberAndLabel,.results_summary) { display: block !important;/* */ }
#koha_results p.cta { text-align:center; margin-left:auto; margin-right:auto; } 

#searchresultswrapper {  background:var(--bg-purple); }
#pageheader+#searchresultswrapper {padding-top: 8px !important   }


  #listing_anchors_holder {  color:var(--black); margin-bottom: var(--gutter); }
  #listing_anchors_holder li a { background:white; margin:0; }
  #listing_anchors_holder li a.current { background:var(--dark-purple); color: white; border-color:var(--dark-purple);  }

  #listing_anchors.smaller { display: flex; flex-wrap: wrap;}
  #listing_anchors.smaller li { margin-right: 8px;}
  #listing_anchors.smaller li a {  padding-left: 1em; padding-right: 1em;  }

#searchresults { position: relative }
#searchresults.contained {

    max-height: 366vh;

    overflow: hidden
}
#searchresults button#showmore::before { content:"";z-index:9;
    display:block; height:150%; width:100%;  position:absolute; bottom:0; left:0;  background-size:cover;
    background: linear-gradient(180deg, rgba(233,230,242,0) 0%, rgba(233,230,242,1) 66%, rgba(233,230,242,1) 100%);

}

@media all and (min-width: 900px) {
	#searchresults { flex:1; }
	#searchresultswrapper > .wrapper { display:flex; }
	#listing_anchors_holder { position:sticky; align-self:flex-start; top:0; 
	width:calc(33.333% - (var(--gutter) / 2)); margin-right:var(--gutter);
	}
}
@media all and (min-width: 900px) and (max-width: 1023px) {
    #listing_anchors.smaller li a { font-size: 14px; }
}
@media all and (max-width: 1023px) {
	#listing_anchors_holder { top:calc(16px + var(--masthead-height)); }
}
@media all and (max-width: 899px) {
 
	body.search h2 { font-size:24px; }

 	#listing_anchors_holder ul { position:relative; display:flex; flex-wrap:wrap; width:calc(100% + 16px); right:8px; }
 	#listing_anchors_holder li { margin:4px 4px; }
 	#listing_anchors_holder ul.cta a { margin:0; }
}

#searchresults ul.results { margin-bottom:var(--gutter); }
#searchresults ul.results li {
    list-style: none;
 
	    margin: 0 0 var(--gutter) 0;

    font-size: var(--bodytext_size);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;

    display: flex;
}
#searchresults ul.results li strong {
    font-weight:700;
}


#searchresults ul.results li:last-child{
    margin-bottom: 0;
}



#searchresults ul.results li a {
     width:100%;
    display: flex;  align-items: center; 


    border: 1px solid var(--light-purple);
    background: #FFF;

    border-radius: 8px;
    transition: background-color 0.2s ease;
    color: var(--black);

    box-shadow: 0px 8px 16px 0px rgba(167, 141, 252, 0.20);
	
	
	padding:calc(48px - 8px);
}




#searchresults ul.results li a picture{
    display: block;
    position: relative; width: 168px; min-width: 168px; height:168px; overflow:hidden;  margin-right:var(--gutter); 
}
#searchresults ul.results li a div{display: flex; width:100%; }
#searchresults ul.results li a div div{

    display: flex; flex-direction:column;  flex: 1;
}
#searchresults ul.results li a div p { 
font-size:var(--bodytext_size);  line-height:1.4;
 
	margin:4px 0;
} 
#searchresults ul.results li a div p:first-child { 
font-size:24px; 
} 
#searchresults ul.results li a div p.parent { 
font-size:16px;  order:-1;
}


#searchresults ul.results li a div.hasext::after {
    content: attr(data-ext); border-radius: 8px;
    color: white; text-transform: uppercase;
    background:var(--red);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    align-self: center;
    line-height: 2.33333em; margin-left:12px;
    height: 2.33333em;
    min-width: 1.666666666666667em; width:auto;
    text-align: center;
    padding: 0 0.2222em; display:inline-block;   margin-top:12px;
}




#searchresults ul.results li a:focus-visible {  box-shadow: 0 0 0 3px white, 0 0 0 5px var(--orange);   }

#searchresults ul.results li a:focus-visible,
#searchresults ul.results li a:hover {
    background:  rgba(63, 95, 222, 0.10);

}
/*#searchresults ul.results li a:focus-visible::after,
#searchresults ul.results li a:hover::after {
    background:var(--hero-blue);
}*/

@media all and (max-width: 1199px) {
	
#searchresults ul.results li a { padding:calc(32px - 8px); }


    #searchresults ul.results li a picture {
        width: 128px;
        min-width: 128px;
        height: 128px;

    }
}

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

	#searchresults ul.results li a { padding:24px; }

    #searchresults ul.results li a picture {
        width: 96px;
        min-width: 96px;
        height: 96px;
        margin-right: 24px;
    }

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

	#searchresults ul.results li a { padding:16px; }

    #searchresults ul.results li a picture { display: none;
        width: 64px;
        min-width: 64px;
        height: 64px;
        margin-right: 16px;
    }


    #searchresults ul.results li a div p ,
    #searchresults ul.results li a div p.parent {
        font-size:14px;
        margin:4px 0;
    }
    #searchresults ul.results li a div p:first-child {
        font-size:var(--bodytext_size);
    }


}