*::before, *::after { display: none ! important;
}
@page {
margin: 1cm;
}
footer, aside,
.kraft-breadcrumb,
.ratings-reviews, .member-notes,
.read-more-wrapper,
.social-bar,
.ad-leaderboard,
.fixed-toolbar
.social-bar-toggle-wrapper
.social-bar-toggle,
.ad-footer,
.right-rail,
aside,
header .main .search .search-bar,
header .ad-leaderboard div,
div-id-for-top-728x90,
header .main nav,
.utility-wrapper,
header .j-carousel-wrapper-wrapper,
.shadowed,
.inappropriate-flag,
.make-it .button.primary,
#_bapw-link,
.flagInappropriate{ display: none !important;
}
.main-left-col { width:100%}
header { position:absolute !important; top: 0px ! important; height:70px;
}
header .main { position: relative! important; top: 0px; border:none;
}
header .main .kraft-logo { float: left; padding: 10px 10px 0px 0px;
}
header .main .kraft-logo svg { height: 40px; width: 104px; margin-top:20px; margin-left:5%;
}
header .main .kraft-logo svg path.st0 {fill:#0075C9}
header .main .kraft-logo svg path.st1 {fill:#003D6D}
header .main .kraft-logo svg path.st2 {fill:#FFFFFF}
header .main .kraft-logo svg path.st3 {fill:#fd2840}
header .main .kraft-logo svg path.st4 {fill:#036}
header .main .kraft-logo svg.FR path.st0 {fill:#FFFFFF}
header .main .kraft-logo svg.FR path.st1 {fill:#DF1238}
header .main .kraft-logo svg.FR path.st2 {fill:#003f6a}
header .main .kraft-logo svg.FR path.st3 {fill:#0075C9}
header .main .kraft-logo svg.FR path.st4 {fill:#003D6D}
header .main .mobile-nav-icon { display: none;
}
header .jump-links a { display: none;
}
header .shadowed::before, header .shadowed::after { display: none;
}
.recalls, .recipeDetails .recalls.bottom, .recipeDetails .recalls.top { display: none ! important;
}
.recipeDetails .recipe-id, .recipeDetails h1 .icon svg, .recipeDetails .what-you-need .checkbox-wrapper label .deal, .recipeDetails .what-you-need .checkbox-wrapper label .deal-content, .recipeDetails .recipe-imagery .imagery-actions, .recipeDetails .recipe-imagery .item, .recipeDetails .recipe-tags, .recipeDetails .kitchen-tips .jcarousel-wrapper, .recipeDetails .related-video-tips { display: none ! important;
}
.recipeDetails h1 { color: #003366 ! important; font-family: "Roboto Slab",serif; font-size: 26px; font-weight: 700; line-height: 125%; margin: 70px 0px 20px 0px; padding: 0px; width: 100%; padding:0;
}
.recipeDetails .recipe-imagery { padding: 0px !important; position: static; right: 0px; top: 30px; width: 307px; height:204px; z-index: 100; float:left;
}
.recipeDetails .recipe-imagery ul li:first-child { display: inline-block ! important; width: 307px !important; height:204px !important;
}
.recipeDetails .recipe-imagery .recipe-video .video-additional-images ul li.view-all-item li.add-photo-item { display: none ! important;
}
.recipeDetails .recipe-overview { padding: 0px 20px 0px 0px !important; width: 50%;
}
.recipeDetails .recipe-overview .author { display: block; padding: 5px 0px 10px;
}
.recipeDetails .recipe-overview .author .add-recipe { display: none;
}
.recipeDetails .recipe-overview .ratings-utility-bar .rating { display: none;
}
.recipeDetails .recipe-overview .details-row { border-bottom: 2px dotted #555555; border-top: 2px dotted #555555; clear: both; display: block; margin: 0px 0px 25px; padding: 10px 0px;
}
.recipeDetails .recipe-overview .details-row .span { font-size: 30px;
}
.recipeDetails .recipe-overview .details-row .prep-time { border-right: 1px solid #cccccc; text-align: left; width: 20%; width: 20%;
}
.recipeDetails .recipe-overview .details-row .prep-time span { float: left;
}
.recipeDetails .recipe-overview .details-row .total-time { border-right: 1px solid #cccccc; width: 30%;
}
.recipeDetails .recipe-overview .details-row .total-time .hour { padding: 0px 8px; text-align: left; width: 40%;
}
.recipeDetails .recipe-overview .details-row .total-time .hour .vertical-line { margin-top: -2px;
}
.recipeDetails .recipe-overview .details-row .total-time .hour span { float: left;
}
.recipeDetails .recipe-overview .details-row .total-time .minute { padding-left: 8px;
}
.recipeDetails .recipe-overview .details-row .total-time .minute span { float: left;
}
.recipeDetails .recipe-overview .details-row .serves { padding-left: 10px; width: 50%;
}
.recipeDetails .what-you-need { float: left; padding: 0px; width: 40%;
}
.recipeDetails .what-you-need h2 { border-bottom: 2px dotted #555555; color: #555555 ! important; font-family: "Roboto Slab",serif; font-size: 23px; font-weight: 700; line-height: 125%; margin: 0px 0px 15px; padding: 0px 0px 10px;
}
.recipeDetails .what-you-need .button { display: none;
}
.recipeDetails .what-you-need .deals-headline { display: none;
}
.recipeDetails .what-you-need label span { font-size: 13px;
}
.recipeDetails .what-you-need .checkbox-wrapper label .unchecked svg, .recipeDetails .what-you-need .checkbox-wrapper label .checked svg { height: 16px; width: 18px;
}
.recipeDetails .make-it { float: right; width: 55%;
}
.recipeDetails .make-it h2 { border-bottom: 2px dotted #555555; color: #555555 ! important; font-family: "Roboto Slab",serif; font-size: 23px; font-weight: 700; line-height: 125%; margin-bottom: 10px; padding-bottom: 10px;
}
.recipeDetails .make-it svg, .recipeDetails .make-it p, .recipeDetails .make-it strong, .recipeDetails .make-it .divider { display: none;
}
.recipeDetails .trademark-info { float: right; width: 55%;
}
.recipeDetails .nav-tabs { border: medium none; clear: left; margin: 0px 0px 10px; padding: 0px; page-break-before: always; page-break-inside: avoid
}
.recipeDetails .nav-tabs .tab-border-before, .recipeDetails .nav-tabs .tab-border, .recipeDetails .nav-tabs .tab-border-after { display: none;
}
.recipeDetails .nav-tabs.recipeDetails { margin: 0px; padding: 0px;
}
.recipeDetails .nav-tabs li { border-bottom: 2px dotted #555555; float: left; margin: 0px; padding: 0px; width: 55%;
}
.recipeDetails .nav-tabs li a { border: medium none; margin: 0px; padding: 0px; width: 100%;
}
.recipeDetails .nav-tabs li a h2.header2-tab { color: #555555 ! important; font-family: "Roboto Slab",serif; font-size: 23px; font-weight: 700; line-height: 125%; text-align: left;
}
.recipeDetails .nav-tabs li.active { border-bottom: 2px dotted #555555; float: left; margin-right: 9%; padding: 0px 10px 0px 0px; width: 40%;
}
.recipeDetails .nav-tabs li.active a { border: medium none; padding: 0px; width: 100%;
}
.recipeDetails .tab-content { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; clear: both; float: left; padding-top: 10px; width: 100%;
}
.recipeDetails .tab-content .tab-pane { display: block;
}
.recipeDetails .tab-content .active { display: block; float: left; width: 40%;
}
.recipeDetails .tab-content .kitchen-tips { padding: 0px 10px 0px 0px;
}
.recipeDetails .tab-content .kitchen-tips p { font-size: 13px;
}
.recipeDetails .tab-content .kitchen-tips .related-video-tips { display: none;
}
.recipeDetails .tab-content .nutrition { float: right; width: 55%;
}
.recipeDetails .tab-content .nutrition ul, .recipeDetails .tab-content .nutrition p { font-size: 13px ! important;
}
.recipeDetails .tab-content .nutrition p.caption { font-size: 12px;
}
.recipeDetails .tab-content .nutrition .nutrition-left { float: left; margin-left: 10px; margin-right: 10px; padding: 10px 0px 0px; width: 40%;
}
.recipeDetails .tab-content .nutrition .nutrition-right { float: right; padding: 0px; width: 50%;
}
.recipeDetails .tab-content .nutrition .nutrition-right .nutrition-wrapper { border-left: 1px solid #cccccc; padding-left: 10px;
}
.recipeDetails .tab-content .nutrition .nutrition-right .nutrition-wrapper table td, .recipeDetails .tab-content .nutrition .nutrition-right .nutrition-wrapper table span { color: #555555 ! important;
}
.recipeDetails h3 { color: #555555 ! important; font-family: "Source Sans Pro",sans-serif; font-weight: 700; line-height: 125%; margin: 0px; padding: 0px;
}
.salewhale, #primaryButton, #secondaryButton { display:none}
.recipeDetails h1 { font-size:22px }
.recipeDetails h2 { font-size:18px }
.recipeDetails .tab-content .nutrition .nutrition-left,
.recipeDetails .tab-content .nutrition .nutrition-right { width:100%; float:none}
.col-sm-offset-1 { margin-left:5%}
.col-sm-push-1 { left:5%;}
.nutrition {padding:0 !important}
header .main .kraft-logo svg.FR {
height: 40px;
width: 104px;
margin-top: 20px;
margin-left: 5%;
}
#divAccessibility {
display: none;
}