.auto_width {
width: auto !important;
}
.homeMap {
background: url(../../../../themes/custom/bk_theme/img/bg/BK_HP_NZ_Map_bg.png) no-repeat center !important;
position: relative;
}
.homeMap .mainMap {
height: 366px;
}
.ourStory {
background: url(../../../../themes/custom/bk_theme/img/bg/ourStory-big-bg.jpg) no-repeat center;
}
/* Remove whitespace under main header */
section.hero,
header.sub-header,
.page-locations .mapContainer {
position: relative;
top: -2px;
margin-bottom: -2px;
}
/* END */
#product-dropdown,
.node-food-menu-items {
line-height: 1.25;
}
.mainNav .socialLinks-top {
background-color: #ed7800;
padding-top: 10px;
text-align: center;
}
.mainNav .socialLinks-top span.wrap-fb {
margin-right: 20px;
}
.mainNav .socialLinks-top .icon_facebook-white,
.mainNav .socialLinks-top .icon_instagram-white {
height: 37px;
width: 37px;
}
.crm {
top: -8px;
margin: 0 0 -16px 0;
}
.crm .crm-content .crmTitle {
padding: 0 0 20px 0;
font: 50px 'fs_sammyregular', Arial, Helvetica, sans-serif;
text-transform: none;
}
.crm .crm-content .crmText {
font-size: 22px;
}
.crm .crm-content .crmButtons .crmButton {
margin-top: 10px;
display: inline-block;
text-align: center;
}
.crm .crm-content .crmButtons .crmButton .bk-icon > img {
margin-bottom: 16px;
}
.crm .crm-content .bk-btn.bk-btn-orange {
margin: 0px;
}
.crm .col-sm-6.special-stores .crmTitle {
font-size: 25px;
line-height: 1.4;
}
.crm .col-sm-6.special-stores .crmTitle.get-offers-sent-to-you {
font-weight: bold;
}
.crm .col-sm-6.special-stores .crmTitle.time-out span.orange {
color: #f6a800;
}
.crm .shareSection {
padding: 0 0 0 33%;
margin: 0 auto;
}
.crm .shareSection .socialLinks {
margin: 0 auto;
width: 100%;
height: 50px;
text-align: left;
}
.crm .shareSection .socialLinks .wrapper {
float: left;
position: relative;
width: 22%;
height: 100%;
overflow: hidden;
margin-right: 15%;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container {
margin: 0 auto;
}
.video-container.resolution-480p {
max-width: 854px;
}
.our-story section:not(.crm):nth-of-type(1),
.our-story section:not(.crm):nth-of-type(2) {
background: none;
}
.our-story section:not(.crm):nth-of-type(3) {
background: url(../../../../themes/custom/bk_theme/img/bg/thick-horizontal.png);
background-position: 0 0, 100% 100%;
background-repeat: repeat-x, repeat-y;
}
.our-story .node-node-blocks h2 {
display: none;
}
/* Contact Us page */
.contactUs .row.content.panel-middle {
padding: 50px 30px 65px;
}
.contactUs .row.content.panel-middle .container-fluid.horizontal-module .row.content {
padding: 0px;
position: inherit;
height: auto;
width: auto;
text-align: left;
}
.contactUs .row.content.panel-middle .container-fluid.horizontal-module .row.content p:first-child {
margin: 0px;
}
.contactUs .row.content.panel-middle p {
font-size: 16px;
margin: 16px 0px;
}
.contactUs h3.title {
font-size: 50px;
line-height: 1;
margin: 0;
padding: 0 0 30px;
}
.contactUs h3.title.share-your-feedback {
padding-bottom: 10px;
}
.contactUs form#webform-client-form-23698 {
padding-top: 5px;
}
.contactUs form#webform-client-form-23698 a {
color: #ee8324;
}
.contactUs form#webform-client-form-23698 input#edit-submitted-city,
.contactUs form#webform-client-form-23698 input#edit-submitted-address {
display: none;
}
.contactUs form#webform-client-form-23698 div.privacy-policy-submit > input {
display: none;
}
.contactUs form#webform-client-form-23698 div.webform-component > label {
font-weight: normal;
margin-bottom: 2px;
font-size: 15px;
}
.contactUs form#webform-client-form-23698 .form-item {
margin-top: 0px;
}
.contactUs form#webform-client-form-23698 p.form-label {
margin-bottom: 8px;
}
.contactUs form#webform-client-form-23698 #edit-submitted-time-of-visit-ampm label.option {
text-transform: uppercase;
}
.contactUs form#webform-client-form-23698 input#edit-submitted-email-address,
.contactUs form#webform-client-form-23698 input#edit-submitted-firstname,
.contactUs form#webform-client-form-23698 input#edit-submitted-last-name,
.contactUs form#webform-client-form-23698 input#edit-submitted-phone-number {
width: 90%;
}
.contactUs form#webform-client-form-23698 input[type="text"],
.contactUs form#webform-client-form-23698 input[type="email"],
.contactUs form#webform-client-form-23698 textarea {
border: 1px solid #ccc;
padding: 10px;
font-size: 15px;
}
.contactUs form#webform-client-form-23698 select {
padding: 5px;
font-size: 15px;
}
.contactUs form#webform-client-form-23698 .select-wrapper {
background: url("/sites/all/themes/custom/bk_theme/icons/png/icon_arrow-brown.png") no-repeat scroll 98% center;
border: 1px solid #ccc;
overflow: hidden;
}
.contactUs form#webform-client-form-23698 .webform-component--feedback .select-wrapper {
width: 70%;
}
.contactUs form#webform-client-form-23698 .webform-component--feedback .select-wrapper select#edit-submitted-feedback {
background: none repeat scroll 0 0 transparent;
border: 0 none;
width: 120%;
}
.contactUs form#webform-client-form-23698 .webform-component--city .select-wrapper,
.contactUs form#webform-client-form-23698 .webform-component--address .select-wrapper {
width: 90%;
}
.contactUs form#webform-client-form-23698 .webform-component--city .select-wrapper select#cityDDL,
.contactUs form#webform-client-form-23698 .webform-component--address .select-wrapper select#cityDDL,
.contactUs form#webform-client-form-23698 .webform-component--city .select-wrapper select#addrDDL,
.contactUs form#webform-client-form-23698 .webform-component--address .select-wrapper select#addrDDL {
background: none repeat scroll 0 0 transparent;
border: 0 none;
width: 120%;
padding-right: 25%;
/* Fixed FF <= 30 */
text-indent: 0.01px;
text-overflow: '';
}
.contactUs form#webform-client-form-23698 .form-item-submitted-time-of-visit-hour .select-wrapper,
.contactUs form#webform-client-form-23698 .form-item-submitted-time-of-visit-minute .select-wrapper {
width: 85px;
display: inline-block;
background-position: 93% center;
}
.contactUs form#webform-client-form-23698 .form-item-submitted-time-of-visit-hour .select-wrapper select,
.contactUs form#webform-client-form-23698 .form-item-submitted-time-of-visit-minute .select-wrapper select {
background: none repeat scroll 0 0 transparent;
border: 0 none;
width: 125%;
/* Fixed FF <= 30 */
text-indent: 0.01px;
text-overflow: '';
}
.contactUs form#webform-client-form-23698 .form-item-submitted-time-of-visit-ampm label {
margin-right: 6px;
}
.contactUs form#webform-client-form-23698 #edit-submitted-time-of-visit-ampm {
display: block;
margin-top: 5px;
}
.contactUs form#webform-client-form-23698 .webform-component--time-of-visit span.prefix {
line-height: 30px;
vertical-align: top;
}
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-month .select-wrapper {
width: 75px;
}
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-day .select-wrapper {
width: 65px;
}
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-year .select-wrapper {
width: 70px;
}
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-month .select-wrapper,
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-day .select-wrapper,
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-year .select-wrapper {
display: inline-block;
background-position: 93% center;
}
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-month .select-wrapper select,
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-day .select-wrapper select,
.contactUs form#webform-client-form-23698 .form-item-submitted-date-of-visit-year .select-wrapper select {
background: none repeat scroll 0 0 transparent;
border: 0 none;
width: 135%;
}
.contactUs form#webform-client-form-23698 input.webform-calendar {
width: 29px;
}
.contactUs form#webform-client-form-23698 .captcha-wrapper {
margin-top: 20px;
}
.contactUs form#webform-client-form-23698 .captcha-wrapper > fieldset.captcha {
padding: 0px;
border: none;
}
.contactUs form#webform-client-form-23698 .captcha-wrapper > fieldset.captcha legend,
.contactUs form#webform-client-form-23698 .captcha-wrapper > fieldset.captcha .fieldset-description {
display: none;
}
.contactUs .complete-a-survey {
padding: 20px 15px;
position: relative;
text-align: center;
}
.contactUs .complete-a-survey p {
text-align: left;
}
.contactUs .complete-a-survey .top {
background: url("../../../../themes/custom/bk_theme/img/bg/line-med-horz.png") repeat-x scroll left top rgba(0, 0, 0, 0);
height: 4px;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.contactUs .complete-a-survey .bottom {
background: url("../../../../themes/custom/bk_theme/img/bg/line-med-horz.png") repeat-x scroll left top rgba(0, 0, 0, 0);
height: 4px;
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
}
.contactUs .complete-a-survey .left {
background: url("../../../../themes/custom/bk_theme/img/bg/line-med-vert.png") repeat-y scroll left top rgba(0, 0, 0, 0);
height: 100%;
width: 4px;
position: absolute;
left: 0px;
top: 0px;
}
.contactUs .complete-a-survey .right {
background: url("../../../../themes/custom/bk_theme/img/bg/line-med-vert.png") repeat-y scroll left top rgba(0, 0, 0, 0);
height: 100%;
width: 4px;
position: absolute;
right: 0px;
top: 0px;
}
.contactUs .complete-a-survey h3.block-title {
font-family: "BlockBeCnPro", Arial, Helvetica, sans-serif;
font-size: 41px;
line-height: 1;
letter-spacing: -1px;
margin-top: 0px;
}
.contactUs .talk-to-us {
background-color: #f7f9f9;
padding: 25px 23px;
}
.contactUs .talk-to-us h3.block-title {
margin: 0 auto;
max-width: 100%;
font: 65px 'fs_sammyregular', Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: inherit;
color: #525050;
}
.page-partnerships .searchItems ul.itemsList li:first-of-type {
background-image: none;
}
@media screen and (max-width: 479px) {
.crm .col-sm-6 .crmTitle {
font-size: 36px;
margin-bottom: 15px;
}
.crm .col-sm-6.special-stores .crmTitle {
font-size: 25px;
line-height: 1.4;
margin-bottom: 0px;
}
.crm .col-sm-6 .crmButtons .crmButton {
margin-bottom: 24px;
}
.crm .col-sm-6 .crmButtons .crmButton:last-child {
margin-bottom: 0px;
}
.crm .col-sm-6 .crmText {
font-size: 18px;
}
}
@media screen and (min-width: 768px) {
.main-header .logo {
margin-right: 12px;
}
.mainNav {
padding-top: 17px;
}
.mainNav > li {
margin-right: 18px;
}
.mainNav .menuItem-medium {
font-size: 40px;
}
.mainNav li.hasForm.site-search {
margin-right: 5px;
}
.mainNav .socialLinks-top {
background-color: transparent;
margin-right: 0px;
padding-top: 20px;
}
.mainNav .socialLinks-top .icon_facebook-white,
.mainNav .socialLinks-top .icon_instagram-white {
height: 32px;
width: 32px;
}
.mainNav .socialLinks-top .icon_instagram-white {
margin-left: 2px;
}
.mainNav .socialLinks-top span.wrap-fb {
margin-right: 0px;
}
/*
* CRM
*/
.crm {
background-size: 2000px 100%;
/*margin: -3px 0;*/
top: -4px;
margin-bottom: -8px;
position: relative;
}
.crm hr {
display: none;
}
.crm .crm-content {
padding: 40px 0 40px;
}
.crm .col-sm-6:nth-of-type(2) {
background: url(../../../../themes/custom/bk_theme/img/bg/orange-vertical.png);
background-position: 0 40px, 100% 100%;
background-repeat: no-repeat;
background-size: auto auto;
}
.crm .col-sm-6 .crmTitle {
font-size: 65px;
padding: 0 0 15px 0;
max-width: 290px;
line-height: 1.3;
}
.crm .col-sm-6.special-stores .crmTitle {
font-size: 28px;
line-height: 1.2;
max-width: 100%;
}
.crm .col-sm-6.special-stores .crmTitle.get-offers-sent-to-you {
font-size: 30px;
}
.crm .col-sm-6 .crmButtons .crmButton.wi-fi {
margin-top: 5px;
margin-right: 0px;
}
.crm .col-sm-6 .crmButtons .crmButton.wi-fi .bk-icon > img {
width: 42px;
}
.crm .col-sm-6 .crmButtons .crmButton.time-out {
margin-top: 5px;
}
.crm .col-sm-6 .crmButtons .crmButton.time-out .bk-icon > img {
width: 124px;
}
.crm .col-sm-6 .crmText {
font-size: 18px;
}
.crm .col-sm-6 .shareSection {
padding: 0 0 0 37%;
margin: 0 auto;
overflow: hidden;
}
.crm .col-sm-6 .shareSection .icon {
vertical-align: middle;
}
.crm .col-sm-6 .shareSection .socialLinks {
margin: 0 auto;
width: 100%;
height: 75px;
}
.crm .col-sm-6 .shareSection .socialLinks .wrapper {
position: relative;
width: 20%;
margin-right: 7%;
}
.crm .col-sm-6 .shareSection .socialLinks .wrapper:last-of-type {
margin-right: 0;
}
.crm .col-sm-6 .shareSection .socialLinks .icon_facebook-crm-offwhite,
.crm .col-sm-6 .shareSection .socialLinks .icon_instagram-crm-offwhite,
.crm .col-sm-6 .shareSection .socialLinks .icon_twitter-crm-offwhite,
.crm .col-sm-6 .shareSection .socialLinks .icon_youtube-crm-offwhite,
.crm .col-sm-6 .shareSection .socialLinks .icon_googlePlus-crm-offwhite {
display: inline-block;
position: relative;
}
.crm .col-sm-6 .shareSection .socialLinks .icon_facebook-crm-offwhite {
width: 49px;
height: 49px;
}
.crm .col-sm-6 .shareSection .socialLinks .icon_instagram-crm-offwhite {
width: 49px;
height: 49px;
}
.crm .col-sm-6 .shareSection .socialLinks .icon_twitter-crm-offwhite {
width: 50px;
height: 48px;
margin-top: 3px;
}
.crm .col-sm-6 .shareSection .socialLinks .icon_youtube-crm-offwhite {
width: 49px;
height: 49px;
}
.crm .col-sm-6 .shareSection .socialLinks .icon_googlePlus-crm-offwhite {
width: 49px;
height: 49px;
}
.crm + footer {
margin-top: 8px;
top: -8px;
}
/*
* Callouts
*/
.bkCallouts {
padding: 100px 0 175px;
background: url(../../../../themes/custom/bk_theme/img/footer/footer_bk-nz_fries.jpg);
background-repeat: repeat-x;
background-size: 1100px 180px;
background-position: 0 bottom;
margin-bottom: -5px;
}
/* About BK page */
.aboutBK section.container-fluid:last-of-type {
background: url(../../../../themes/custom/bk_theme/img/bg/opening-bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
}
/*
* Contact Us
*/
.contactUs h3.title {
font-size: 70px;
}
.contactUs .panel-middle .panel-left {
padding-right: 15px;
}
.contactUs h3.title.share-your-feedback {
padding-bottom: 0px;
}
.contactUs form#webform-client-form-23698 #edit-submitted-time-of-visit-ampm {
display: inline-block;
vertical-align: top;
margin-left: 5px;
}
.page-partnerships .secondaryNav > li > a,
.page-sponsorship .secondaryNav > li > a {
padding: 13px 20px;
font-size: 12px;
}
}
@media screen and (min-width: 800px) {
.mainNav > li {
margin-right: 28px;
}
}
@media screen and (min-width: 992px) {
.main-header .logo {
margin-right: 50px;
}
.mainNav {
padding-top: 10px;
}
.mainNav > li {
margin-right: 45px;
}
.mainNav .menuItem-medium {
font-size: 50px;
}
.mainNav .socialLinks-top {
padding-top: 25px;
}
.mainNav .socialLinks-top .icon_facebook-white,
.mainNav .socialLinks-top .icon_instagram-white {
height: 37px;
width: 37px;
}
.mainNav li.hasForm.site-search {
margin-right: 10px;
}
.crm .col-sm-6.special-stores .crmTitle {
font-size: 37px;
padding: 0 0 15px 0;
max-width: 450px;
line-height: 1.2;
}
.crm .col-sm-6.special-stores .crmTitle.get-offers-sent-to-you {
font-size: 37px;
}
.crm .col-sm-6.special-stores .crmTitle.time-out {
font-size: 31px;
line-height: 1.1;
}
.crm .col-sm-6 .crmButtons .crmButton.wi-fi {
margin-right: 8px;
}
}
@media screen and (min-width: 1000px) {
/*
* Contact Us
*/
.contactUs .row.content.panel-middle {
padding: 50px 0px 65px;
position: relative;
height: auto;
width: 1000px;
}
}
/*
* BK-App Page (Built since 2015)
*/
.page-app-2017 p {
text-align: center;
}
.page-app-2017 section:not(.crm) .content {
padding: 30px 0px 0;
}
.page-app-2017 section.bk-app-content .content {
padding: 15px 10px 0;
}
.page-app-2017 .content h3.title {
font-family: 'BlockBeCnPro', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 1;
margin: 0;
padding: 0 0 10px;
text-align: center;
}
.page-app-2017 img {
max-width: 100%;
margin: 0 auto;
margin-bottom: -2px;
display: block;
}
.page-app-2017 .appLinks {
text-align: center;
margin-bottom: 30px;
}
.page-app-2017 .appLinks img {
display: inline-block;
}
.page-app-2017 .app-features .feature {
margin-bottom: 20px;
}
.page-app-2017 .app-features .feature .header {
color: #fff;
background-color: #ed7800;
float: left;
width: 38%;
font-family: 'BlockBeCnPro', Arial, Helvetica, sans-serif;
font-size: 18px;
padding: 15px 8px;
text-align: center;
position: relative;
}
.page-app-2017 .app-features .feature .header .arrow {
background: url("/img/app/arrow-horizontal.png") no-repeat scroll 0 0 transparent;
width: 18px;
height: 24px;
position: absolute;
right: -10px;
bottom: 43%;
}
.page-app-2017 .app-features .feature .header img {
width: auto;
}
.page-app-2017 .app-features .feature .header .text {
margin-top: 10px;
line-height: 20px;
}
.page-app-2017 .app-features .feature .desc {
color: #fff;
background-color: #2d2d2d;
float: left;
width: 61%;
padding: 15px 15px 15px 18px;
font-size: 13px;
}
.page-app-2017 .app-features .feature.item-coupon .header,
.page-app-2017 .app-features .feature.item-findbk .header,
.page-app-2017 .app-features .feature.item-menu .header,
.page-app-2017 .app-features .feature.item-coupon .desc,
.page-app-2017 .app-features .feature.item-findbk .desc,
.page-app-2017 .app-features .feature.item-menu .desc {
min-height: 126px;
}
.page-app-2017 .app-features .feature.item-rewards .header,
.page-app-2017 .app-features .feature.item-rewards .desc {
min-height: 158px;
}
.page-app-2017 .app-features .feature.item-coupon .header,
.page-app-2017 .app-features .feature.item-menu .header,
.page-app-2017 .app-features .feature.item-rewards .header {
padding: 26px 8px 15px 8px;
}
.page-app-2017 p.have-a-question {
margin-bottom: 30px;
}
@media screen and (min-width: 375px) {
/* i6, i6+ */
.page-app-2017 .content h3.title {
font-size: 36px;
}
.page-app-2017 .app-features .feature.item-coupon .desc,
.page-app-2017 .app-features .feature.item-findbk .desc,
.page-app-2017 .app-features .feature.item-menu .desc {
padding: 29px 15px 15px 18px;
}
.page-app-2017 .app-features .feature.item-rewards .desc {
padding: 15px 15px 15px 18px;
}
.page-app-2017 .app-features .feature.item-menu .header {
padding: 26px 8px 15px 8px;
}
.page-app-2017 .app-features .feature.item-rewards .header,
.page-app-2017 .app-features .feature.item-rewards .desc {
min-height: 126px;
}
}
/*
* BK-App Rewards Page
*/
.page-rewards .horizontal-module .row.content ul {
text-align: left;
list-style: inherit;
padding-left: 40px;
}
.page-rewards .horizontal-module .row.content ul > li {
margin-bottom: 16px;
}
.page-rewards .container-fluid.horizontal-module p {
font-size: 14px;
margin: 16px 0px;
}
/*
* BK-FAQ Page
*/
.page-faq .faq-group {
text-align: left;
}
.page-faq .faq-group .group-title {
font-family: "BlockBeCnPro", Arial, Helvetica, sans-serif;
font-size: 27px;
margin-bottom: 16px;
}
.page-faq .faq-item {
margin-bottom: 18px;
}
.page-faq .faq-item .item-question {
font-size: 18px;
color: #ED7707;
margin-bottom: 4px;
}
.page-faq .faq-item .item-answer,
.page-faq .faq-item .item-answer p {
font-size: 14px;
margin: 10px 0px;
}
@media screen and (min-width: 768px) {
/*
* BK-App Page
*/
.page-app-2017 .content h3.title {
font-size: 45px;
}
.page-app-2017 .app-features .feature {
padding-right: 15px;
}
.page-app-2017 .app-features .feature .header {
float: none;
width: auto;
}
.page-app-2017 .app-features .feature .header .text {
font-size: 22px;
line-height: 26px;
}
.page-app-2017 .app-features .feature .header img {
width: auto;
}
.page-app-2017 .app-features .feature .header .arrow {
background: url("/img/app/arrow-vertical.png") no-repeat scroll 0 0 transparent;
width: 24px ;
height: 18px;
position: absolute;
right: 45%;
bottom: -14px;
}
.page-app-2017 .app-features .feature .desc {
float: none;
width: auto;
}
.page-app-2017 .app-features .feature.item-coupon .header,
.page-app-2017 .app-features .feature.item-findbk .header,
.page-app-2017 .app-features .feature.item-menu .header,
.page-app-2017 .app-features .feature.item-rewards .header {
padding: 15px 8px 15px 8px;
min-height: 140px;
}
.page-app-2017 .app-features .feature.item-coupon .desc,
.page-app-2017 .app-features .feature.item-findbk .desc,
.page-app-2017 .app-features .feature.item-menu .desc,
.page-app-2017 .app-features .feature.item-rewards .desc {
padding: 20px;
min-height: 280px;
text-align: center;
font-size: inherit;
}
.page-app-2017 .app-features .feature.item-coupon .header .text {
margin-top: 16px;
}
}
@media screen and (min-width: 992px) {
/*
* BK-App Page
*/
.page-app-2017 .content h3.title {
font-size: 58px;
}
.page-app-2017 .app-features .feature .header .text {
font-size: 28px;
line-height: 28px;
}
.page-app-2017 .app-features .feature.item-coupon .desc,
.page-app-2017 .app-features .feature.item-findbk .desc,
.page-app-2017 .app-features .feature.item-menu .desc,
.page-app-2017 .app-features .feature.item-rewards .desc {
min-height: 232px;
}
}
/* Wifi Page */
.page-wifi p {
text-align: center;
}
.page-wifi .whopperImg img {
margin: 0 auto;
max-width: 68%;
}
.page-wifi .appLinks {
margin-top: 6px;
text-align: center;
}
.page-wifi .appLinks a {
margin: 0px;
}
.page-wifi .offers {
padding: 50px 0;
}
.page-wifi .offers img {
margin: 0 auto;
max-width: 100%;
}
.page-wifi .horizontal-module .row.content {
padding: 22px 2px 30px;
}
.page-wifi .horizontal-module h3.title {
font-size: 35px;
padding: 0 10px 5px 10px;
}
.page-wifi .btn-gamehub.bk-btn,
.page-wifi .btn-home.bk-btn {
padding: 1px 5px 0;
}
@media screen and (min-width: 375px) {
/* i6, i6+ */
.page-wifi .horizontal-module .row.content {
padding: 22px 20px 30px;
}
.page-wifi .btn-gamehub.bk-btn,
.page-wifi .btn-home.bk-btn {
padding: 1px 10px 0;
}
.page-wifi .appLinks {
margin-top: 10px;
text-align: center;
}
.page-wifi .horizontal-module h3.title {
font-size: 45px;
padding: 0 10px 5px 10px;
}
}
@media screen and (min-width: 768px) {
.page-wifi .appLinks {
margin-top: 15px;
}
.page-wifi .appLinks a {
margin: 0 10px;
}
.page-wifi .horizontal-module .row.content {
width: auto;
padding: 35px 20px 40px;
}
.page-wifi .horizontal-module h3.title {
padding: 0px 30px 10px 30px;
font-size: 60px;
}
.page-wifi .whopperImg img {
max-width: 55%;
}
}
@media screen and (min-width: 992px) {
.page-wifi .whopperImg {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
.page-wifi .whopperImg img {
max-width: 80%;
}
.page-wifi .horizontal-module h3.title {
padding: 0px 0px 0px 30px;
}
.page-wifi .appLinks {
margin-top: 25px;
}
.page-wifi .offers {
padding: 50px 0 0;
}
.page-wifi .footerImg:after {
content: " ";
display: block;
height: 275px;
width: 100%;
background: url(/img/footer/footer_coffee.jpg);
background-repeat: repeat-x;
background-position: 0 bottom;
margin-bottom: -5px;
}
}
/* /gojoe page */
.page-gojoe .horizontal-module .row.content {
padding: 30px 30px 65px 30px;
}
.page-gojoe .horizontal-module .title {
font-size: 30px;
padding-bottom: 15px;
}
.page-gojoe .promo img {
max-width: 100%;
margin-top: 15px;
}
.page-gojoe .info {
margin: 20px 0px;
}
.page-gojoe .restaurants {
margin: 0 auto;
max-width: 857px /* 857px is the width of image */;
}
.page-gojoe .restaurant {
padding: 10px 5px;
}
.page-gojoe .restaurant .city {
font-family: "BlockBeCnPro", Arial, Helvetica, sans-serif;
font-size: 22px;
text-align: left;
text-transform: uppercase;
}
.page-gojoe .restaurant .addr {
text-align: left;
}
.page-gojoe .restaurant:before,
.page-gojoe .restaurant:after {
content: "";
display: block;
position: absolute;
top: 0;
}
.page-gojoe .restaurant:before {
background: url(/img/bg/line-med-horz.png) repeat-x top;
height: 4px;
width: 100%;
left: 0;
}
.page-gojoe .restaurant:after {
background: url(/img/bg/line-med-vert.png) repeat-y right;
height: 100%;
width: 4px;
right: 0;
}
.page-gojoe .restaurant:nth-of-type(1):before {
background-image: none;
}
.page-gojoe .restaurant:nth-last-of-type(1):before {
background-image: none;
}
.page-gojoe .restaurant:nth-of-type(n):after {
background-image: none;
}
@media screen and (min-width: 768px) {
.page-gojoe .horizontal-module .title {
font-size: 70px;
padding-bottom: 30px;
}
.page-gojoe .horizontal-module .row.content {
width: auto;
}
.page-gojoe .restaurant {
min-height: 88px;
}
.page-gojoe .restaurant:nth-of-type(2n) {
padding: 10px;
}
.page-gojoe .restaurant:nth-of-type(1):before,
.page-gojoe .restaurant:nth-of-type(2):before {
background-image: none;
}
.page-gojoe .restaurant:nth-last-of-type(1):before {
background-image: url(/img/bg/line-med-horz.png);
}
.page-gojoe .restaurant:nth-of-type(n):after {
background-image: url(/img/bg/line-med-vert.png);
}
.page-gojoe .restaurant:nth-of-type(2n):after {
background-image: none;
}
}
/* Menu Categories Colors */
.borderimage.inlinesvg .menuTitle > span {
background: transparent;
border-radius: 0;
border: 5px solid transparent;
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNDQ0MjQyJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNDQ0MjQyJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-promotion .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZjM2Mjc5Jy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZjM2Mjc5Jy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-burgers .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjOGI1NDJmJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjOGI1NDJmJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-chicken .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZWQ3ODAwJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZWQ3ODAwJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-salads .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNTk5ODBkJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNTk5ODBkJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-beverages .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjYTIwMDdkJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjYTIwMDdkJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-breakfast .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZWU4MzI0Jy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZWU4MzI0Jy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-sides .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZjZhODAwJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZjZhODAwJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-sweets .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjMDA3MWNlJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjMDA3MWNlJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-value .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjYWIxOTJkJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjYWIxOTJkJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-better .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNjJhNzBmJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNjJhNzBmJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-meal .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNTkyOTFjJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNTkyOTFjJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-kids .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjOTJjMGVhJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjOTJjMGVhJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-smoothies .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZjM2Mjc5Jy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjZjM2Mjc5Jy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
A bug in firefox on the mac displays a transparent line at
certain resolutions (it's a sub-pixel rendering bug).
To fix that we had:
border-image: ~'url("@{content}")' 5 0 5 5 fill round;
We removed that fix to fix a bug in Safari where the right edge
was being truncated (the "0") with no curves
*/
}
.borderimage.inlinesvg .page-stunner .menuTitle > span {
/*-webkit-border-image: url("data:image/svg+xml,") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,") 5 0 5 5 fill stretch;
*/
-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjMDAzM2ExJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjMDAzM2ExJy8+PC9zdmc+") 5 0 5 5 fill stretch;
/*
The border spacing values really should be "5" for all sides.
However, a bug in firefox was displaying a transparent pixels at
certain resolutions. This works around it. Once this bug is gone, this
should be replaced to
border-image: ~'url("@{content}")' 5 fill round;
*/
}
.borderimage.inlinesvg .page-meal-deal .menuTitle > span {
-webkit-border-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNmUzZDMwJy8+PC9zdmc+) 5 0 5 5 stretch;
border-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNmUzZDMwJy8+PC9zdmc+) 5 0 5 5 fill stretch;
/*-webkit-border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNmUzZDMwJy8+PC9zdmc+") 5 0 5 5 stretch;
border-image: url("data:image/svg+xml,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEnIHg9JzAnIHk9JzAnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwJyB4bWw6c3BhY2U9J3ByZXNlcnZlJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAxNjAgMTYwJz48cGF0aCBkPSdNNCAyYzAgMCAxIDAgNCAwIDYgMCAxNSAxIDIxIDFDMzYgMyA1NCAwIDYzIDBjOSAwIDI1IDIgMzEgMiA2IDAgMjQgMiAzMyAyIDcgMCAyMi0yIDI2LTIgMSAwIDQgMCA0IDAgMiAwIDQgMiA0IDR2MTQ5YzAgMi0yIDQtNCA0IDAgMC0yIDAtNCAwIC0zIDAtMTkgMS0yNCAxIC05IDAtMzEtMS0zMS0xcy0yMi0xLTMwLTFTNDMgMTYwIDM3IDE2MGMtNSAwLTIzLTEtMjktMSAtMSAwLTQgMC00IDAgLTIgMC00LTItNC00VjZDMCA0IDIgMiA0IDJ6JyBmaWxsPScjNmUzZDMwJy8+PC9zdmc+") 5 0 5 5 fill stretch;
*/
/*
The border spacing values really should be "5" for all sides.
However, a bug in firefox was displaying a transparent pixels at
certain resolutions. This works around it. Once this bug is gone, this
should be replaced to
border-image: ~'url("@{content}")' 5 fill round;
*/
}
/*
* Submenu Colors
*/
.secondaryNav {
/* Franchising */
}
.secondaryNav > li > a:hover,
.secondaryNav > li > a.active {
color: #fff;
}
.secondaryNav > li.promotion > a:hover,
.page-promotion .secondaryNav > li.promotion > a {
background: #f36279;
}
.secondaryNav > li.burgers > a:hover,
.page-burgers .secondaryNav > li.burgers > a {
background: #8b542f;
}
.secondaryNav > li.chicken > a:hover,
.page-chicken .secondaryNav > li.chicken > a {
background: #ed7800;
}
.secondaryNav > li.salads > a:hover,
.page-salads .secondaryNav > li.salads > a {
background: #59980d;
}
.secondaryNav > li.beverages > a:hover,
.page-beverages .secondaryNav > li.beverages > a {
background: #a2007d;
}
.secondaryNav > li.breakfast > a:hover,
.page-breakfast .secondaryNav > li.breakfast > a {
background: #ee8324;
}
.secondaryNav > li.sides > a:hover,
.page-sides .secondaryNav > li.sides > a {
background: #f6a800;
}
.secondaryNav > li.sweets > a:hover,
.page-sweets .secondaryNav > li.sweets > a {
background: #0071ce;
}
.secondaryNav > li.value > a:hover,
.page-value .secondaryNav > li.value > a {
background: #ab192d;
}
.secondaryNav > li.better > a:hover,
.page-better .secondaryNav > li.better > a {
background: #62a70f;
}
.secondaryNav > li.meal > a:hover,
.page-meal .secondaryNav > li.meal > a {
background: #59291c;
}
.secondaryNav > li.kids > a:hover,
.page-kids .secondaryNav > li.kids > a {
background: #92c0ea;
}
.secondaryNav > li.smoothies > a:hover,
.page-smoothies .secondaryNav > li.smoothies > a {
background: #f36279;
}
.secondaryNav > li.stunner > a:hover,
.page-stunner .secondaryNav > li.stunner > a {
background: #0033a1;
}
.secondaryNav > li.meal-deal > a:hover,
.page-meal-deal .secondaryNav > li.meal-deal > a {
background: #6e3d30;
}
.food-category.promotion .title {
color: #f36279;
}
.food-category.stunner .title {
color: #0033a1;
}
.food-category.meal-deal .title {
color: #6e3d30;
}
/* END */
/* Locations page */
.mapContainer {
position: relative;
}
.mapContainer .locInput {
position: absolute;
top: 25px;
right: 90px;
border: 1px solid #ed7800;
font-size: 0;
}
.mapContainer .locInput > input {
border: none;
background: #fff;
padding: 11px 15px 10px;
font-size: 14px;
color: #ed7800;
width: 150px;
border-radius: 0;
-webkit-appearance: none;
}
.mapContainer .locInput .submit {
background: #ed7800;
height: 38px;
width: 37px;
display: inline-block;
vertical-align: top;
text-align: center;
}
.mapContainer .locInput .icon_pindrop-white {
width: 17px;
height: 24px;
margin: 6px 0 0;
}
.mapContainer .locInput ::-webkit-input-placeholder {
color: #ed7800;
}
.mapContainer .locInput ::-moz-placeholder {
color: #ed7800;
}
.mapContainer .locInput :-ms-input-placeholder {
color: #ed7800;
}
#locationsMap {
height: 370px;
width: 100%;
}
#locationsMap .mapMarkerLabel {
font: 18px/1 'BlockBeCnPro', Arial, Helvetica, sans-serif;
position: relative;
}
#locationsMap .mapMarkerLabel.myBk {
font-size: 13px;
}
#locationsMap .mapMarkerLabel.hasDelivery {
overflow: visible !important;
z-index: auto !important;
}
#locationsMap .mapMarkerLabel .getDelivery {
font: 16px/1 'BlockBeCnPro', Arial, Helvetica, sans-serif;
text-transform: uppercase;
background: #2d2a26;
color: #fff;
padding: 8px 10px 8px 24px;
position: absolute;
left: 100%;
top: -2px;
white-space: nowrap;
margin-left: 5px;
-webkit-font-smoothing: antialiased;
}
#locationsMap .mapMarkerLabel .getDelivery:after {
content: '';
display: block;
width: 5px;
height: 100%;
position: absolute;
right: -5px;
top: 0;
background: linear-gradient(-45deg, transparent 75%, #2d2d2d 75%) 0 50%, linear-gradient(-135deg, transparent 75%, #2d2d2d 75%) 0 50%;
background-repeat: repeat-y;
background-size: 6px 6px, 5px 6px;
}
#locationsMap .mapMarkerLabel .text {
position: relative;
z-index: 2;
}
#locationsMap .mapMarkerLabel .icon_truck-white {
width: 16px;
height: 12px;
margin: 0 0 0 5px;
}
.locationsResults {
line-height: 1.25;
}
.locationsResults .sectionTitle {
margin: 25px 0 5px;
}
.locationsList .location {
margin: 0 0 35px;
}
.locationsList .location dd {
margin-left: 0;
clear: both;
}
.locationsList .markerArea {
width: 44px;
margin-right: 16px;
cursor: pointer;
float: left;
position: relative;
}
.locationsList .icon_pindrop-orange,
.locationsList .icon_pindrop-blue {
width: 43px;
height: 60px;
}
.locationsList .index {
color: #333;
font: 18px/1 'BlockBeCnPro', Arial, Helvetica, sans-serif;
position: relative;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 9px;
top: 13px;
width: 25px;
text-align: center;
}
.locationsList .myBk {
font-size: 13px;
top: 9px;
}
.locationsList .locationContent {
float: left;
width: 80%;
/* 512/640 */
font-size: 14px;
}
.locationsList .title {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
.locationsList .links {
margin: 5px 0;
font-size: 16px;
}
.locationsList .links > a {
color: #ed7800;
}
.locationsList ul.storeHours {
margin: 2px 0px 2px 16px;
}
.locationsList ul.storeHours > li {
clear: both;
}
.locationsList ul.storeHours > li > span {
float: left;
display: block;
}
.locationsList ul.storeHours > li > .day-name {
width: 36px;
}
.locationsList .tags {
margin-top: 8px;
}
.locationsList .tags .tag-icon {
margin-right: 5px;
}
@media screen and (max-width: 479px) {
.locationsList ul.storeHours {
font-size: 13px;
margin-left: 6px;
}
.locationsList ul.storeHours > li > .day-name {
width: 34px;
}
}
@media screen and (max-width: 340px) {
.locationsList .markerArea {
margin-right: 8px;
}
.locationsList ul.storeHours {
font-size: 13px;
margin-left: 5px;
}
.locationsList ul.storeHours > li > .day-name {
font-size: 0px;
width: 20px;
}
.locationsList ul.storeHours > li > .day-name::first-letter {
font-size: 13px;
}
.locationsList ul.storeHours > li > .day-name > .colon {
font-size: 13px;
}
.locationsList .tags .tag-icon {
margin-right: 3px;
}
}
/* END */
/*
* Callouts
*/
.bkCallouts .col-sm-4 {
text-align: center;
padding: 25px 0;
}
@media screen and (max-width: 479px) {
.container-fluid.bkCallouts .col-xs-6 {
width: 100%;
}
}
/* END */
/*
* BK News
*/
.page-bk-news .pageTitle {
background: none repeat scroll 0 0 #2d2d2d !important;
padding: 8px 0 6px;
}
.page-bk-news .pageTitle h2 {
color: #e6e6e6;
font-family: "BlockBeCnPro", Arial, Helvetica, sans-serif;
font-size: 45px;
font-weight: normal;
line-height: 1;
margin: 0 auto;
text-transform: uppercase;
text-align: center;
}
.page-bk-news {
font-size: 16px;
line-height: 1.25;
}
.page-bk-news h1,
.page-bk-news h2,
.page-bk-news h3,
.page-bk-news h4 {
font-family: "BlockBeCnPro", Arial, Helvetica, sans-serif;
}
.page-bk-news .col-sm-3 {
padding-left: 0px;
padding-right: 0px;
}
#alert-signup,
#alert-unsub {
text-align: left;
width: 50%;
margin: 30px auto;
}
@media only screen and (max-width: 767px) {
#alert-signup,
#alert-unsub {
width: 100%;
}
}
#alert-signup input,
#alert-unsub input {
margin-bottom: 15px;
}
#alert-signup input:last-child,
#alert-unsub input:last-child {
margin-bottom: 0 !important;
}
#alert-signup input[type=text],
#alert-signup input[type=email],
#alert-unsub input[type=text],
#alert-unsub input[type=email],
#alert-signup select {
border: 3px solid #ED7800;
border-radius: 0;
box-shadow: none;
padding: 10px;
height: auto;
}
.birthdate .input-group {
width: 100%;
}
#date-day,
#date-month,
#date-year {
width: 49.3%;
}
#alert-signup input[type=radio],
#alert-unsub input[type=radio] {
border-radius: 0;
}
#alert-signup .notice,
#alert-unsub .notice {
margin-bottom: 15px;
}
#alert-signup .help .message {
font-size: 0.8em;
padding: 5px 15px;
margin: 5px 0;
float: left;
clear: both;
}
#alert-signup .help .message.error {
color: #e54e4e;
border-color: #e54e4e;
border: 1px solid;
background-image: none;
}
#alert-signup .help .message.info {
font-style: italic;
padding: 0 15px;
}
#alert-signup .help:before,
#alert-signup .help:after {
content: '';
display: table;
}
#alert-signup .help:after {
clear: both;
}
#alert-signup .birthdate input {
margin-bottom: 0;
}
/* END */
/* NEWS & PRESS */
.node-type-news-press header.pageTitle {
display: none;
}
/* END */
/* Promotion Signup */
.page-node-24251 .img-top .desktop {
display: none;
}
@media screen and (min-width: 768px) {
.page-node-24251 .img-top .desktop {
display: inline;
}
}
@media screen and (min-width: 768px) {
.page-node-24251 .img-top .mobile {
display: none;
}
}
.page-node-24251 .img-top img {
width: 100%;
}
.page-node-24251 .content-area #main-content {
padding: 0 12px;
}
@media screen and (min-width: 768px) {
.page-node-24251 .content-area #main-content {
margin: 0 auto;
width: 100%;
float: none;
padding: 0px;
}
}
.page-node-24251 .system-message .container .messages.error {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.page-node-28934 .img-top .desktop {
display: none;
}
@media screen and (min-width: 768px) {
.page-node-28934 .img-top .desktop {
display: inline;
}
}
@media screen and (min-width: 768px) {
.page-node-28934 .img-top .mobile {
display: none;
}
}
.page-node-28934 .img-top img {
width: 100%;
}
.page-node-28934 .content-area #main-content {
padding: 0 12px;
}
.page-node-28934 .content-area #main-content ul {
list-style-type: disc;
padding-left: 40px;
}
@media screen and (min-width: 768px) {
.page-node-28934 .content-area #main-content {
margin: 0 auto;
width: 100%;
float: none;
padding: 0px;
}
}
.page-node-28934 .system-message .container .messages.error {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.page-node-28963 .img-top .desktop {
display: none;
}
@media screen and (min-width: 768px) {
.page-node-28963 .img-top .desktop {
display: inline;
}
}
@media screen and (min-width: 768px) {
.page-node-28963 .img-top .mobile {
display: none;
}
}
.page-node-28963 .img-top img {
width: 100%;
}
.page-node-28963 .content-area #main-content {
padding: 0 12px;
}
.page-node-28963 .content-area #main-content ul {
list-style-type: disc;
padding-left: 40px;
}
@media screen and (min-width: 768px) {
.page-node-28963 .content-area #main-content {
margin: 0 auto;
width: 100%;
float: none;
padding: 0px;
}
}
.page-node-28963 .system-message .container .messages.error {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.node-webform .promotion-signup-form h2.title {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form h2.title {
padding-left: 10px;
}
}
.node-webform .promotion-signup-form input[type=text],
.node-webform .promotion-signup-form input[type=email],
.node-webform .promotion-signup-form select {
border: 3px solid #ED7800;
border-radius: 0;
box-shadow: none;
padding: 10px;
height: auto;
width: 100%;
}
.node-webform .promotion-signup-form input[type=text],
.node-webform .promotion-signup-form input[type=email] {
max-width: 100%;
}
.node-webform .promotion-signup-form .form-item label {
font-size: 16px;
font-weight: bold;
}
.node-webform .promotion-signup-form p.info-top img {
display: block;
margin: 0 auto;
padding-bottom: 35px;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form p.info-top img {
display: inline;
float: left;
padding: 0px 20px 10px 0px;
position: relative;
top: -16px;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form p.info-top {
padding: 0px 10px;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form p.info {
padding: 0px 10px;
}
}
.node-webform .promotion-signup-form .webform-component--name-header {
margin-bottom: 0;
}
.node-webform .promotion-signup-form .webform-component--first-name {
margin-top: 0;
margin-bottom: 0.5em;
}
.node-webform .promotion-signup-form .webform-component--last-name {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form input#edit-submitted-first-name {
width: 98%;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form input#edit-submitted-last-name {
width: 98%;
position: relative;
left: 2%;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .your-info-left {
padding: 0px 10px;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .your-info-right {
padding: 0px 10px;
}
}
.node-webform .promotion-signup-form .webform-component--first-name > label,
.node-webform .promotion-signup-form .webform-component--last-name > label,
.node-webform .promotion-signup-form .webform-component--bk-news-signup > label,
.node-webform .promotion-signup-form .webform-component--agree-to-terms-and-conditions > label {
display: none;
}
.node-webform .promotion-signup-form .form-item-submitted-birth-date-month,
.node-webform .promotion-signup-form .form-item-submitted-birth-date-day,
.node-webform .promotion-signup-form .webform-component--city {
margin-top: 0;
}
.node-webform .promotion-signup-form select#edit-submitted-birth-date-day {
width: 98%;
}
.node-webform .promotion-signup-form select#edit-submitted-birth-date-month {
width: 98%;
position: relative;
left: 2%;
}
.node-webform .promotion-signup-form .webform-component--city,
.node-webform .promotion-signup-form .webform-component--address {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .city-addr-wrapper {
width: 60%;
padding-left: 10px;
}
}
.node-webform .promotion-signup-form .webform-component--16-digit-code {
margin-bottom: 0.2em;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .webform-component--16-digit-code {
padding-left: 10px;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .webform-component--address {
margin-top: 0;
}
}
.node-webform .promotion-signup-form #edit-submitted-city,
.node-webform .promotion-signup-form #edit-submitted-address,
.node-webform .promotion-signup-form #edit-submitted-16-digit-code {
display: none;
}
.node-webform .promotion-signup-form .webform-component--birth-date .webform-container-inline div,
.node-webform .promotion-signup-form .webform-component--birth-date .webform-container-inline div.form-item {
display: block;
}
.node-webform .promotion-signup-form .webform-component--birth-date .webform-container-inline .row div.month,
.node-webform .promotion-signup-form .webform-component--birth-date .webform-container-inline .row div.day {
/* Switch day and month */
float: right;
}
.node-webform .promotion-signup-form .webform-component--birth-date .webform-container-inline .row div.month select,
.node-webform .promotion-signup-form .webform-component--birth-date .webform-container-inline .row div.day select {
min-width: 100px;
}
.node-webform .promotion-signup-form .webform-component--birth-date .webform-container-inline .form-item.form-item-submitted-birth-date-year {
display: none;
}
.node-webform .promotion-signup-form .webform-component--city + .select-wrapper,
.node-webform .promotion-signup-form .webform-component--address + .select-wrapper {
width: 100%;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .webform-component--city + .select-wrapper,
.node-webform .promotion-signup-form .webform-component--address + .select-wrapper {
width: 96%;
}
}
.node-webform .promotion-signup-form input[type=text].digit {
margin: 0px 1px;
width: 60px;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .digits-wrapper {
padding-left: 10px;
}
}
.node-webform .promotion-signup-form .webform-component--bk-news-signup {
margin-top: 25px;
}
.node-webform .promotion-signup-form .webform-component--bk-news-signup .form-item-submitted-bk-news-signup-yes > input {
width: 16px;
height: 16px;
margin-right: 2px;
margin-bottom: 1px;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .webform-component--bk-news-signup .form-item-submitted-bk-news-signup-yes > input {
width: 18px;
height: 18px;
margin-bottom: 2px;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .webform-component--bk-news-signup {
padding-left: 10px;
}
}
.node-webform .promotion-signup-form .webform-component--agree-to-terms-and-conditions {
margin-top: 25px;
}
.node-webform .promotion-signup-form .webform-component--agree-to-terms-and-conditions .form-item-submitted-agree-to-terms-and-conditions-yes > input {
width: 16px;
height: 16px;
margin-right: 2px;
margin-bottom: 1px;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .webform-component--agree-to-terms-and-conditions .form-item-submitted-agree-to-terms-and-conditions-yes > input {
width: 18px;
height: 18px;
margin-bottom: 2px;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .webform-component--agree-to-terms-and-conditions {
padding-left: 10px;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .webform-component--before-submit {
padding-left: 10px;
}
}
.node-webform .promotion-signup-form p.before-submit {
font-size: 0.85em;
}
.node-webform .promotion-signup-form .captcha .fieldset-description {
font-size: 0.85em;
}
.node-webform .promotion-signup-form .captcha input#edit-captcha-response {
width: 200px;
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .captcha {
padding-left: 10px;
}
}
@media screen and (min-width: 768px) {
.node-webform .promotion-signup-form .form-actions {
padding-left: 10px;
}
}
.node-webform .promotion-signup-form .select-wrapper select {
position: relative;
background-color: transparent;
z-index: 1;
}
.node-webform .promotion-signup-form .select-wrapper:after {
top: 15px;
right: 12px;
}
.page-node-24251.page-node-done #main-content .webform-confirmation + .links {
display: none;
}
.page-node-24251.page-node-done #main-content .webform-confirmation {
padding-left: 10px;
}
@media screen and (min-width: 768px) {
.page-node-24251.page-node-done #main-content .webform-confirmation {
padding-left: 40px;
}
}
.page-node-28934.page-node-done #main-content .webform-confirmation + .links {
display: none;
}
.page-node-28934.page-node-done #main-content .webform-confirmation {
padding-left: 10px;
}
@media screen and (min-width: 768px) {
.page-node-28934.page-node-done #main-content .webform-confirmation {
padding-left: 40px;
}
}
.page-node-28963.page-node-done #main-content .webform-confirmation + .links {
display: none;
}
.page-node-28963.page-node-done #main-content .webform-confirmation {
padding-left: 10px;
}
@media screen and (min-width: 768px) {
.page-node-28963.page-node-done #main-content .webform-confirmation {
padding-left: 40px;
}
}
/* Keep it clean page */
.keep-it-clean .content-wrapper {
background: url(/sites/all/modules/bk_theme_override/NZ/img/keep-it-clean/bg-brown-mobile.jpg) no-repeat center center;
background-size: cover;
}
@media screen and (min-width: 768px) {
.keep-it-clean .content-wrapper {
background: url(/sites/all/modules/bk_theme_override/NZ/img/keep-it-clean/bg-brown-desktop.jpg) no-repeat center center;
}
}
.keep-it-clean .content-wrapper p,
.keep-it-clean .content-wrapper div,
.keep-it-clean .content-wrapper h1,
.keep-it-clean .content-wrapper h2 {
color: #5a2a19;
}
.keep-it-clean .content-wrapper h2.title {
font-size: 45px;
line-height: 45px;
}
@media screen and (min-width: 768px) {
.keep-it-clean .content-wrapper h2.title {
font-size: 70px;
line-height: 1;
margin: 0px;
padding: 30px 0px;
}
}
@media screen and (min-width: 768px) {
.keep-it-clean .content-wrapper h2.title.first {
padding: 0px 0px 30px;
}
}
@media screen and (min-width: 768px) {
.keep-it-clean .images-top {
width: 530px;
margin: 0 auto;
padding: 20px 0px;
}
}
.keep-it-clean .images-top .col-xs-4 img {
width: 80%;
}
@media screen and (min-width: 768px) {
.keep-it-clean .images-top .col-xs-4 img {
width: 110px;
}
}
.keep-it-clean .images-top .col-xs-4 img.canterbury-logo {
width: 100%;
margin-top: 10px;
}
@media screen and (min-width: 768px) {
.keep-it-clean .images-top .col-xs-4 img.canterbury-logo {
width: 180px;
margin-top: 0;
}
}
.keep-it-clean ul.rules {
list-style: disc;
padding: 0 0 0 20px;
}
@media screen and (min-width: 1200px) {
.keep-it-clean .supporter-scores-wrapper {
width: 800px;
margin: 0 auto;
}
}
.keep-it-clean .supporter-scores-wrapper table.supporter-scores thead tr th {
display: none;
}
.keep-it-clean .supporter-scores-wrapper table.supporter-scores td,
.keep-it-clean .supporter-scores-wrapper table.supporter-scores th {
border: 3px solid #5a2a19;
}
.keep-it-clean .supporter-scores-wrapper table.supporter-scores tbody tr td:nth-child(odd) {
font-family: 'BlockBeCnPro', Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-size: 20px;
}
.keep-it-clean .supporter-scores-wrapper table.supporter-scores tbody tr td:nth-child(odd) sup {
font-size: 60%;
}
@media screen and (min-width: 768px) {
.keep-it-clean .prize-list .prize-item {
padding: 0px 10px;
}
}
@media screen and (min-width: 1200px) {
.keep-it-clean .prize-list .prize-item {
padding: 0px 20px;
}
}
.keep-it-clean .prize-list .prize-item .header {
font-family: 'BlockBeCnPro', Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-size: 22px;
}
.keep-it-clean .prize-list .prize-item .header sup {
font-size: 60%;
top: -0.5em;
}
.keep-it-clean .prize-list .prize-item .first {
color: #f58220;
}
.keep-it-clean .prize-list .prize-item .two-to-five {
color: #fdad13;
}
.keep-it-clean .prize-list .prize-item .six-to-ten {
color: #97cc6e;
}
.keep-it-clean .prize-list .prize-item .img {
text-align: center;
}
/* Club score */
.page-keepitclean > section {
background: url(../img/keep-it-clean/greengrass.jpg) no-repeat;
background-position: top center;
}
.page-keepitclean .top-logo > img {
margin-right: 30px;
}
.page-keepitclean .top-logo > img.img1 {
width: 80px;
}
@media screen and (min-width: 768px) {
.page-keepitclean .top-logo > img.img1 {
margin-left: 50px;
margin-right: 70px;
width: 120px;
}
}
.page-keepitclean .top-logo > img.img2 {
width: 80px;
}
@media screen and (min-width: 768px) {
.page-keepitclean .top-logo > img.img2 {
margin-right: 70px;
width: 120px;
}
}
.page-keepitclean .top-logo > img.img3 {
width: 100px;
}
@media screen and (min-width: 768px) {
.page-keepitclean .top-logo > img.img3 {
width: 160px;
}
}
@media screen and (min-width: 768px) {
.page-keepitclean .horizontal-module .row.content {
width: 90%;
}
}
@media screen and (min-width: 1024px) {
.page-keepitclean .horizontal-module .row.content {
width: 1000px;
}
}
#bk-club-score-login-form h3,
#bk-club-score-login-form label {
color: #FFF;
}
#bk-club-score-login-form input[type=text],
#bk-club-score-login-form input[type=password] {
width: 100%;
}
@media screen and (min-width: 768px) {
#bk-club-score-login-form input[type=text],
#bk-club-score-login-form input[type=password] {
width: auto;
}
}
.page-keepitclean-vote > section {
background-image: none;
background: #EDE8E2;
}
.page-keepitclean-vote .team-topnav {
text-align: left;
}
@media screen and (min-width: 768px) {
.page-keepitclean-vote .team-topnav {
text-align: right;
}
}
.page-keepitclean select {
border: 1px solid;
background: #fff;
padding: 11px 15px 10px;
font-size: 14px;
color: #ed7800;
width: 100%;
border-radius: 0;
-webkit-appearance: none;
}
.page-keepitclean .form-table input:not([type='radio']) {
width: 100%;
}
@media screen and (min-width: 768px) {
.page-keepitclean .form-table {
width: 800px;
}
}
.page-keepitclean .keepitclean-email-txt {
color: #FFF;
font-size: 12px;
font-weight: bold;
}
.page-keepitclean .keepitclean-email-txt {
/* Customize the label (the container) */
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
}
.page-keepitclean .keepitclean-email-txt .container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.page-keepitclean .keepitclean-email-txt .container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.page-keepitclean .keepitclean-email-txt .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
.page-keepitclean .keepitclean-email-txt .container:hover input ~ .checkmark {
background-color: #ccc;
}
.page-keepitclean .keepitclean-email-txt .container input:checked ~ .checkmark {
background-color: #ed7800;
}
.page-keepitclean .keepitclean-email-txt .checkmark:after {
content: "";
position: absolute;
display: none;
}
.page-keepitclean .keepitclean-email-txt .container input:checked ~ .checkmark:after {
display: block;
}
.page-keepitclean .keepitclean-email-txt .container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.page-keepitclean .keepitclean-bottom p {
margin: 10px 0;
color: #FFF;
font-size: 16px;
text-shadow: 2px 2px #000;
}
.page-keepitclean .keepitclean-bottom p a {
color: #FFD531;
}
.keepitclean-bottom .league-logo {
margin-top: 30px;
}
@media screen and (min-width: 768px) {
.keepitclean-bottom .league-logo {
margin-top: 40px;
}
}
.keepitclean-bottom .league-logo img {
width: 80px;
}
@media screen and (min-width: 375px) {
.keepitclean-bottom .league-logo img {
width: 95px;
}
}
@media screen and (min-width: 414px) {
.keepitclean-bottom .league-logo img {
width: 110px;
}
}
@media screen and (min-width: 768px) {
.keepitclean-bottom .league-logo img {
width: 200px;
}
}
/************************************
* *
* App page - V2 (2018) *
* *
************************************/
.page-app {
/* Modification - V2 (2018) */
}
.page-app .appLinks {
/* Fix .page-app .appLinks from styles.css */
text-align: inherit;
}
.page-app .content-area-fluid {
padding: 0px;
}
.page-app section:not(.crm) .content {
padding: 30px 0px 0;
}
.page-app .top-banner {
background: transparent url(../img/bg/bk-app-bg-02.jpg) no-repeat top center;
background-size: 100% 100%;
position: relative;
z-index: 0;
}
.page-app .top-banner .content img#app-top-mobile,
.page-app .top-banner .content img#app-top {
position: relative;
z-index: 2;
}
.page-app .top-banner .separator {
background: url(/sites/all/themes/custom/bk_theme/img/bg/line-med-horz.png);
background-position: 0 0, 100% 100%;
background-repeat: repeat-x, repeat-y;
z-index: 2;
position: relative;
height: 4px;
bottom: -1px;
}
.page-app .download-links {
position: relative;
}
.page-app .download-links .row.content {
padding: 30px 15px 0px 15px;
}
.page-app .download-links .gutter-image {
display: none;
background: transparent none no-repeat;
background-size: contain;
position: absolute;
top: 0px;
}
.page-app .download-links .bk-logo {
margin: 15px auto;
}
.page-app .download-links .appLinks {
margin-top: 25px;
margin-bottom: 20px;
text-align: center;
}
.page-app .download-links .appLinks a img {
width: 130px;
}
.page-app .download-links .appLinks a:first-child {
margin-right: 15px;
}
.page-app .download-links .download {
margin: 10px auto 25px;
}
.page-app .download-links .terms {
font-size: 8px;
color: #9e9e9e;
}
.page-app .download-links .terms > p {
text-align: center;
}
.page-app .coupons {
background: transparent url(../img/bg/bk-app-coupons-bg.jpg) no-repeat left top;
/* background-size: 1459px; */
position: relative;
z-index: 0;
/* height: 746px; */
}
.page-app .coupons .separator,
.page-app .menu .separator {
background: url(/sites/all/themes/custom/bk_theme/img/bg/line-med-horz.png);
background-position: 0 0, 100% 100%;
background-repeat: repeat-x, repeat-y;
z-index: 1;
position: relative;
height: 4px;
bottom: 0px;
}
.page-app .menu {
background: transparent url(../img/bg/bk-app-menu-bg.jpg) no-repeat left top;
position: relative;
z-index: 0;
}
.page-app .menu .gutter-image {
display: none;
background: transparent none no-repeat;
background-size: contain;
position: absolute;
top: 0px;
}
.page-app .more-details a > i.icon_right-white {
height: 25px;
width: 25px;
}
.page-app .more-details .download .row {
text-align: center;
}
.page-app .more-details .download a.android {
text-align: center;
margin-top: 15px;
}
.page-app .more-details .download {
padding: 10px 0 35px;
background: url(../img/app/line-horizontal.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 40% 3px;
}
.page-app .more-details .download h2,
.page-app .more-details .paypal h2 {
font-size: 22px;
text-align: center;
color: #ed7800;
}
.page-app .more-details .paypal-img img {
margin: 0 auto;
}
.page-app .more-details .paypal {
padding: 10px 0 35px;
background: url(../img/app/line-horizontal.png);
background-position: center bottom, 40% 3px;
background-repeat: no-repeat;
}
.page-app .more-details .tip-img {
margin: 0 auto;
}
.page-app .more-details .tip {
padding: 35px 0 35px;
}
.page-app .more-details .bg-ff {
background: transparent url(../img/bg/bk-app-ff-bg.jpg) no-repeat center top;
height: 180px;
position: relative;
bottom: -2px;
}
.page-app .bk-btn .icon.icon_app-arrow {
background-image: url(../img/app/arrow-brown.png);
background-repeat: no-repeat;
width: 14px;
height: 21px;
}
.page-app p.have-a-question {
margin-bottom: 30px;
padding: 0px 10px;
}
.page-app .how-to-order,
.page-app .app-coupons,
.page-app .platinum-rewards {
background: transparent url(../img/bg/bk-app-bg-02.jpg) no-repeat top center;
background-size: 100% 100%;
position: relative;
z-index: 0;
}
.page-app .how-to-order .separator,
.page-app .app-coupons .separator,
.page-app .platinum-rewards .separator {
background: url(/sites/all/themes/custom/bk_theme/img/bg/line-med-horz.png);
background-position: 0 0, 100% 100%;
background-repeat: repeat-x, repeat-y;
z-index: 1;
position: relative;
height: 4px;
bottom: 0px;
}
.page-app .container-fluid.how-to-order > .content {
padding-bottom: 30px;
}
.page-app .container-fluid.platinum-rewards > .content {
padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.page-app {
/* Modification - V2 (2018) */
/* Modification - V2 (2018) */
}
.page-app .top-banner {
background: transparent url(../img/bg/bk-app-bg-02.jpg) no-repeat top center;
background-size: 100% 100%;
}
.page-app .download-links {
top: -15px;
}
.page-app .download-links .appLinks a img {
width: auto;
}
.page-app .download-links .terms {
font-size: 9px;
}
.page-app .menu {
background-position: center center;
}
.page-app .more-details .download h2,
.page-app .more-details .paypal h2 {
text-align: left;
font-size: 18px;
}
.page-app .more-details .download,
.page-app .more-details .paypal,
.page-app .more-details .tip {
padding: 0px 20px;
float: left;
}
.page-app .more-details .download {
background: url(../img/app/line-vertical.png);
background-position: right 9px;
background-size: 3px 130%;
background-repeat: no-repeat;
}
.page-app .more-details .download .row {
text-align: left;
}
.page-app .more-details .download .button {
float: left;
}
.page-app .bk-btn .icon.icon_app-arrow {
width: 12px;
height: 19px;
}
.page-app .more-details .download a.android {
border-width: 1px;
margin-top: 0px;
font-size: 18px;
}
.page-app .more-details .download a.ios {
border-width: 1px;
font-size: 18px;
margin-right: 20px;
}
.page-app .more-details .paypal {
background: none;
}
.page-app .more-details .paypal-img img {
margin: 0px;
}
.page-app .more-details .tip {
padding: 20px 0px 0px 20px;
width: 100%;
}
.page-app .footerBg .shareSection p.sectionText {
text-align: left;
}
.page-app .more-details .download h2 {
text-align: center;
font-size: 20px;
}
.page-app .more-details .download {
float: none;
background: none;
}
.page-app .more-details .download .row {
text-align: center;
width: 468px;
margin: 0 auto;
}
.page-app .more-details .download a.android {
border-width: 5px;
font-size: 20px;
}
.page-app .more-details .download a.ios {
border-width: 5px;
font-size: 20px;
margin-right: 25px;
}
}
@media screen and (min-width: 992px) {
.page-app .more-details .paypal {
background: url(../img/app/line-vertical.png);
background-position: right 9px;
background-size: 3px 94%;
background-repeat: no-repeat;
}
.page-app .more-details .tip {
width: auto;
}
}
@media screen and (min-width: 1200px) {
.page-app .download-links .gutter-image {
display: block;
}
.page-app .download-links .left-image {
background-image: url(../img/app/gutter-left.jpg);
width: 469px;
height: 293px;
right: 90%;
top: 24px;
}
.page-app .download-links .right-image {
background-image: url(../img/app/gutter-right.jpg);
width: 500px;
height: 294px;
left: 90%;
top: 24px;
}
.page-app .menu .gutter-image {
display: block;
}
.page-app .menu .left-image {
background-image: url(../img/app/gutter-bigking.png);
width: 429px;
height: 286px;
right: 90%;
top: 130px;
}
.page-app .menu .right-image {
background-image: url(../img/app/gutter-ocs.png);
width: 544px;
height: 200px;
left: 90%;
top: 225px;
}
}