/*
Extended utilities
--------------------------------------------------------*/
.w-1 {width: 1%;}
.w-2 {width: 2%;}
.w-3 {width: 3%;}
.w-4 {width: 4%;}
.w-5 {width: 5%;}
.w-10 {width: 10%;}
.w-20 {width: 20%;}

/* SHOPPING LIST 
--------------------------------------------------------*/
.product_purchased {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

/* LAYOUTS com_pantry.content.header
--------------------------------------------------------*/
.item-background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
}

.item-background-image a, 
.item-background-image a:link,
.item-background-image a:active,
.item-background-image a:hover {
    color: #fff;
}

/* MEALS
--------------------------------------------------------*/
.meal-item {
    font-weight: 100 !important;
    padding: 5px;
    border-bottom: 1px #ddd solid;
}

.meal-item h2 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 200 !important;
}
body.com_pantry.view-mealtype main,
body.com_pantry.view-cuisine main,
body.com_pantry.view-recipe main {
    margin-top:0px !important;
}

/* RECIPES 
--------------------------------------------------------*/



/* FULL WIDTH VIEWS 
--------------------------------------------------------*/

body.com_pantry.view-recipe .container-component,
body.com_pantry.view-recipes .container-component,
body.com_pantry.view-recipeform .container-component,
body.com_pantry.view-cuisine .container-component,
body.com_pantry.view-cuisines .container-component,
body.com_pantry.view-mealtype .container-component,
body.com_pantry.view-mealtypes .container-component,
body.com_pantry.view-listsitems .container-component {
    grid-column-start: full-start;
    grid-column-end: full-end;
}

body.com_pantry.view-recipe .container-component .pagetitle,
body.com_pantry.view-recipes .container-component .pagetitle,
body.com_pantry.view-recipeform .container-component .pagetitle,
body.com_pantry.view-cuisine .container-component .pagetitle,
body.com_pantry.view-cuisines .container-component .pagetitle,
body.com_pantry.view-mealtype .container-component .pagetitle,
body.com_pantry.view-mealtypes .container-component .pagetitle,
body.com_pantry.view-listsitems .container-component .pagetitle,
body.com_pantry.view-recipe .container-component .js-stools,
body.com_pantry.view-recipes .container-component .js-stools,
body.com_pantry.view-recipeform .container-component .js-stools,
body.com_pantry.view-cuisine .container-component .js-stools,
body.com_pantry.view-cuisines .container-component .js-stools,
body.com_pantry.view-mealtype .container-component .js-stools,
body.com_pantry.view-mealtypes .container-component .js-stools,
body.com_pantry.view-listsitems .container-component .js-stools {
    margin-left: 15px; 
    margin-right: 15px;
}