@font-face {
    font-family: "HelveticaNeueW01-75Bold";
    src: url("//assets.macysassets.com/dyn_img/fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"),
         url("//assets.macysassets.com/dyn_img/fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff");
}
@font-face {
    font-family: "HelveticaNeueW01-65Medi";
    src: url("//assets.macysassets.com/dyn_img/fonts/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2") format("woff2"),
         url("//assets.macysassets.com/dyn_img/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff");
}
@font-face {
    font-family: "HelveticaNeueW01-55Roma";
    src: url("//assets.macysassets.com/dyn_img/fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"),
         url("//assets.macysassets.com/dyn_img/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff");
}
@font-face {
    font-family: "HelveticaNeueW01-45Ligh";
    src: url("//assets.macysassets.com/dyn_img/fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"),
         url("//assets.macysassets.com/dyn_img/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff");
}
@font-face{
    font-family:"HelveticaNeueW01-Thin";
    src: url("//assets.macysassets.com/dyn_img/fonts/aff68211-86bb-476d-882e-f7a3face144c.woff2") format("woff2"),
         url("//assets.macysassets.com/dyn_img/fonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff");
    }
    
.ceg-content {
    padding-top: 10px;
    margin-bottom: 43px;
}
.ceg-content a {
    text-transform: none;
}
.ceg-content p, .ceg-content ol {
    font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 15px;
    padding: 0;
}
.ceg-content p strong {
    font-family: "HelveticaNeueW01-65Medi", Arial, sans-serif;
}
p strong.ceg-18 {
    font-size: 18px;
}
p.ceg-16,
.ceg-16 {
    font-size: 16px !important;
}
.ceg-content ol {
    padding-left: 20px;
    margin-bottom: 10px;
}

.ceg-content h1,
.ceg-content h2 {
    margin: 0;
    padding: 7px 0;
    font-family: "HelveticaNeueW01-65Medi", Arial, sans-serif;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: .6px;
    text-transform: uppercase;
    text-align: center;
}
.ceg-content h4 {
    margin: 0;
    padding: 0;
    font-family: "HelveticaNeueW01-65Medi", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.4;
}

.ceg-content .panel {
    border: 0;
    padding: 20px;
    margin-bottom: 30px;
    background: #f7f7f7;
}
.ceg-content .panel p {
    font-size: 16px;
}

.ceg-content .no-bullet a {
    font-size: 18px;
    text-decoration: underline;
}

p.ceg-small-text,
.ceg-small-text.no-bullet a{
    font-size: 16px;
}


/* BREADCRUMBS */
.ceg-breadcrumbs {
    font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    padding-top: 18px;
}
.ceg-breadcrumbs a {
    text-decoration: none;
}
.ceg-breadcrumbs strong,
.ceg-101 .ceg-crumb-root {
    font-family: "HelveticaNeueW01-65Medi", Arial, sans-serif;
    font-weight: bold;
}
.ceg-101 .ceg-breadcrumbs span{
    display: none;
}

/* SHARE */
ul.ceg-share-icons {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}
ul.ceg-share-icons>li {
    width: 38px;
    height: 38px;
    margin-left: 22px;
}
ul.ceg-share-icons>li img {
    width: 100%;
    height: auto;
}

/* MENU */
.ceg-menu a {
    color: #333333;
    text-decoration: none;
}
.ceg-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ceg-menu li {
    line-height: 1.4;
    margin-top: 20px;
}
.ceg-menu-header {
    background: #666666;
    margin: 16px 0 10px;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
}
.ceg-menu-header span {
    display: block;
    font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
    font-size: 18px;
    line-height: 1em;
    letter-spacing: .6px;
    text-align: center;
    color: #fff;
}
.ceg-menu-header-plus-minus {
    background: url(//assets.macysassets.com/dyn_img/creativepages/Q7040013_BTS_menu_sprite.png) no-repeat;
    position: absolute;
    z-index: 2;
    right: 12.5px;
    top: 10.5px;
    width: 17px;
    height: 17px;
}
.ceg-menu.expanded .ceg-menu-header-plus-minus {
    background-position-x: -17px;
}
.ceg-menu-content {
    display: none;
    position: absolute;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    font-family: "HelveticaNeueW01-65Medi", Arial, sans-serif;
    font-size: 18px;
    width: 960px;
    height: auto;
}
.ceg-menu-content span {
    display: block;
    color: #666666;
}
.ceg-menu-content-left {
    float: left;
    margin: 20px 0 15px 24px;
    padding: 0;
    width: 405px;
    height: 290px;
}
.ceg-menu-content-right {
    float: right;
    margin: 20px 65px 28px 0;
    padding: 0;
    width: 395px;
}
.ceg-menu-content-par2 {
    margin-top: 44px;
}
a.ceg-menu-back-to-main {
    display: inline-block;
    color: #666666;
    margin-top: 55px;
}
.ceg-menu.expanded .ceg-menu-content {
    display: block;
}

/* HERO */
.ceg-hero {
    position: relative;
    margin-bottom: 18px;
    padding-top: 5px;
}
.ceg-hero img {
    width: 100%;
    height: auto;
}

/* shop now button */
a.ceg-cta {
    display: block;
    width: 304px;
    height: 48px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #333;
    border: 1px solid #ccc;
    margin: 15px auto;
    padding: 16px 0;
}

  /*---------------------*/
 /*  IMAGE/TEXT PANELS  */
/*---------------------*/

.ceg-image-link img,
.ceg-image-text img {
    margin-bottom: 10px;
}
.ceg-image-link a p {
    text-decoration: underline;
    text-align: center;
    font-family: "HelveticaNeueW01-75Bold", Arial, sans-serif;
    font-size: 16px;
    min-height: 55px;
    margin: 0;
}

.ceg-image-text p,
.ceg-image-text ul {
    font-size: 16px;
    margin-bottom: 50px;
}

.ceg-image-text li {
    margin-left: 22px;
}
.ceg-image-text li strong {
    font-family: "HelveticaNeueW01-65Medi", Arial, sans-serif;
}
.ceg-image-text a {
    text-decoration: underline;
}

.ceg-flex-parent {
    display: flex;
}
.ceg-text-vcenter,
.ceg-text-vcenter-alt {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.ceg-text-vcenter>div {
    padding-left: 10px;
}
.ceg-text-vcenter-alt>div {
    padding-right: 10px;
}
.ceg-text-vcenter p,
.ceg-text-vcenter-alt p {
        font-size: 16px;
}

/* FOOTER (might also like) */
.ceg-might-also h4 {
    color: #333333;
    font-size: 25px;
    padding-top: 20px;
    margin-bottom: 22px;
}
.ceg-might-also.ceg-image-link a,
.ceg-might-also.ceg-image-link a p {
    text-decoration: none;
    min-height: auto;
}
.ceg-might-also a p {
    position: relative;
    z-index: 5;
    line-height: 1;
    margin: -63px 0 20px;
    background: rgba(255,255,255,0.7);
    padding: 9px 0 10px;
}

/* VIDEOS */
.ceg-content .flex-horizontal-center{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.ceg-content iframe{
	border: none;
}
.ceg-content .lowercase{
	text-transform: lowercase;
	font-size: 25px;
}
.ceg-content .recipe-ctn h3 {
    font-family: "HelveticaNeueW01-Thin";
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 30px;
}
.ceg-content .bc-player-3d80f514-a5ea-4a18-8f0d-d1540f9648bd_default.vjs-mouse .vjs-big-play-button{
	top: 190px !important;
	left: 392px !important;
}
.ceg-content .ka-desktop-eleven{
	margin-top: 10px;
}
.ceg-content .recipe-vid{
	width: 87.9%;
}
.ceg-content .recipe-vid.left{
	margin-left: 20px;
}
.ceg-content .recipe-vid.right{
    margin-right: 21px;
}
.ceg-content .recipe-ctn{
	border: 1px solid #d6d6d6;
    width: 356px;
    height: 316px;
}
.ceg-content .recipe-ctn.left{
    margin-left: 20px;
    border-right: none;
}
.ceg-content .recipe-ctn.right{
	border-left: none;
	margin-right: 20px;
}
.ceg-content .recipe-ctn h3{
	margin-top: 67px;
	font-size: 30px;
	width: 220px;
	text-align: center;
	letter-spacing: 3px;
}
.ceg-content .recipe-ctn .black-line{
	border: 1px solid black;
	border-bottom: none;
    width: 43px;
    margin-top: 10px;
}
.ceg-content .recipe-ctn h4{
	margin-top: 20px;
    font-size: 20px;
    text-transform: uppercase;
    width: 250px;
    text-align: center;
    line-height: 22px;
}
.ceg-content .ka-twelve, .ceg-content .ka-desktop-fifteen, .ceg-content .ka-sixteen, .ceg-content .ka-desktop-seventeen, .ceg-content .ka-eighteen, .ceg-content .ka-desktop-ts, .ceg-content .ka-nineteen, .ceg-content .ka-desktop-thirteen, .ceg-content .ka-fourteen{
	margin-top: 6px;
}
.ceg-content .ka-twelve h3{
	margin-top: 42px;
}
.ceg-content .ka-twelve .black-line{
	border-left: none;
	margin-right: 23px;
}
.ceg-content .ka-mobile-eighteen .recipe-ctn h3{
	width: 250px;
}
.ceg-content .ka-nineteen .recipe-ctn{
	margin-bottom: 25px;
}
.ceg-content .ka-nineteen h3{
	width: 255px;
}

/* margin adjustments */
img.ceg-bottom-boost,
p.ceg-bottom-boost {
    margin-bottom: 10px;
}
h2.ceg-bottom-boost {
    margin-bottom: 20px;
}
h2.ceg-top-boost {
    padding-top: 30px;
}
p.ceg-no-bottom {
    margin-bottom: 0;
}
.ceg-bottom20,
h4.ceg-bottom20 {
    margin-bottom: 20px;
}
p.ceg-bottom25,
.ceg-bottom25 {
    margin-bottom: 25px;
}
p.ceg-bottom30,
.ceg-bottom30 {
    margin-bottom: 30px;
}
p.ceg-bottom40,
.ceg-bottom40 {
    margin-bottom: 40px;
}
p.ceg-bottom50,
.ceg-bottom50 {
    margin-bottom: 50px;
}

/**********/
/* MOBILE */
/**********/

@media only screen and (max-width: 959px) {
    .ceg-content {
        padding: 0;
        margin: 0 0 10vw;
    }
    .ceg-content h1, .ceg-content h2 {
        font-size: 5.5vw;
        letter-spacing: .15vw;
        padding: 1.75vw 0;
    }
    .ceg-content p,
    .ceg-content ol {
        font-size: 4.4vw;
        margin: 0 0 4vw;
    }
    .ceg-content ol {
        padding-left: 5vw;
    }
    
    a.ceg-cta {
        width: 70vw;
        height: 12vw;
        font-size: 4vw;
        margin: 4vw auto;
        padding: 3.8vw 0;
    }
    .ceg-content h4,
    .ceg-content h5,
    .ceg-content .no-bullet a {
        font-size: 4.4vw;
    }

    /* FIXED NAV BAR */
    .ceg-nav-wrapper{
        height: 10vw;
    }
    .ceg-fixed-menu-styles{
        margin: 0 !important;
        padding: 10px 0;
    }
    .ceg-menu {
        position: relative;
        z-index: 10;
        background: rgba(255, 255, 255, .9);
    }
    .ceg-fixed-nav{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }
    .ceg-menu a {
        display: block;
        font-size: 4.25vw;
        margin: 0;
        padding: 0 2vw 5vw ;
        width: 100%;
    }
    .ceg-menu ul {
        margin: 5vw 0 0;
    }
    .ceg-menu-content-right ul {
        margin-top: 0;
    }
    .ceg-menu li {
        line-height: 1;
        margin-top: 0;
    }
    .ceg-menu .ceg-menu-header {
        margin: 0 0 2.5vw;
        padding: 1.9vw 0 2.8vw 0;
    }
    .ceg-menu .ceg-menu-header span {
        font-size: 4.25vw;
        line-height: 1.2;
    }
    .ceg-menu .ceg-menu-header-plus-minus {
        right: 2.2vw;
        top: 2.1vw;
        background-size: cover;
        width: 5vw;
        height: 5vw;
    }
    .ceg-menu.expanded .ceg-menu-header-plus-minus {
        background-position-x: -5vw;
    }
    .ceg-menu .ceg-menu-content {
        position: relative;
        background: none;
        text-align: center;
        width: 100%;
    }
    .ceg-menu-content-left,
    .ceg-menu-content-right {
        margin: 0;
        width: 100%;
        height: auto;
        float: none;
    }
    .ceg-menu a.ceg-menu-back-to-main {
        color: #999999;
        padding: 2vw 0 8vw;
    }

    /*---------------------*/
    /*  IMAGE/TEXT PANELS  */
    /*---------------------*/

    .ceg-flex-parent {
        display: block;
    }
    .ceg-text-vcenter>div,
    .ceg-text-vcenter-alt>div {
        padding: 0;
    }
    .ceg-image-text p,
    .ceg-image-text ul {
        font-size: 4vw;
        margin-bottom: 12vw;
    }
    .ceg-image-link a p {
        font-size: 4vw;
        min-height: auto;
        margin: 0 0 10vw;
    }
    .ceg-image-link img,
    .ceg-image-text img {
        width: 100%;
    }

    /* MOBILE SHARE */
    ul.ceg-share-icons {
        display: flex !important;
        justify-content: space-around;
        margin: 0;
        padding: 4vw 0;
    }
    ul.ceg-share-icons>li {
        width: 13vw;
        height: 13vw;
        margin: 0;
    }

    /* MIGHT ALSO LIKE */
    .ceg-might-also {
        margin-bottom: 1vw;
    }
    .ceg-might-also a p {
        margin: -19vw 0 16vw;
        padding: 3vw 0 3vw;
    }
    ul.slick-dots {
        bottom: -7vw;
    }
    ul.slick-dots li {
        border: 2px solid black;
        border-radius: 50%;
        height: 4vw;
        width: 4vw;
    }
    ul.slick-dots li.slick-active {
        background-color: black;
    }
    .slides {
        text-align: center;
    }
    .slick-slide img {
        width: 85%;
    }

    /* VIDEOS */
    .ceg-content .recipe-vid.left {
        margin-left: 0;
    }
    .ceg-content .recipe-ctn.right {
        margin-right: 0;
    }
    .ceg-content .recipe-vid {
        width: 100%;
    }
    .ceg-content .recipe-ctn {
        border: 0;
        width: 100%;
        height: auto;
        margin-bottom: 10vw;
    }
    .ceg-content .recipe-ctn h3 {
        margin-top: 7vw;
        font-size: 7.2vw;
        line-height: 1.3;
        width: 90vw;
        letter-spacing: .7vw;
    }
    .ceg-content .recipe-ctn .black-line {
        width: 10vw;
        margin-top: 0;
    }
    .ceg-content .recipe-ctn h4 {
        margin-top: 4vw;
        font-size: 5vw;
        width: 80vw;
        line-height: 1.3;
    }
    .ceg-content .ka-twelve .black-line {
        margin-right: 0;
    }

    /* margin adjustments */
    .ceg-mobile-bottom0 {
        margin-bottom: 0;
    }
}

/* phone landscape */
@media only screen and (min-width: 550px) and (max-width: 750px) {
    .ceg-menu .ceg-menu-header-plus-minus {
        top: .8vw;
        width: 3vw;
        height: 3vw;
    }
    .ceg-menu.expanded .ceg-menu-header-plus-minus {
        background-position-x: -3vw;
    }
    .ceg-menu .ceg-menu-header {
        margin: 0 0 2vw;
        padding: 1vw 0 1.1vw;
    }
    .ceg-menu .ceg-menu-header span {
        font-size: 2.5vw;
    }
    .ceg-menu ul {
        margin: 2vw 0 0;
    }
    .ceg-menu-content-right ul {
        margin-top: 0;
    }
    .ceg-menu a {
        font-size: 15px;
        padding: 0 2vw 1.5vw;
    }    
    .ceg-menu a.ceg-menu-back-to-main {
        padding: 0 0 2vw;
    }
}    
@media only screen and (min-width: 751px) and (max-width: 959px) {
    .ceg-menu a {
        font-size: 18px;
        padding: 0 2vw 3vw;
    }    
}