.not-selectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
}
body, .header, #wrapper, footer { margin: 0 auto;
}
.header ul,
#slider-nav ul,
#slider ul,
#site-map ul,
.share-me ul,
.header ul li,
#slider-nav ul li,
#slider ul li,
#site-map ul li,
.share-me ul li, { list-style: none; padding: 0; margin: 0;
}
.header { width: 100%; height: 140px; position: relative; } .header #top-wrap { position: relative; } .header #top-wrap #social-nav { height: 40px; width: 640px; position: relative; right: 0px; float: right; } .header #top-wrap #social-nav ul { height: 25px; margin-top: 7px; margin-right: 10px; list-style-type: none; } .header #top-wrap #social-nav ul li { float: right; } .header #top-wrap #social-nav ul li a { background-color: rgba(35,35,35,0.6); display: block; padding: 0px 5px; margin-left: 10px; color: #fff; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } .header #top-wrap #social-nav ul li a:hover, .header #top-wrap #social-nav ul li a.on { color: #e2caae; } .header #top-wrap #social-nav ul li a span { display: table-cell; padding: 0 10px; vertical-align: middle; } .header #top-wrap #social-nav ul li a span span{ padding-top:6px; } .header #top-wrap #social-nav ul li a span img { padding-right: 5px; float: left; } .header #top-wrap #social-nav ul li a span img.tw-icon { height: 23px; width: 23px; padding-bottom: 1px; } .header #top-wrap #social-nav ul li:hover a, .header #top-wrap #social-nav ul li.on a { background-color: rgba(40,40,40,0.9); } .header #top-wrap #social-nav ul li.language-link a { height: 20px; padding-top: 5px; } .header #top-wrap #social-nav ul li.language-link:hover a { background-color: #2e4427; } .header #logo { position: absolute; top: 0; }
#nav-bar { height: 67px; width: 960px; background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/top_nav.png?yocs=14_16_&yoloc=eu') no-repeat 0 -134px; float: left; padding-left: 167px;
} #nav-bar ul { height: 67px; } #nav-bar ul li { float: left; display: block; text-align: center; position: relative; border: none; } #nav-bar ul li a { font-size: 16px; text-align: center; color: #fff; text-transform: uppercase; font-family: ProximaNovaA-Extrabld; font-weight: normal; } #nav-bar ul li a span { vertical-align: middle; display: table-cell; height: 59px; width: 200px; background-image: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/top_nav.png?yocs=14_16_&yoloc=eu'); background-repeat: no-repeat; } #nav-bar ul li a span, #nav-bar ul li:first-child a span { background-position: -179px -134px; } #nav-bar ul li a.current span, #nav-bar ul li:first-child a.current span { background-position: -179px -67px; } #nav-bar ul li a:hover span, #nav-bar ul li:first-child a:hover span, #nav-bar ul li a.on span, #nav-bar ul li:first-child a.on span { background-position: -179px 0; } #nav-bar ul li:last-child a span { width: 160px; background-position: right -134px; } #nav-bar ul li:last-child a.current span { background-position: right -67px; } #nav-bar ul li:last-child a.on span, #nav-bar ul li:last-child a:hover span { background-position: right 0; } #nav-bar ul li:hover .dropdown { top: 59px; left: -1px; } #nav-bar ul li .dropdown { z-index: 1000; float: left; position: absolute; left: -999em; text-align: left; padding: 15px 5px 20px 15px; background-color: #252525; } #nav-bar ul li .dropdown.single { width: 240px; } #nav-bar ul li .dropdown.single div { width: 240px; position: relative; } #nav-bar ul li .dropdown.single div li a { font-weight: bold; } #nav-bar ul li .dropdown.single.last { width: 145px; } #nav-bar ul li .dropdown.product-nav { width: 772px; } #nav-bar ul li .dropdown.product-nav .col_1 { padding: 0 40px 0 30px; border-right: 1px #ccc solid; display: table-cell; } #nav-bar ul li .dropdown.product-nav .col_4 { width: 100%; display: table-cell; } #nav-bar ul li .dropdown.product-nav .first { padding-left: 0; } #nav-bar ul li .dropdown.product-nav .last-column { border: none; padding-right: 25px; } #nav-bar ul li .col_1, #nav-bar ul li .col_2, #nav-bar ul li .col_3, #nav-bar ul li .col_4, #nav-bar ul li .col_5 { display: table-cell; } #nav-bar ul li .col_1 ul, #nav-bar ul li .col_2 ul, #nav-bar ul li .col_3 ul, #nav-bar ul li .col_4 ul, #nav-bar ul li .col_5 ul { width: 95%; } #nav-bar ul li .col_1 h3, #nav-bar ul li .col_2 h3, #nav-bar ul li .col_3 h3, #nav-bar ul li .col_4 h3, #nav-bar ul li .col_5 h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: ProximaNovaA-Extrabld; font-weight: normal; color: #fff; } #nav-bar ul li .col_1 ul, #nav-bar ul li .col_2 ul, #nav-bar ul li .col_3 ul, #nav-bar ul li .col_4 ul, #nav-bar ul li .col_5 ul { list-style: none; padding: 0; margin: 12px 0 12px 0; left: 0; height: auto; width: auto; } #nav-bar ul li .col_1 ul li, #nav-bar ul li .col_2 ul li, #nav-bar ul li .col_3 ul li, #nav-bar ul li .col_4 ul li, #nav-bar ul li .col_5 ul li { position: relative; padding: 0; margin: 0 0 6px 0; float: none; text-align: left; } #nav-bar ul li .col_1 ul li a, #nav-bar ul li .col_2 ul li a, #nav-bar ul li .col_3 ul li a, #nav-bar ul li .col_4 ul li a, #nav-bar ul li .col_5 ul li a { font-size: 12px; line-height: normal; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-transform: none; color: #fff; } #nav-bar ul li .col_1 ul li a:hover, #nav-bar ul li .col_2 ul li a:hover, #nav-bar ul li .col_3 ul li a:hover, #nav-bar ul li .col_4 ul li a:hover, #nav-bar ul li .col_5 ul li a:hover, #nav-bar ul li .col_1 ul li a.on, #nav-bar ul li .col_2 ul li a.on, #nav-bar ul li .col_3 ul li a.on, #nav-bar ul li .col_4 ul li a.on, #nav-bar ul li .col_5 ul li a.on { color: #e2caae; text-decoration: none; } #nav-bar ul li .col_1 ul li:hover, #nav-bar ul li .col_2 ul li:hover, #nav-bar ul li .col_3 ul li:hover, #nav-bar ul li .col_4 ul li:hover, #nav-bar ul li .col_5 ul li:hover { background: none; border: none; }
#classic #wrapper { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_main_glow.png?yocs=14_16_&yoloc=eu') no-repeat center 50px;
}
#recipe #wrapper, #classic-long #wrapper { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_main_glow.png?yocs=14_16_&yoloc=eu') repeat-y center 50px;
}
#whole-bean #wrapper { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_whole_bean_glow.png?yocs=14_16_&yoloc=eu') no-repeat center 95px;
}
#bold #wrapper { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_glow.png?yocs=14_16_&yoloc=eu') no-repeat center 50px;
} #classic #wrapper .main, #classic-long #wrapper .main, #recipe #wrapper .main, #whole-bean #wrapper .main, #bold #wrapper .main { min-width:100%; padding:0 20px; } #classic #wrapper .main .container, #classic-long #wrapper .main .container, #recipe #wrapper .main .container, #whole-bean #wrapper .main .container, #bold #wrapper .main .container { margin: 0 auto; width: 100%; *zoom: 1; } #classic #wrapper .main .container:before, #classic-long #wrapper .main .container:before, #recipe #wrapper .main .container:before, #whole-bean #wrapper .main .container:before, #bold #wrapper .main .container:before, #classic #wrapper .main .container:after, #classic-long #wrapper .main .container:after, #recipe #wrapper .main .container:after, #whole-bean #wrapper .main .container:after, #bold #wrapper .main .container:after { content: ""; display: table; } #classic #wrapper .main .container:after, #classic-long #wrapper .main .container:after, #recipe #wrapper .main .container:after, #whole-bean #wrapper .main .container:after, #bold #wrapper .main .container:after { clear: both; } #classic #wrapper .main .container, #classic-long #wrapper .main .container, #recipe #wrapper .main .container, #whole-bean #wrapper .main .container, #bold #wrapper .main .container, #classic #wrapper .main .container-wide, #classic-long #wrapper .main .container-wide, #recipe #wrapper .main .container-wide, #whole-bean #wrapper .main .container-wide, #bold #wrapper .main .container-wide { position: relative; padding-bottom: 20px; width: 100%; display: block; height: auto; top: 0; left: 0; bottom: 10px; right: 0; z-index: 0; } #classic #wrapper .main .container-wide, #classic-long #wrapper .main .container-wide, #recipe #wrapper .main .container-wide, #whole-bean #wrapper .main .container-wide, #bold #wrapper .main .container-wide { padding-bottom: 0 !important; } #classic #wrapper .main .container, #classic-long #wrapper .main .container, #recipe #wrapper .main .container, #whole-bean #wrapper .main .container, #bold #wrapper .main .container { max-width: 100%px; }
.respect footer { margin-top: 0 !important;
}
html.fre footer { margin-top: -327px; height: 327px;
} html.fre footer .footer-inner { background-image: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft%20Canada/brands/css/images/main/bg_footer_respect_fr.png?yocs=14_16_&yoloc=eu'); } html.fre footer .footer-inner .faceted-footer div.col2.recipe { margin-left: 15px; width: 11%; }
footer p.disclaimer { width: 70%; margin: 20px auto; font-size: 10px; line-height: 14px;
}
#request-invite-wrapper { width: 300px; background: #252525; z-index: 2000; position: absolute; top: 31px; right: 10px; padding: 20px; -moz-box-shadow: 0 4px 5px #252525; -webkit-box-shadow: 0 4px 5px #252525; box-shadow: 0 4px 5px #252525;
} #request-invite-wrapper p { font-weight: bold; font-size: 13px; padding-bottom: 6px; } #request-invite-wrapper form div { padding-bottom: 10px; } #request-invite-wrapper form label { font-size: 12px; font-weight: bold; padding-bottom: 3px; clear: both; display: block; } #request-invite-wrapper form input[type="text"] { width: 273px; } #request-invite-wrapper form input.form-button { position: relative; left: 180px; margin-top: 10px; }
#product-detail form { margin-top: 20px; width: 360px; position: relative;
} #product-detail form textarea { width: 354px; } #product-detail form div.form-bottom { width: 360px; padding: 5px 0; } #product-detail form div.form-bottom .chars-counter { display: block; } #product-detail form div.form-bottom .chars-counter { float: left; font-weight: bold; color: #e4d4a9; } #product-detail form div.form-bottom input.form-button { position: relative; float: right; } #product-detail form div.form-bottom .after-send { float: right; width: 150px; text-align: right; font-size: 12px; }
.yellow-button { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_yellow_button_right.png?yocs=14_16_&yoloc=eu') no-repeat right; display: block; padding-right: 12px; float: left; text-shadow: 0 1px 2px #333; color: #fff; font-size: 11px; font-family: ProximaNovaA-Extrabld; font-weight: normal;
} .yellow-button span { display: table-cell; padding-left: 12px; height: 43px; vertical-align: middle; background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_yellow_button_left.png?yocs=14_16_&yoloc=eu') no-repeat left; text-transform: uppercase; text-shadow: 0 1px 2px #333; color: #fff; font-size: 11px; font-family: ProximaNovaA-Extrabld; font-weight: normal; } .yellow-button:hover, .yellow-button.on { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_yellow_button_right_hover.png?yocs=14_16_&yoloc=eu') no-repeat right; } .yellow-button:hover span, .yellow-button.on span { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_yellow_button_left_hover.png?yocs=14_16_&yoloc=eu') no-repeat left; }
.yb-button { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_yb_button_right.png?yocs=14_16_&yoloc=eu') no-repeat right; display: block; padding-right: 12px; float: left; text-shadow: 0 1px 2px #333; color: #fff; font-size: 11px; font-family: ProximaNovaA-Extrabld; font-weight: normal;
} .yb-button span { display: table-cell; padding-left: 12px; height: 43px; text-align: center; vertical-align: middle; background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_yb_button_left.png?yocs=14_16_&yoloc=eu') no-repeat left; text-transform: uppercase; text-shadow: 0 1px 2px #333; color: #fff; font-size: 11px; font-family: ProximaNovaA-Extrabld; font-weight: normal; } .yb-button:hover, .yb-button.on { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_yb_button_right_hover.png?yocs=14_16_&yoloc=eu') no-repeat right; } .yb-button:hover span, .yb-button.on span { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_yb_button_left_hover.png?yocs=14_16_&yoloc=eu') no-repeat left; }
a.checkbox { color: #252525;
} a.checkbox span { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu') -136px -137px no-repeat; display: inline-block; width: 21px; height: 19px; vertical-align: text-bottom; margin-right: 8px; } a.checkbox:hover { color: #252525; } a.checkbox.checked span { background-position: -167px -137px; }
.back-to-top { width: 150px; float: right; position: relative; color: #e3a723;
} .back-to-top:hover { color: #e2caae; } .back-to-top span { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft%20Canada/brands/css/images/sprite/all_icons.png?yocs=14_16_&yoloc=eu') no-repeat 0 -94px; display: inline-block; width: 30px; height: 28px; vertical-align: -9px; }
#singles .container { left: 10px !important; width: 900px !important;
} #singles .container h1 { font-family: Bootstrap; font-weight: normal; font-size: 48px; } #singles .container h2 { font-size: 14px; font-family: ProximaNovaA-Extrabld; }
#singles .row .column { float: left; min-height: 400px;
}
#singles .row span.call-out { display: block; font-family: 'HandOfSeanRegular'; font-weight: normal; font-size: 16px; position: relative; text-align: center;
}
#singles .legal-note { margin-top: 15px;
}
#contact-us .col5 { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft%20Canada/brands/css/images/main/chalk_board.png?yocs=14_16_&yoloc=eu') no-repeat;
} #contact-us .col5 span.call-out { left: 77px; top: 70px; width: 120px; }
#contact-us .vcard { margin-top: 3px;
} #contact-us .vcard p { margin: 5px 0 20px 0; line-height: 18px; } #contact-us .vcard span { display: block; }
#trademark .col6 { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft%20Canada/brands/css/images/main/trademark.png?yocs=14_16_&yoloc=eu') no-repeat right top; float: right;
} #trademark .col6 span.call-out { left: -23px; top: 250px; width: 250px; }
#site-map { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft%20Canada/brands/css/images/main/map.png?yocs=14_16_&yoloc=eu') no-repeat 88% 20px;
} #site-map .row .column { margin-left: 0; } #site-map a { color: #fff; } #site-map a:hover { color: #e2caae; } #site-map h2 { margin-top: 25px; } #site-map ul li { padding: 5px 0; }
#legal p, #legal ul { margin-bottom: 20px;
} #legal p.bottom, #legal ul.bottom { margin-bottom: 0; } #legal ul li { list-style-position: inside; }
html.no-js li.invite { display: none;
}
html.no-js #product-detail #social, html.no-js #product-detail #thoughts { display: none;
}
html.no-js #product-detail .col8.fl #why-not-try { margin-top: 160px;
}
html.no-js #product-landing #side-bar { display: none;
}
.show-on-mobileAndTablet { display: none; }
@media screen and (max-width:480px) { .mobile-container-padding {padding:0;} #page-title.orange, #page-title.brown, #passion-for-coffee-landing .container #page-content .clearfix div, #product-landing .page-title .inner.all { width:100% !important; height:auto !important; margin-left:0 !important; float:none; position: static; display: block; padding: 25px 20px; } #passion-for-coffee-landing .container #page-content .clearfix div#barista div, #passion-for-coffee-landing .container #page-content .clearfix div#accessories div { width:100% !important; height:auto !important; margin-left:0 !important; float:none; position: static; display: block; padding: 2px 20px; } #page-title.orange .inner, #page-title.brown .inner { width:100%; } #page-title.orange .inner h1, #page-title.brown .inner h1, #product-landing .page-title .inner h1 { font-size: 33px; line-height: 33px; } #passion-for-coffee-landing .container, #passion-for-coffee-landing .container #page-content, #classic #wrapper, #bold #wrapper { background: none; } #passion-for-coffee-landing .container #page-content .clearfix div#barista img, #passion-for-coffee-landing .container #page-content .clearfix div#accessories img { display: none; } #passion-for-coffee-landing .container #page-content .clearfix:last-child { margin-top:0; } #product-detail .col8 #why-not-try, #product-detail .col8 #coffee-lingo , #product-detail #product-info #roast { width:100% !important; float:none !important; } #blend-full-city-dark .col8 #why-not-try, #blend-full-city-dark .col8 #why-not-try h3, #blend-full-city-dark .col8 #why-not-try h4, #blend-full-city-dark .col8 #why-not-try p { position: static !important; left: auto !important; } #product-detail .col8 #coffee-bag { margin-bottom:0 !important; } #product-detail #product-info { position: static !important; left: auto !important; width: 100% !important } #product-detail #product-info #roast, #product-detail .col8.fr, #product-detail #product-info { width: 100% } #product-detail .col8 #coffee-lingo .cupchart, #product-detail .col8 #coffee-lingo .cup { display: none } #product-detail .col8 #coffee-lingo {padding-top:30px;} .mobileMenuTeaser { text-align: right; padding-right: 30px; font-size: 40px; height: 75px; padding-top: 30px; position: absolute; z-index: 100; display: inherit; right: 10px; } .show-on-mobileAndTablet span { display: none; } .show-on-mobileAndTablet .active span{ display: inherit; } #nav-bar { height: auto; width: 100%; background: none; float: none; padding-left: 0; position: relative; z-index: 12; padding-top:98px; display: none; } #nav-bar ul li { display: block; float: none; } #nav-bar ul li a, #nav-bar ul li a span, #nav-bar ul li .dropdown.single.last, #nav-bar ul li:last-child a span { width: 100%; display: block; } #nav-bar ul li a span { border-bottom: 1px solid #fff; height: auto; padding:15px 20px; background: #293e24 } #classic #wrapper .main, #classic-long #wrapper .main, #recipe #wrapper .main, #whole-bean #wrapper .main, #bold #wrapper .main { padding:0 10px; } #product-landing .page-title { margin-bottom: 10px; background: #e4caaf; height: auto; } .si-txt { display:none !important; } .header #top-wrap #social-nav { height: 40px; width: 100%; position: absolute; margin: 0px; margin-left: -110px; padding-top: 12px; left: 0; right: auto; } .header #top-wrap #social-nav ul li a span {padding:3px;} .header #top-wrap #social-nav ul li a {padding:2px; margin-left:0;} .show-case .coffee-blend * { position: static; } .show-case .coffee-blend { width: 100%; height: auto; margin: 0; float: none; position: relative; background: #fff; border-bottom: 1px solid #ccc; text-align: center; margin-bottom: 20px; padding-bottom: 20px;
}
.show-case .coffee-blend .info { width: auto; }
#product-landing .show-case .collection-title { text-align: center }
} /* end