#h1SiteSearch
{
    text-align:center;
}
.divSearchToolWrp {
}
#divSearchToolInnerWrp 
{
    display: none;
}
.divSearchToolWrp div 
{
    float: right;
    color: #FFFFFF;
    margin-top:8px;
}
#txbSiteSearch 
{
}
#btnSiteSearch 
{
    width:28px;
    height:28px;
    background: #FFFFFF;
    color:#000000;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
}
#btnSiteSearch i 
{
    color: #000000;
}
.formSiteSearch 
{
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}
#divResultCountWrp 
{
    text-align:center;
}
.divSearchResultsWrp {
    padding: 20px;
}
.divSearchResultsWrp h2 
{
    padding-left:0px;
}
.ulSearchResults 
{  
    list-style-type: none;   
}
.ulSearchResults li 
{
    padding: 8px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin-bottom:1em;
}

.divSearchItemIntro 
{
    width: 100%;
    height: 75px;
    padding: 1em;
    margin-bottom:1em;
    overflow: hidden;
    position: relative;
}
.divSearchItemIntro :after 
{
    width: 100%;
    height: 6em;
    content: "";
    background-image: linear-gradient(to bottom, rgba(239,239,239, 0), rgba(239,239,239, 1) 90%);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
@media (max-width: 768px) 
{
    .divSearchToolWrp
    {
        position:fixed;
        right:0;
    }
    #txbSiteSearch 
    {
        width:100px;
    }
    
}
@media (max-width: 320px) 
{
    #btnSiteSearch 
    {
        width: 21px;
        height: 21px;
    }
}