html, body {
    overflow-x: hidden;
}
.meta-hidden {
    display:none;
}

.w-main {
    max-width: 1500px;
    margin: 0 auto;
}

.w-header-social a {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.w-content-special-diets svg {
    width: 60px;
    height: 60px;
    margin:0 auto;
}

.w-diet-icon-group {
    display:inline-block;
    width:75px;
    float:left;
    text-align: center;
}

.w-ingredients-card ul {
    list-style: none;
    padding:0;
    margin:0;
}

.w-content-disclosure {
    font-size:14px;
}

span.w-breadcrumb__separator {
    padding: 0 .625em;
}

#w-header-img {
    background-position-x: center;
    background-repeat: no-repeat;
}

.w-diet-icon-group a {
    text-decoration:none;
}

.w-recipe-serving-cook-time-container {
    position: relative;
    left: 4px;
}

.w-diet-text {
    height: 3em;
}

.w-ingredients-content .w-primary-button, 
.w-ingredients-content a.w-primary-button {
    padding: .75rem 1.875rem;
    line-height: 1rem;
}

.w-ingredients-content div.w-ingredients-button {
    overflow: hidden;
}

.w-ingredients-content .w-ingredients-button a {
    padding-left: 30px;
    padding-right: 30px;
}

.w-ingredients-content .w-link-icon {
    padding: .5em 0 .8em .625rem;
}

.w-header-social a {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    padding-left:30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}


/* @1x Images (Pixel Ratio 1.0) */
#pinterest-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/pinterest2021q1._SY34_.png);}
#facebook-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/facebook2021q1._SY34_.png);}
#twitter-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/twitter2021q1._SY34_.png);}
#print {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/print2021q1._SY34_.png);}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #pinterest-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/pinterest2021q1._SY68_.png);}
    #facebook-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/facebook2021q1._SY68_.png);}
    #twitter-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/twitter2021q1._SY68_.png);}
    #print {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/print2021q1._SY68_.png);}
}

/* @3x Images (Pixel Ratio of 2.25+) */
@media only screen and (-o-min-device-pixel-ratio: 9/4),
       only screen and (-webkit-min-device-pixel-ratio: 2.25),
       only screen and (min-device-pixel-ratio: 2.25),
       only screen and (min-resolution: 2.25dppx) {
    #pinterest-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/pinterest2021q1.png);}
    #facebook-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/facebook2021q1.png);}
    #twitter-social {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/twitter2021q1.png);}
    #print {background-image:url(https://m.media-amazon.com/images/G/01/WholeFoodsMarket/social/print2021q1.png);}
}


@media (min-width: 1025px) {

    /* Recipe Header Element Ordering */
    .w-recipe-header > .w-header-social{ order: 1; }
    .w-recipe-header > .w-header-corner-tile { order: 2; }
    .w-recipe-header > #w-header-img { order: 3; }

    /* Content Area Ordering */
    .w-recipe-content > .w-content-ingredients { order: 1;}
    .w-recipe-content > .w-content-description { order: 2;}
    .w-recipe-content > .w-content-special-diets { order: 3;}
    .w-recipe-content > .w-content-method { order: 4;}
    .w-recipe-content > .w-content-info { order: 5;}
    .w-recipe-content > .w-content-disclosure { order: 6; }

    .w-recipe-header a { /* Temporary */
        width: 100%;
    }

    .w-recipe-content > .w-content-ingredients {
        grid-row-start: 1;
        grid-row-end: 10;
    }

    .w-header-corner-tile {
        z-index:2;
    }

    #w-header-img {
        z-index: 1;
    }

    .w-ingredients-card {
        position:relative;
        width:100%;
        z-index:2;
        padding-right: 1px;
        overflow:auto;
    }

    .w-header-social a {
         margin-bottom:20px;
     }

    .w-breadcrumbs--style, .w-header-title {
        padding-right: 12.5%;
    }

    .w-header-social a {
        margin-right:5px;
    }


}

@media (min-width: 768px) and (max-width: 1024px) {

    /* Recipe Header Element Ordering */
    .w-recipe-header > .w-header-corner-tile { order: 1; }
    .w-recipe-header > .w-header-social{ order: 2; }
    .w-recipe-header > #w-header-img { order: 3; }

    /* Content Area Ordering */
    .w-recipe-content > .w-content-description { order: 1;}
    .w-recipe-content > .w-content-special-diets { order: 2;}
    .w-recipe-content > .w-content-ingredients { order: 3;}
    .w-recipe-content > .w-content-method { order: 4;}
    .w-recipe-content > .w-content-info { order: 5;}
    .w-recipe-content > .w-content-disclosure { order: 6; }

    .w-img-none #w-header-img {
        display: none;
    }

    #w-header-img {
        background-size: 100% auto;
        background-position: center;
    }

    .w-recipe-header .w-header-social a {
        width: 34px;
        height: 34px;
        padding-left: 34px;
        background-size: 34px 34px;
  }

}

@media (min-width: 0) and (max-width: 767px) {

    /* Recipe Header Element Ordering */
    .w-recipe-header > .w-header-corner-tile { order: 1; }
    .w-recipe-header > .w-header-social{ order: 2; }
    .w-recipe-header > #w-header-img { order: 3; }

    /* Content Area Ordering */
    .w-recipe-content > .w-content-description { order: 1;}
    .w-recipe-content > .w-content-special-diets { order: 2;}
    .w-recipe-content > .w-content-ingredients { order: 3;}
    .w-recipe-content > .w-content-method { order: 4;}
    .w-recipe-content > .w-content-info { order: 5;}
    .w-recipe-content > .w-content-disclosure { order: 6; }

    .w-header-social a { /* Temporary */
        padding-right:7px;
    }

    .w-img-none #w-header-img {
        display: none;
    }

    #w-header-img {
        background-size: 110% auto;
        background-position: center;
    }
}

@media print {

    #w-ingredients-anchor, .w-ingredients-mobile {
        display:none;
    }

    .w-grid-start-lg-1, .w-grid-start-lg-2, .w-grid-start-lg-3,
    .w-grid-start-lg-4, .w-grid-start-lg-5, .w-grid-start-lg-6,
    .w-grid-start-lg-7, .w-grid-start-lg-8, .w-grid-start-lg-9 {
        grid-column-start: initial !important;
    }

    .w-grid-container {
        grid-template-columns: repeat(11, 1fr);
    }

    /* Hidden Elements (Primarily Header / Footer) */
    div#block-vuejsintegrationblock {
        display: none;
    }

    div#block-freerange-main-menu {
        display: none;
    }

    div#block-vuejsintegrationblock-header-search {
        display: none;
    }

    div#block-freerange-branding {
        right: 12%;
        position: absolute;
        width: 64px;
        height: 56px;
    }

    .w-breadcrumbs--style {
        display:none;
    }

    #w-header-img {
        display: none;
    }

    .w-header-social {
        display:none;
    }

    div#footer {
        display: none;
    }

    .w-ingredients-button {
        display: none;
    }

    /* General Layout Changes */
    .w-recipe-content > .w-content-description { order: 1;}
    .w-recipe-content > .w-content-special-diets { order: 2;}
    .w-recipe-content > .w-content-ingredients { order: 3;}
    .w-recipe-content > .w-content-method { order: 4;}
    .w-recipe-content > .w-content-info { order: 5;}
    .w-recipe-content > .w-content-disclosure { order: 6; }

    .w-grid-container.w-recipe-header {
        height: auto;
    }

    .w-ingredients-card-container {
        grid-column-start: 3 !important;
    }

    .w-content-method, .w-content-info, .w-content-disclosure {
        grid-column-end: span 6 !important;
        grid-column-start: 1 !important;
    }

    .w-content-ingredients {
        grid-column-end: span 5 !important;
        grid-column-start: 7 !important;
        grid-row-start: 3 !important;
        grid-row-end: 6 !important;
    }


    .w-content-description {
        grid-column-end: span 7 !important;
    }

    .w-method-content p:after {
        margin: 12px 0px;

    }

    .w-header-corner-tile {
        margin-top: 40px;
    }

    .w-header-corner-tile {
        min-height:auto;
    }

    .w-method-title, .w-diets-title {
        margin-top:15px;
    }

    .w-info-title{
        margin-top:20px;
    }

    .w-content-disclosure {
        margin-top:10px;
    }

    .w-ingredients-content, .w-content-description {
        margin-top: 0px;
    }

    .w-content-special-diets {
        margin-top: 0;
        margin-bottom: 0;
    }

    .w-diet-icon-group {
        width: 45px;
        padding-right: 10px;
    }

    .w-ingredients-card li {
        margin-top:10px;
    }

    .w-ingredients-title {
        margin-top: 14px;
    }

    .w-method-content {
        margin-top: 10px;
    }

    /* General Styles, and Fonts */

    .w-recipe-container {
        background-color: white;
    }

    .w-header-servings, .w-header-cook-time {
        font-size: 10px;
        line-height: 2.4;
        margin-bottom: 15px;
        margin-top: 15px;
        min-width: 15%;
    }


    .w-legacy-header .header__block--logo .logo__img {
        width: 64px;
        height: 56px;
        margin-top: -0.55em;
    }

    .w-content-special-diets svg {
        width: 30px;
        height: 30px;
    }

    .w-header-title {
        font-size: 28px;
        line-height:1.25;
    }

    .w-ingredients-title, .w-method-title{
        font-size:12px;
        line-height:3.6;
    }

    .w-diets-title {
        font-size:12px;
        line-height:2.4;
    }

    .w-ingredients-title,  .w-ingredients-content, .w-method-title, .w-method-content{
        font-size:12px;
        line-height:1.6;
    }

    .w-content-ingredients {
        line-height:1.5;
    }

    .w-info-content, .w-content-disclosure {
        font-size: 10px;
        line-height: 1.5;
    }

    .w-content-description {
        font-size:12px;
        line-height:1.6;
    }

    .w-diet-text {
        font-size: 10px;
        line-height:1.25;
    }

    .w-info-title {
        font-size: 10px;
        line-height: 3;
    }

    .w-method-content p:after {
        border-bottom: 1px solid #757575;
        background-color:white;
    }


}