:before, :after { display: none !important; } 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 { display: none; } header { position: absolute !important; top: 0 !important; } header .main { position: relative !important; top: 0; } header .main .kraft-logo { padding: 10px 10px 0px 0; float: left; margin-left: 0px !important; } header .main .kraft-logo svg { width: 104px; height: 40px; } 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, .inappropriate-flag .flagInappropriate, .Taboola, .recipeDetails .make-it iframe, .rd_mayWeSuggestDiv, .inappropriate-flag #main_0_flagcon { display: none !important; } .recipeDetails h1 { color: #003366 !important; font-size: 33px; margin: 30px 0 0 0; padding: 0; width: 64%; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; } .recipeDetails .video-icon{ display: inline-block !important; } .recipeDetails .recipe-imagery { width: 36%; margin: -50px 0 0 0; padding: 0; position: absolute; top: 0px; right: 0; display: inline-block !important; } .recipeDetails .recipe-imagery ul li:first-child { display: inline-block !important; width: 200px !important; height: 150px !important; top:0px; } .make-it .button.primary, .make-it .button.secondary{ display:none !important; } #storeHead { height:100px !important;} #storeHead table tr td div #retailerNextDiv{ display:none !important; } #storeHead table tr td div #retailerDiv{ display:none !important; } @media print and (orientation:landscape){ .recipeDetails .recipe-imagery { width: 36%; margin: -120px 0 0 0; padding: 0; position: absolute; top: 80px; right: 0; } } .recipeDetails .recipe-imagery .recipe-video .video-additional-images { display: none !important; } .recipeDetails .recipe-imagery .recipe-video .video-additional-images ul li.view-all-item li.add-photo-item { display: none !important; } .recipeDetails .recipe-overview { width: 65%; padding: 0 20px 0 0; } .recipeDetails .recipe-overview .author { padding: 5px 0 10px 0; display: block; } .recipeDetails .recipe-overview .author .add-recipe { display: none; } .recipeDetails .recipe-overview .ratings-utility-bar .rating { display: none; } .recipeDetails .recipe-overview .details-row { clear: both; display: block; border-top: 2px dotted #555555; border-bottom: 2px dotted #555555; padding: 10px 0; margin: 0px 0 25px 0; } .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%; } .recipeDetails .recipe-overview .details-row .prep-time span { float: left; } .recipeDetails .recipe-overview .details-row .total-time { border-right: 1px solid #cccccc; width: 40%; } .recipeDetails .recipe-overview .details-row .total-time .hour { width: 40%; padding: 0 8px; text-align: left; } .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: 40%; } .recipeDetails .what-you-need { width: 40%; float: left; padding: 0; } .recipeDetails .what-you-need h2 { border-bottom: 2px dotted #555555; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; padding: 0 0 10px 0; font-size: 23px; margin: 0 0 15px 0; color: #555555 !important; } .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 { width: 18px; height: 16px; } .recipeDetails .make-it { width: 55%; float: right; } .recipeDetails .make-it h2 { border-bottom: 2px dotted #555555; font-size: 23px; padding-bottom: 10px; margin-bottom: 10px; color: #555555 !important; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; } .recipeDetails .make-it svg, .recipeDetails .make-it p, .recipeDetails .make-it strong, .recipeDetails .make-it .divider { display: none; } .recipeDetails .trademark-info { width: 55%; float: right; } .recipeDetails .nav-tabs { clear: left; padding: 0; margin: 0 0 10px 0; border: none; } .recipeDetails .nav-tabs .tab-border-before, .recipeDetails .nav-tabs .tab-border, .recipeDetails .nav-tabs .tab-border-after { display: none; } .recipeDetails .nav-tabs.recipeDetails { margin: 0; padding: 0; } .recipeDetails .nav-tabs li { border-bottom: 2px dotted #555555; width: 55%; margin: 0; padding: 0; float: left; } .recipeDetails .nav-tabs li a { border: none; width: 100%; margin: 0; padding: 0; } .recipeDetails .nav-tabs li a h2.header2-tab { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; color: #555555 !important; font-size: 23px; text-align: left; } .recipeDetails .nav-tabs li.active { width: 40%; float: left; margin-right: 9%; padding: 0 10px 0 0; border-bottom: 2px dotted #555555; } .recipeDetails .nav-tabs li.active a { width: 100%; border: none; padding: 0; } .recipeDetails .tab-content { width: 100%; float: left; clear: both; background: none; padding-top: 10px; } .recipeDetails .tab-content .tab-pane { display: block; } .recipeDetails .tab-content .active { width: 40%; display: block; float: left; } .recipeDetails .tab-content .kitchen-tips { padding: 0 10px 0 0; } .recipeDetails .tab-content .kitchen-tips p { font-size: 13px; } .recipeDetails .tab-content .kitchen-tips .related-video-tips { display: none; } .recipeDetails .tab-content .nutrition { width: 55%; float: right; } .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 { padding: 10px 0 0; margin-left: 10px; margin-right: 10px; float: left; width: 40%; } .recipeDetails .tab-content .nutrition .nutrition-right { padding: 0; float: right; width: 50%; } .recipeDetails .tab-content .nutrition .nutrition-right .nutrition-wrapper { padding-left: 10px; border-left: 1px solid #cccccc; } .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%; padding: 0; margin: 0; } @-moz-document url-prefix() { #storeHead { height:100px !important;} .recipeDetails h1 { width:100% !important;} header .main nav ul{ display:none !important;} header .utility {display:none !important;} header .main .search{display:none !important;} .recipeDetails .row iframe { display:none !important;} header .ad-leaderboard { display:none !important;} .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel{ height: 300px !important; width: 350px !important; } .details-row .container-xs-height{ width:100% !important; clear:both; } .recipeDetails .recipe-imagery { margin: 0px 0 0 0; padding: 20px; position: absolute; right: -300px; width:auto !important; height:auto !important; top: -80px; } .recipeDetails h1{ padding: 20px 0px 0px 0px; } } #showMessage{ display:none !important; }