/**
 * Mshops Search Results
 * @authors: dcalderon
 * @description: Styles for search results
 */


/* Base
---------------------------------------------------------------*/
/**
 * Prefix `#searchresults` to all rules in order to encapsulate the style
 */
#searchresults {
    color: #333;
    /*background: #fff;*/
}

/* Search results
---------------------------------------------------------------*/
#searchresults .ms-search-result_item {
    position: relative;
}
    /* Title in list view*/
    .ms-search-result_item-desc,
    h2.ms-search-result_item-desc {
		position: relative;
        max-height: 98px;
        /*overflow: hidden;*/
        padding-top: 0;
        -webkit-line-clamp: 2;
        /* Reset header's styles */
        margin: 0;
        padding: 0;
        font-family: Roboto ;
        font-size: 16px;
        text-transform: capitalize;
        border: 0;
    }

    #searchresults ol li .search-result_container {
        padding-right: 175px;
    }

    #searchresults ol li.gal-li .search-result_container {
        padding-right: 0px;
    }

    #searchresults .discount-price,
    #searchresults .discount-price + dl,
    #searchresults .discount-price + dl + div {
        line-height: 1em;
    }

    #searchresults ol li .search-result_container .search-result_image a.link-img.list-img img{
        width: 100px;
        min-width: 100px;
        height: auto;
        border: solid 1px #eee;
        padding: 5px;
    }

    #searchresults ol li.gal-li{
        float: left;
        width: calc(100% / 4);
        min-width: 180px;
        padding: 10px;
        border: none;
        height: 310px;
    }

    #searchresults .gal-li ins.ms-price {
        display: inline;
        margin-left: 5px;
    }

    #searchresults .gal-li .ms-layer__promo {
        position: absolute;
        top: 20px;
        left: 20px;
        margin: 0;
    }

    #searchresults .gal-li .ms-layer__promo + span.ms-layer__promo.ms-promo-envio {
        top: 50px;
        margin: 0;
    }

    #searchresults .gal-li .ms-layer__promo:before {
        display: none;
    }

    /*#searchresults ol li.gal-li span.price-item.ms-price{
        float: left;
    }*/

    /*#searchresults ol li.gal-li span.ms-layer__promo.ms-promo-envio{
        position: absolute;
        top: 200px;
        left: 85px;
    }*/

    #searchresults ol li .search-result_container .search-result_image a.link-img.gal-img img{
        display: block;
        width: 160px;
        min-width: 128px;
        height: auto;
        margin: 0 auto;
    }

    #searchresults ol li .search-result_container .search-result_image.gal-result-img {
        float:none;
        border: solid 1px #173a56;
        padding: 5px;
    }

    #searchresults .ms-search-result_item-price{
        position: absolute;
        top: 10px;
        right: 20px;
        text-align: right;
        overflow: hidden;
    }

    #searchresults .ms-search-result_item-price,
    #searchresults .ms-search-result_item-price .ms-price {
        font-size: 18px;
    }

    #searchresults .ms-search-result_item-no-stock {
        display: block;
        font-size: 14px;
        color: #900;
    }

    /* Promo mesages */
    #searchresults .ms-layer__promo {
        margin-top: 10px;
    }

    #searchresults .ms-layer__promo + .ms-layer__promo {
        margin-left: 10px;
    }

    .clean{
        clear:both;
    }

.page_heading h1 {
    display: inline;
    font-weight: bold;
    border: 0;
}

#pagination {
	display: inline-block;
	float: none;
}

#searchresults #pagination .pagination_prev-text,
#searchresults #pagination .pagination_next-text {
    display: inline;
    float: none;
}

#searchresults #pagination .pagination_prev-text {
    margin-left: 5px;
}
#searchresults #pagination .pagination_next-text {
    margin-right: 5px;
}

.sort-and-view-xs{display:none;}
.sort-and-view-normal{display:block;}

.sort-mobile{
	float: right;
}
.button-sort-mobile{background: transparent; font: 100 14px/1em Roboto ;color: #000 !important;color:#000 !important;padding: 0 0 0 12px;text-transform: capitalize;}
.button-sort-mobile:hover{background-color: transparent !important;}
.button-sort-mobile:focus{background-color: transparent !important;}
.view-mobile{float: right;}
.view-mobile dl.component.viewMode{margin: 0;}

@media all and (max-width: 620px) and (min-width: 480px){
    #searchresults ol li.gal-li{
        width: 50%;
    }

	h2.ms-search-result_item-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

}
@media all and (max-width: 1000px) and (min-width: 620px) {
    #searchresults ol li.gal-li{
        width:  33% ;
    }
}

@media all and (max-width: 480px) {
	h2.ms-search-result_item-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#pagination {
		display: block;
	}

    #searchresults ol li .search-result_container {
        padding-right: 0px !important;
    }

	. view-mobile {
		float: left;
	}

    #searchresults .ms-search-result_item-price{
        width: 96px;
		position: relative;
		top: none;
		right: none;
		left: 5px;
		text-align: left;
    }

    .last-ones.search {
        line-height:1em
    }
    #searchresults ol li.gal-li{
        width: 50%;
        min-width:142px;
        padding: 0;
    }

    #searchresults #pagination .pagination_prev-text,
    #searchresults #pagination .pagination_next-text {
        display: none;
    }
    .sort-and-view-xs{display:block;}
    .sort-and-view-normal{display:none;}
    #searchresults ol li .search-result_container .search-result_image.gal-result-img{padding: 0;}
}

dl.component.orderList {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}
    dl.component.orderList dt,  dl.component.orderList dd {
        border-left: 1px solid #CECECE;
        float: left;
        margin-left: 10px;
        padding-left: 10px;
    }
    dl.component.orderList dt, .component.orderList dd.first{
        border: none;
    }

/*View Mode*/
.component.viewMode #lnk-gallery.selected-link, .component.viewMode #lnk-gallery:hover {
    background: transparent url("../../../../../../../static/images/themes/smoked/sprite.png") -36px -57px no-repeat;
    display: inline-block;
    width: 18px;
    text-indent: -9999px;
    cursor:pointer;
}
.component.viewMode #lnk-list {
    background: transparent url("../../../../../../../static/images/themes/smoked/sprite.png") -18px -57px no-repeat;
    display: inline-block;
    width: 18px;
    text-indent: -9999px;
    cursor:pointer;
}
.component.viewMode #lnk-gallery{
    background: transparent url("../../../../../../../static/images/themes/smoked/sprite.png") -54px -57px no-repeat;
    display: inline-block;
    width: 18px;
    text-indent: -9999px;
    cursor:pointer;
}
.component.viewMode #lnk-list.selected-link, .component.viewMode #lnk-list:hover {
    background: transparent url("../../../../../../../static/images/themes/smoked/sprite.png") 0px -57px no-repeat;
    display: inline-block;
    width: 18px;
    text-indent: -9999px;
    cursor:pointer;
}
dl.component.viewMode dt {
	font: 100 14px/1em Roboto;
}

dl.component.viewMode dt, dl.component.viewMode dd {
    display: inline-block;
    padding-left: 8px;
}
dl.component.viewMode {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}

/* Installments info */
#searchresults .ms-payment-methods-price {
    color: #777;
    font-size: 13px;
    white-space: nowrap;
}
    #searchresults .ms-payment-methods-price .money {
        line-height: 2.3em;
        font-size: 13px;
    }

    #searchresults .ms-payment-methods-price .fa-credit-card {
        color: #2B8400;
		margin: 8px 3px 0 0;
    }

    #searchresults .ms-search-results__gallery-view .ms-payment-methods-price strong {
        line-height: 2em;
    }

.search-results .priceInfo {
    height: 21px;
    margin-top: -3px;
}

#searchresults .alert-error {
        width: 100%;
    float: left;
    padding: 0;
}

/* ************************************* < 340px ************************************* */

@media (max-width: 410px) {
	#searchresults .ms-search-result_item-price {
	    position: relative;
	    top: 0px;
	    right: 0px;
	    text-align: left;
	    overflow: hidden;
	}

}

.sort-mobile form ul {list-style: none;min-width: 119px;left:-30px;padding:11px;}
.sort-mobile form ul li a{padding:0;}