/*
	* CSS for Shop Page
	*
	* @package      sallysbakingrecipes
	* @author       Lindsay Humes
	* @since        1.0.0
	* @license      GPL-2.0+
*/

/*--------------------------------------------------------------
# Page Layout
--------------------------------------------------------------*/
.shop-header {
    padding: 20px 0;
    background: #fef6f7;
}
.shop-header .archive-description {
    margin: 0;
}
.index-wrap .archive-content {
    margin: 15px 0 50px;
    width: 100%;
}
/*--------------------------------------------------------------
# Filter
--------------------------------------------------------------*/
.filter.flexbox {
    margin: 0;
}
ul.shop-filter {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}

ul.shop-filter li {
    display: block;
    margin: 10px 15px 15px 0;
}

ul.shop-filter label {
    display: flex;
    align-content: center;
}

ul.shop-filter input[type="checkbox"] {
    margin-top: 2px;
}
p.no-shop-results {
    font-size: 20px;
    font-weight: 700;
    color: #C3366F;
    margin: 0 0 50px;
}
/*--------------------------------------------------------------
Mobile
--------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    .filter.flexbox {
        margin: 10px 0 0;
    }
    ul.shop-filter li {
        width: calc(1 / 3 * 100% - 10px);
        margin: 10px 0 ;
    }
}

@media screen and (max-width: 450px) {
    ul.shop-filter li {
        width: calc(1 / 2 * 100% - 10px);
    }
}