/* 
    Document   : com_search
    Created on : 2018.01.10., 15:44:18
    Author     : peta@infoartnet.hu
*/

/*Header*/

div#header .part-search {
    
}

div#header .part-search h1.component-heading,
div#header .part-search h2.component-heading {
    display:block;
    width:21px;
    height:21px;
    background-image:url('../gfx/icon_search.png');
    background-repeat:no-repeat;
    background-position:0 0;
    cursor: pointer;
    text-indent:-9999px;
}

div#header .part-search .component-body {
    width: 281px;
    display: none;
    position: absolute;
    right: 0;
    top: 31px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
    z-index: 999;
}

div#header .part-search .component-body input[type=text] {
    border: none;
    display:block;
    width:100%;
    background-color:#ffffff;
    padding:10px 5px;
    font-family: 'Titillium', Arial, sans-serif;
    border-top:solid 1px var(--sec);
    border-left:solid 1px var(--sec);
    border-right:solid 1px var(--sec);
}

div#header .part-search .component-body input.submitbtn {
    display:block;
    margin-top:0;
    width:100%;
    border:none;
    background: #eb6e00;
    padding:5px;
    background-color:var(--sec);
    color:#ffffff;
    text-transform: uppercase;
    text-align:center;
    cursor:pointer;
    transition:0.3s;
}
div#header .part-search .component-body input.submitbtn:hover { background: #242943; }

/* Kereses eredmenyek */

#content .part-search .label-contents,
#content .part-search .label-products {
    float: left;
    margin-right: 5px;
}

#content .part-search .label-contents,
#content .part-search .label-products,
#content .part-search .result-count {
    font-size: 18px;
}

#content .result-content .num,
#content .result-content .introtext,
#content .result-content .search_date,
#content .pagination-filters { display: none; }

#content .pagination {
    display: block;
    margin-top: 20px;
}

#content .pagination .nextprev { float: left; }

#content .pagination strong, 
#content .pagination a {
    width: 30px;
    height: 30px;
    display: block;
    padding: 3px 0 0 0;
    text-align: center;
    margin-right: 5px;
    background: #ededed;
    border-radius: 100px;
    color: #383838;
}

#content .pagination strong, 
#content .pagination a:hover {
   background: #eb6e00;
   color: #FFF;
}

@media only screen and (max-width:664px) {
    div#header .part-search {
        position:relative;
        z-index:100;
    }
}