/*clear with 
https://xe.test.planetecosystems.com/generate-styles/clearcss?styles%5B0%5D=%2Fcss%2Fviews3.0%2Fproducts%2Ffjord_list1.css&opCoId=0
 */
/* 

Generated on Sat, 02 Aug 2025 09:53:15 -0500

- /css/views3.0/products/fjord_list1.css

*/

@import "/css/bootstrap_4/grid.min.css";
@import "/fonts/smeco/style.css";
.banner-category-name{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 32px;
    color: #FFFFFF;
}
.banner-category-content .banner-category-name::after{
    width: 105px;
    border-top: 5px solid #E4002B;
}
.filters-area .results-text{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 24px;
    color: #333333;
}
.filters-area .filters-buttons-row .new-btn{
    border: 1px solid #E4002B;
    color: #E4002B !important;
    font-size: 24px;
    text-transform: uppercase;
}
.list-label{
    font-size: 14px;
    color: #333333;
}
.filters-area .view-switcher li.selected::before {
    color: #E4002B !important;
}
.filters-area .view-switcher li::before{
    color: #666666 !important;
}
.filters-area .flat-sort-select-wrapper {
    background-color: #ffffff;
}
.flat-list-page .product-item-img-wrapper {
    padding: 0;
}
.content-wrapper a {
     color: white;
     text-decoration: none;
 }
.product-item-img-wrapper {
    max-width: 297px;
    max-height: 276px;
    padding: 10px;
    margin: 0 auto 25px;
    position: relative;
    width: 100%;
    height: 100%;
}
.product-item .item-inner-wrapper {
    padding-top: 20px;
}
.product-item {
    position: relative;
}
.container-fluid .product-item-img-wrapper>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    max-width: 297px;
    max-height: 276px;
}
.container-fluid .product-item-img-wrapper>img {
     height: 276px;
 }
.product-item-brand {
    font-size: 18px;
    text-align: center;
    color: #666666;
    font-family: Open Sans;
}
.product-item-title {
    color: #211651;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
}
.product-item-price-wrapper {
    text-align: center;
    margin-top: 4px;
}
.product-item-regular-price {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 24px;
    text-align: center;
    color: #666666;
}
.product-item-title-wrapper{
    font-family: Montserrat;
    font-weight: 500;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    color: #015E9F!important;

}
.load-more-pagination .viewed-results{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 18px;
    color: #666666;
}
.load-more-pagination .pagination-progress-bar-filled{
    background: #E4002B;
}
.load-more-pagination .load-more-wrapper .load-more-btn{
    height: 54px;
    width: 280px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 32px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    line-height: 54px;
}
.load-more-pagination .load-more-wrapper .load-more-btn{
    color: #333333;
}
.compare-title-section .compare-list-title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 20px;
    color: #333333;
}
.compare-list-wrapper #compare-list .compare-title-section .products-compare-list{
    background: #E4002B!important;
    border-radius: 8px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 20px!important;
    color: #FFFFFF;
}
#compare-list .compare-title-section .new-btn{
    background: #FFFFFF;
    border: 1px solid #666666;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 20px;
    text-align: center;
    color: #666666;
}
#compare-list .compare-title-section{
    padding-top: 20px;
    padding-bottom: 30px;
}
#footer #footer-main .inner-wrapper{
    width: 1006px;
}