::selection {background-color: #000;} ::-moz-selection {background-color: #000;} ::-o-selection {background-color: #000;} ::-ms-selection {background-color: #000;} ::-webkit-selection {background-color: #000;} /* home page css */ .kuru-homepage hr {background-color: transparent !important;} .kura-experience-section-two h2.section-title, .kura-experience-section-two h1.section-title, .kura-experience-section-two h3.experience-title, section.newsletter-section h3.section-title, section.newsletter-section, section.upcoming-location-section h3.section-title { font-family: 'DIN 2014' !important; font-weight: 400 !important; font-style: normal !important; color: #fff !important; text-align: center; } section.newsletter-section h3.section-title, section.newsletter-section, section.upcoming-location-section h3.section-title { font-size: 2em !important; color: #fff !important; margin-top: 0; } .kura-experience-section-two p.experience-content, section.newsletter-section p { font-family: 'DIN 2014'; font-weight: normal; font-style: normal; color: #fff !important; border: 0; /*outline: none;*/ } section.newsletter-section p { color: #fff !important; font-size: 18px; margin-bottom: 30px; } .join-section-four p.join-content { margin: 1.5em 0; } section.newsletter-section, section.upcoming-location-section { background: url(../png/artboard.png); background-size: initial; background-color: #000; text-align: center; } section.newsletter-section .newsletter-form-wrap .form-group { text-align: left; color: #000; } section.newsletter-section .newletter-wrap { padding: 30px 0; } section.newsletter-section .newsletter-form-wrap .row .col-12 { padding: 0; } section.newsletter-section .newsletter-form-wrap .row .col-md-9 { padding-right: 5px; padding-left: 0; } section.newsletter-section .newsletter-form-wrap button.form-btn { width: 100%; background-image: url(../jpg/button-bg.jpg); border-color: #818181; border-radius: 0; margin: 0 auto; padding: 0; height: 45px; font-size: 20px; font-weight: 400; } section.newsletter-section .newsletter-form-wrap .row .col-md-12.column-section .text-center {display: inline-block;} section.newsletter-section .newsletter-form-wrap .row { width: 100%; margin: 0 auto; } section.newsletter-section .newsletter-form-wrap button.form-btn span i.fa-solid.fa-arrow-right { font-family: 'FontAwesome'; font-style: normal; font-size: 16px; transition-duration: 0.2s; transition-property: left; transition-timing-function: ease-out; position: relative; padding-left: 0; left: 0; } section.newsletter-section .newsletter-form-wrap button.form-btn span { padding-left: 5px; } section.newsletter-section .newsletter-form-wrap button.form-btn:hover i.fa-solid.fa-arrow-right { left: 7px; } section.instagram-feed-section a { /*display: inline-block;*/ width: 20%; margin: 0 auto; } section.instagram-feed-section .feed-wrap { width: 100%; text-align: center; display: flex; } .newsletter-form-wrap {padding: 20px 0;} section.newsletter-section input[type=email], section.newsletter-section ::placeholder {background: transparent;color: #fff !important;border-color: #818181;border-radius: 0;} section.newsletter-section input[type=email] {height: 45px;} section.instagram-feed-section .insta-content .image-wrapper {width: 30px;margin: 0 auto;} section.instagram-feed-section .instagram-feed-wrap { padding: 10px 0 0; text-align: center; } section.instagram-feed-section .insta-content .image-wrapper {width: 30px;margin: 0 auto;} section.instagram-feed-section .insta-content { position: relative; justify-content: center; top: 60px; } /*section.instagram-feed-section a:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }*/ section.instagram-feed-section a img { -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; width: 100%; } section.video-section #hp_top_video .container-wrap { width: 100%; } section.video-section .video_wrap { position: relative; overflow: hidden; } section.video-section .video_wrap { position: relative; z-index: 1; padding: 0px 0; background-color: #000; } section.video-section .video_wrap { width: 100%; height: 70vh; min-height: 400px; } section.video-section video { -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } section.video-section .video_wrap video { display: block; width: 100%; } section.video-section #promotion-video { width: 100%; height: 100%; } section.video-section .video_wrap video { object-fit: cover; } section.video-section .play_btn { position: absolute; bottom: 15px; left: 20px; z-index: 20; /* width: 0.75em; height: 1em; */ width: 44px; height: 44px; overflow: hidden; padding: 0; -webkit-appearance: none; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; border: none; font-size: 2rem; cursor: pointer; background-image: url(https://kuranew-1c49a.kxcdn.com/application/views/themes/theme-1/assets/images/play.svg); font-size: 30px; } .promise-page-wrap section.video-section .video_wrap {padding: 0;} section.video-section .sr-only { position: absolute; width: 0.0625rem; height: 0.0625rem; padding: 0; margin: -0.0625rem; overflow: hidden; clip: rect(0,0,0,0); border: 0; } section.video-section .loader { position: absolute; left: 50%; top: 50%; width: 1em; height: 1em; margin: 100px auto; border-radius: 50%; font-size: 1.3em; color: #FFF; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); transform: translateZ(0); } section.video-section .video_wrap .loader { top: 45%; left: 50%; width: 1em; height: 1em; margin: 0; background-image: url(../png/cropped-new_landscape_black_short-300x49.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 0; font-size: 5rem; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); animation: none; } section.video-section .play_btn.pause { background-image: url(https://kuranew-1c49a.kxcdn.com/application/views/themes/theme-1/assets/images/pause-btn.svg); } .join-section-four { padding: 0 0 30px !important; } .join-section-four .tcb-flex-col .thrv_wrapper { margin: 0 auto 0 0 !important; } .join-section-four .tve_image_caption .tve_image { max-width: 200px; width: 100%; margin: 0 auto; } .join-section-four .tcb-col.join-title-wrap .thrv_wrapper { margin: 0 auto!important; text-align: center; } .join-section-four h2.app-title { font-size: 35px !important; color: rgb(246,52,64) !important; } .main-header-container ul.sub-menu.sub-menu-wrapper { display: block; right: 0 !important; left: 0 !important; visibility: hidden; opacity: 0; height: 0; transition: opacity 0.5s linear; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper { padding: 30px 0; width: 100vw; margin: 0 auto 0 0; height: 50vh; opacity: 1; visibility: visible; } .main-header-container ul.sub-menu.sub-menu-wrapper div.sub-menu-list { display: inline-block; width: 24%; text-align: left; } .main-navigation ul { position: relative; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper li.sub-menu-list-wrapper { margin: 0 auto; max-width: 1024px; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper li.sub-menu-list-wrapper ul>li { line-height: 2; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper li.sub-menu-list-wrapper ul>li a { text-decoration: none; display: inline-block; transition: all .2s linear; color: #000; font-size: 18px; font-family: 'DIN 2014'; font-weight: 500; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper li.sub-menu-list-wrapper ul>li a:hover { color: #610b30; } .kura-experience-section-two h3.experience-title, .join-section-four h2.join-title, .join-section-four h2.app-title, .who-we-section-three h2 { text-transform: uppercase; } footer .footer-adv h3, footer .footer-adv h3 a { text-transform: uppercase; font-weight: bold; font-family: 'DIN 2014'; font-style: normal; margin: 0 0 8px; color: #000; } .rewards-section .rewards-wrapper img {width: 100%;} .rewards-section .rewards-wrapper .rewards-content-wrap { position: absolute; bottom: 0; right: 0; background: #fff; padding: 30px; } section.rewards-section {position: relative;display: none;} .rewards-section .rewards-wrapper .rewards-content-wrap img { max-width: 320px; margin: 0 auto 0 0; width: 100%; } .rewards-section .rewards-wrapper .rewards-content-wrap h3 { font-size: 60px; text-transform: uppercase; font-weight: bold; text-align: center; position: relative; z-index: 1; } .rewards-section .rewards-wrapper .rewards-content p span.blank-line { border-top: 0.0625rem solid #ebebeb; flex: 1 1; margin-left: 30px; } .rewards-section .rewards-wrapper .rewards-content p { display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-weight: 600; } .rewards-section .rewards-wrapper .rewards-content-wrap .image-wrap {position: absolute; top: 40%; left: 48%; } .rewards-section .rewards-wrapper .rewards-content-wrap a { font-size: 24px; margin: 40px 0; font-weight: 600; color: #000; text-decoration: underline; } .rewards-section .rewards-wrapper .rewards-content-wrap .text-wrap { margin: 50px 0 120px; max-width: 500px; } /* location page css */ section.stores-in-state-section { padding: 50px 0; } section.stores-in-state-section .store-column-section .store-column-wrap { box-shadow: 0 0px 5px 2px #ddd; padding-bottom: 20px; text-align: center; } section.stores-in-state-section .stores-information-wrap .store-column-wrap h3.store-title { text-transform: uppercase; margin-bottom: 10px; font-weight: 600; color: #610b30; text-decoration: none; } section.stores-in-state-section .stores-information-wrap .store-column-wrap h3.store-title a:hover { text-decoration: none; color: #610b30; } section.stores-in-state-section .stores-information-wrap p.address a, section.stores-in-state-section .stores-information-wrap p.phone a { color: #000; } section.stores-in-state-section p { margin-bottom: 20px; color: #000; } section.stores-in-state-section .store-cta a.store-btn { background: #610b30; color: #fff; padding: 10px 15px; text-decoration: none; font-weight: 600; font-size: 18px; line-height: 45px; border: 1px solid #610b30; } section.stores-in-state-section .store-cta a.store-btn:hover { color: #610b30; background: #fff; } div.locations h2.title {font-size: 85px;text-transform: uppercase;/*font-family: 'Shakuro Brush';*/color: #000;} .location-accordion h3.list-item-title div {text-transform: uppercase;font-size: 20px;font-weight: 600;font-family: 'DIN 2014';line-height: 20px;margin-bottom: 10px;color: #000;} section.page-title.location-page-title h1 { text-align: center; text-transform: uppercase; font-weight: normal; color: #fff; font-size: 50px; margin-top: 0; /*font-family: 'Shakuro Brush'; */ } .page-title.location-page-title h3.location-sub-title {font-size: 30px;color: #fff;} .page-title.location-page-title p.note-title { font-size: 20px; color: #fff; text-transform: none; position: relative; padding-bottom: 20px; } .page-title.location-page-title p.note-title:after { position: absolute; background: #610b30; padding: 1px; content: ' '; bottom: 0; left: 0; right: 0; max-width: 120px; margin: 0 auto; } .page-title.location-page-title h4 {color: #fff;margin: 20px 0;font-size: 25px;} /* location page css */ /* rewards page css */ .rewards-banner-section p.rewards-banner-title { /*font-weight: 700 !important;*/ } .rewards-banner-section .banner-image img { width: 100%; margin: 0 auto 0 0; } .rewards-banner-section .tcb-flex-col:first-child .banner-image.app-image img {margin: 0 0 0 auto !important;} .rewards-page-wrap .container-wrap-kura { max-width: 2000px; } .rewards-page-wrap .bottom-section { width: 100%; max-width: 80%; } .rewards-page-banner .row-section {display: flex;justify-content: center;align-items: center;text-align: center;} .rewards-page-banner .row-section .image-wrap {max-width: 420px;margin: 0 auto;width: 100%;} .rewards-page-banner .row-section h1 {color: #f63440;font-size: 3.75em;line-height: 1.2em;text-transform: uppercase;margin: 0 auto;} .rewards-page-banner .row-section p {color: #4f2112;font-size: 1.3em;} .rewards-page-banner .row-section .cta-wrap {margin: 20px 0 50px;line-height: 3.5;} .rewards-page-banner .row-section .cta-wrap.app-cta {display: flex;justify-content: center;} .rewards-page-banner .row-section .cta-wrap.app-cta img {max-width: 220px;} .rewards-page-banner .row-section a.kura-btn {letter-spacing: 3px;} .rewards-page-banner .row-section .column-section:first-child {width: 45%;} .rewards-page-banner .row-section a.kura-btn:hover {background: #f63440;} /* rewards page css */ .search-filter-wrap div#search-form { height: 60px; margin: 0 auto; z-index: 100; display: flex; justify-content: space-between; align-items: center; padding: 0 4%; border: 1px solid #999; box-sizing: border-box; width: 100%; background: #fff; } .search-filter-wrap div#search-form button { background: none; border: none; padding: 0; cursor: pointer; overflow: hidden; } .search-filter-wrap button.hamburger-menu { width: 25px; cursor: pointer; } .search-filter-wrap form.store-map { width: 92%; display: flex; align-items: center; border-right: 1px solid #999; padding-right: 4%; margin-right: 4%; } .search-filter-wrap input.search-box { width: 100%; border: none !important; padding: 0.5em; font-size: 20px; background: transparent; /*outline: none;*/ } .search-filter-wrap button.search-btn { color: #610b30; font-size: 25px; width: 32px; } .search-filter-wrap button.close-button span.close { color: #610b30; opacity: 1; font-size: 30px; margin: 0 !important; overflow: hidden; } .search-filter-wrap button.close-button span.close:before { content: "\e5cd"; font-family: 'Astra'; color: #610b30; } .search-filter-wrap div.close-wrap { margin: 0 0 0 10px !important; border-left: 1px solid #000; padding: 5px 0 0 5px !important; } .search-filter-wrap { max-height: 80px !important; height: 100%; } /* map menu */ div.map-option-menu { position: absolute; top: 0; left: 0; z-index: 1000; height: 100vh; background-color: #fff; width: 35%; box-shadow: 0 0 15px #00000080; display: none; } div.map-option-menu header { border-image: none; border-bottom: 1px solid #000; border-bottom: 1px solid #999; display: flex; justify-content: space-between; align-items: center; padding: 0 6%; height: 60px; } div.map-option-menu h2 { font-size: 1.8em; font-weight: 800; text-transform: uppercase; margin: 0; } div.map-option-menu ul { list-style: none; margin: 2.2em 6%; padding: 0 0 0 6%; line-height: 2.5em; } div.map-option-menu button { background: none; border: 0; padding: 0; color: #000; cursor: pointer; font-size: 20px; } li.option-menu-list.active button span.fa.fa-check { font-size: 20px !important; padding: 0 10px; } li.option-menu-list.active button, li.option-menu-list.active span:before { color: #610b30; } div.map-option-menu footer { border-top: 1px solid #999; padding: 0 6% 3%; display: flex; color: #333; border-image: none; } .store-map-section { position: relative; } #wpsl-gmap { height: 100vh !important; } div.map-option-menu.map-option-enabled { display: block; } div.map-option-menu.map-option-enabled i.fa-brands, div.map-option-menu.map-option-enabled span.fa-solid, .option-menu-footer-wrap span.fa { font-size: 30px; color: #000; font-family: 'FontAwesome'; font-style: normal; margin-right: 20px; } div.map-option-menu.map-option-enabled span.fa-solid, div.map-option-menu.map-option-enabled span.fa { font-size: 20px; margin-right: 5px; font-family: 'FontAwesome'; font-style: normal; color: #000; margin-right: 20px; } div.map-option-menu.map-option-enabled span.fa { font-size: 25px; } .option-menu-footer-wrap { font-size: 2.8em; width: 30px; } .rewards-page-content p.features-title, .rewards-page-content h2.ribbon-banner-title, .rewards-page-content p.rewards-title {font-size: 50px !important;padding-bottom: 0px !important;margin-bottom: 0px !important;color: #fff;} .rewards-page-content h2.ribbon-banner-title {margin: 0 auto;font-weight: 400;} .rewards-page-content p.features-title, .rewards-page-content p.rewards-title { font-weight: normal; color: #000; /*font-family: 'Shakuro Brush'; */ } /* map-menu */ /* location page css */ .map-canvas ul.results.list { margin: 0; } .map-canvas ul.results.list li div.item { padding-right: 0; } .map-canvas ul.results.list li div.item .wrapper figure { font-size: 16px; } .map-canvas .results .item h3 { font-weight: 600 !important; } .map-canvas .results.list li .item .wrapper { padding: 0 15px !important; } .map-canvas a.features.pickup-btn { display: block; margin: 10px 0 0; } .map-canvas div#wpsl-stores { width: 100%; overflow-y: hidden; height: 100vh; } .map-canvas .items-list { overflow-x: hidden; padding-left: 0; } ul.store-lists li div.store-info-list { display: flex; } ul.store-lists li { padding: 15px 0 15px 10px !important; border-bottom: 1px solid #ddd !important; } /* location page css */ /* menu page css */ .main-header-bar-wrap .main-header-bar {border: none !important;} section.menu-banner-section .menu-banner-wrap { display: table; width: 100%; padding: 0px 0; /*background-image: url('../images/header-pattern-2.jpg'); background-image: url('../images/Black-Bg.jpg');*/ background-image: url(../png/artboard.png); } section.menu-banner-section { background: url(../jpg/locations.jpg); background-size: cover; width: 100%; background-position: center; } section.menu-banner-section .banner-content { display: table-cell; vertical-align: middle; text-align: center; } section.menu-banner-section h1.banner-title { color: #fff; font-size: 43px !important; text-transform: uppercase !important; line-height: 3; /*font-family: 'Umaka'; font-family: 'Shakuro Brush';*/ margin: 0px; } section.menu-section { text-align: center; padding: 50px 0; background-color: #fff; } section.menu-section ul.nav.nav-pills, section.nutrition-menu-section ul.nav.nav-pills { margin: 20px auto 30px !important; text-align: center; display: block; } section.menu-section .nav-pills>li.active>a, section.nutrition-menu-section ul.nav.nav-pills>li.active a, .faq-section div.tab-wrapper .tab-item.active h3 { background-color: transparent !important; border-bottom: 2px solid #ed1c24; border-radius: 0; font-weight: 700; margin: 0; margin-bottom: 0px; padding-bottom: 10px; opacity: 1; } section.menu-section ul.nav-pills>li>a, section.nutrition-menu-section ul.nav.nav-pills>li>a, section.faq-section h3.faq-titles, section.faq-section h4.faq-card-title { color: #000; font-size: 25px; border-radius: 0; display: inline-block; padding: 10px 30px; margin-bottom: 1px; border: 0; border-bottom: solid 2px #666; text-decoration: none; opacity:1; width: 100%; font-weight: 600; } section.menu-section .nav>li>a:focus, section.menu-section .nav>li>a:hover { background-color: transparent; color: #000; } section.menu-section ul.nav-pills>li, section.nutrition-menu-section ul.nav.nav-pills li, .faq-section div.tab-wrapper ul li { float: none; list-style: none; display: inline-block; margin: 0 -2px; font-weight: 400; letter-spacing: .05em; } section.menu-section .panel-default h3 a, section.faq-section .card-head h4 { font-size: 25px; text-align: left; color: #000; width: 100%; line-height: 40px; position: relative; text-decoration: none; display: block; padding: 10px; border-bottom: solid 1px rgba(0,0,0,.5); } section.menu-section .accordion h3 { text-align: left; position: relative; } section.menu-section .panel-default h3 a span.toggle-arrow, section.faq-section .card-head h4 span.toggle-arrow { position: absolute; right: 10px; opacity: 0.5; } section.menu-section .panel-default h3 a span.toggle-arrow i, section.faq-section .card-head h4 span.toggle-arrow i { height: 100%; font-size: 30px; padding: 8px 0; } section.menu-section .panel-default h3 a span.toggle-arrow i.fa.fa-angle-right, section.menu-section .panel-default h3 a.collapsed span.toggle-arrow i.fa.fa-angle-down, section.faq-section .card-head h4 span.toggle-arrow i.fa.fa-angle-right, section.faq-section .card-head h4.collapsed span.toggle-arrow i.fa.fa-angle-down { display: none; } section.menu-section .panel-default h3 a.collapsed span.toggle-arrow i.fa.fa-angle-right, section.menu-section .panel-default h3 a span.toggle-arrow i.fa.fa-angle-down, section.faq-section .card-head h4 span.toggle-arrow i.fa.fa-angle-down, section.faq-section .card-head h4.collapsed span.toggle-arrow i.fa.fa-angle-right { display: block; } section.menu-section .row-section .column-section { width: 23%; list-style: none; float: left; margin: 10px; display: inline-block; padding: 0px; position: relative; overflow: hidden; } section.menu-section button.dbc_lightbox { background: transparent; border: none; padding: 0; margin: 0; } section.menu-section h4.menu-item-title { font-weight: 600; /* font-size: 20px; */ font-size: 16px; color: #000; line-height: 20px; display: block !important; text-align: center; margin: 5px auto 0; min-height: 45px; } .menu-page .note-section-wrap {padding-bottom: 50px;} .menu-page .note-section-wrap p {font-size: 14px;color: #000;letter-spacing: 0.2px;line-height: 20px;margin: 0 auto 10px;} .menu-popup .modal-header { border: none; padding: 0; } .nutri-info.note-section-wrap { padding: 0; text-align: center; } .menu-popup button.close { font-size: 40px; color: #000; opacity: 1; font-weight: 300; width: 40px; position: absolute; right: 0; z-index: 100; } .menu-popup .modal-content { background: #fff; text-align: center; color: #000; } .menu-popup h4.menu-item-title { color: #000; font-size: 22px; margin-bottom: 10px; font-weight: 600; /*text-transform: uppercase;*/ border: 0; /*outline: none;*/ } .menu-popup .modal-body { padding: 30px; } .menu-popup button.close:hover { background: #610b30; color: #fff; opacity: 1; } .menu-popup .modal-content .allergen-information ul, .allergen-information ul { list-style-type: none; padding: 0; margin: 0; text-align: center; } .allergen-information { margin-top: 5px; min-height: 30px; } .menu-popup .modal-content .allergen-information ul li, .allergen-information ul li { display: inline-block; background-size: cover; margin: 0 1px; width: 20px; height: 20px; } div.ui-tooltip { box-shadow: 0px 0px 0px 0px #fff !important; border-radius: 0px !important; font-size: 13px !important; border-color: #000 !important; background: #fff; padding: 5px !important; } .menu-popup .allergen-information, .section.menu-section li {margin-top: 20px;} div.menu-brands ul li { list-style: none; display: inline-block; } footer .menu-brands ul li a { color: #FFF; padding: 0; } div.menu-brands ul li img { opacity: 1.00; height: auto; width: 170px; } section.menu-bottom-section { background: #000; padding: 0 0 50px; text-align: center; display: none; } .menu-bottom-banner { background: url(../png/01-561.png); padding: 60px 0; background-size: cover; background-repeat: no-repeat; position: relative; } .menu-bottom-banner:before { position: absolute; content: ' '; background: rgb(0 0 0 / 20%); left: 0; width: 100%; height: 100%; top: 0; z-index: 0; } .menu-bottom-banner-wrap { position: relative; } .menu-bottom-section .menu-brands ul { margin: 0 auto; } .menu-bottom-banner-wrap h3.section-title { font-size: 40px; font-weight: 700; color: #fff; } .menu-bottom-banner-wrap p { color: #fff; font-size: 20px; margin: 0 0 50px; } .menu-bottom-banner-wrap a { color: #fff; padding: 15px 20px; font-size: 20px; text-decoration: none; border: 1px solid; } .menu-bottom-banner-wrap a:hover { background: #610b30; } .menu-bottom-section .menu-brands { padding-top: 50px; } .team-popup-content-wrap h3 { color: #fff; font-weight: 600; font-size: 16px; margin: 15px auto 5px; } .team-popup-content p {font-size: 12px;margin-bottom: 5px;} section.nutrition-menu-section .cta-wrap, .menu-section-wrap .cta-wrap { margin: 30px 0 10px; text-align: center; } section.menu-section p.sub-content, .nutrition-menu-section-wrap p.menu-disclaimer-text { color: #000; font-size: 11px; line-height: 15px; width: 80%; margin: 0 auto; text-align: center; border: 0; } section.nutrition-menu-section .cta-wrap a, .menu-section-wrap .cta-wrap a { padding: 15px 10px; /*border: 1px solid #610b30;*/ margin: 10px 5px; text-decoration: none; font-weight: 600; text-transform: uppercase; /* background: #610b30;*/ color: #fff; background-color: #610b30; background-size: contain; background-position: center; display: inline-block; width: 30.333333%; animation: none; transition: none; } section.nutrition-menu-section .cta-wrap a:hover, .menu-section-wrap .cta-wrap a:hover { color: #fff; background: #610b30; background-image: url('../jpg/button-bg.jpg'); } .nutri-info {margin-bottom: 20px;} .nutri-info p {margin-bottom: 10px;} .nutri-info p>i {padding-right: 10px;color: #610b30;} .nutri-info p>i.yellow-check {color: #ffff00;} .nutri-info span img {width: 30px;height: 30px;margin: 5px 10px 5px 0;} table.nutrition-info-table.menu-item-table .tooltip { position: relative; bottom: 0; opacity: 1; cursor: pointer; text-decoration: none; } table.nutrition-info-table.menu-item-table .tooltip .tooltiptext { visibility: hidden; width: 100%; background-color: #fff; color: #fff; text-align: center; border-radius: 0px; padding: 5px 0; position: absolute; z-index: 1; bottom: 50px; box-shadow: 0px 0px 0px 0px #000; left: 50%; } table.nutrition-info-table.menu-item-table .tooltip:hover .tooltiptext { visibility: visible; max-width: 300px; width: 300px; } .menu-tip-content {text-align: left;padding: 10px;color: #000;} .menu-tip-content h4 {text-align: center;font-weight: 600;text-transform: uppercase;position: relative;padding-bottom: 15px;} .menu-tip-content h4:after {position: absolute;content: ' ';background: #610b30;padding: 1px;bottom: 0;left: 0;right: 0;max-width: 100px;margin: 0 auto;} .menu-tip-content p {font-weight: normal;} table.nutrition-info-table.menu-item-table .tooltip .tooltiptext::after { content: " "; position: absolute; top: 100%; left: 0; border-width: 15px; border-style: solid; border-color: #000; right: 0; max-width: 15px; margin: 0 auto; } section.location-page-wrap button.hamburger-menu svg path, section.location-page-wrap button.hamburger-menu svg rect {fill: #610b30;} table.nutrition-info-table tr td .value i { width: 25px; height: 25px; background-size: cover; } table.nutrition-info-table tr td:nth-child(9) .value i {background-image: url(../png/wheat.png);} table.nutrition-info-table tr td:nth-child(8) .value i {background-image: url(../png/soy.png);} table.nutrition-info-table tr td:nth-child(2) .value i {background-image: url(../png/peanut.png);} table.nutrition-info-table tr td:nth-child(3) .value i {background-image: url(../png/treenuts.png);} table.nutrition-info-table tr td:nth-child(4) .value i {background-image: url(../png/fish-icon.png);} table.nutrition-info-table tr td:nth-child(6) .value i {background-image: url(../png/egg.png);} table.nutrition-info-table tr td:nth-child(7) .value i {background-image: url(../png/milk.png);} table.nutrition-info-table tr td:nth-child(5) .value i {background-image: url(../png/shellfish.png);} table.nutrition-info-table tr td:last-child .value i {background-image: url(../png/sesame.png);} table.nutrition-info-table tr td .value i:before {display: none;} div#allergen table.nutrition-info-table th:first-of-type {max-width: 330px;min-width: 330px;} table.nutrition-info-table.allergen-menu-table tr td.cat-name { max-width: 200px; min-width: 200px; padding-top: 10px; padding-bottom: 10px; } .menu-category-cta-contain { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; max-width: 100%; width: 100%; margin: 10px auto 30px; align-items: flex-end; } .menu-category-cta a img {width: 100%;transition: 0.3s all ease-in-out;} .menu-category-cta a img:hover { width: 160px; overflow: hidden; margin: 0 auto; } section.instagram-feed-section .instagram-feed-wrap p { font-size: 30px; font-weight: 600; color: #000; margin: 20px 0; } .menu-category-cta { padding: 10px; width: 20%; } .menu-category-cta span { display: block; text-align: center; font-weight: bold; color: #000; font-size: 18px; } .menu-category-cta a:hover, .menu-category-cta a:hover span { text-decoration: none; color: #610b30; } /* menu page css */ /* map popup css */ .location-popup-modal .modal-header { padding: 0; border: none; } .location-popup-modal .modal-header img { width: 100%; } .location-popup-modal .modal-header button.close { padding: 20px; opacity: 1; font-size: 16px; } .location-popup-modal .modal-header button.close i { color: #000; padding-right: 10px; } .location-popup-modal .card-header h6 a { color: #000; font-size: 20px; width: 100%; text-decoration: none; display: block; padding: 10px; } .location-popup-modal span.toggle-arrow { position: absolute; right: 10px; } .location-popup-modal .card-body h5.icon-link-info a { text-align: center; width: 100%; display: block; line-height: 30px; font-size: 20px; color: #b60000; text-decoration: none; padding-bottom: 10px; } .location-popup-modal .card-body h5.icon-link-info a img { display: block; margin: 0 auto; } .location-popup-modal .card-body h3.seat-available { text-align: center; color: #610b30; font-size: 20px; font-weight: 600; } .location-popup-modal .card-body h5.icon-link-info:after { content: ' '; background: #ddd; padding: 0.5px 0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; } .location-popup-modal .card-body h5.icon-link-info { margin: 0; } .location-popup-modal .drive-info-wrap, .location-popup-modal .employment-info-content { display: table-cell; width: 48%; padding-right: 25px; color: #000; } .location-popup-modal .drive-info, .location-popup-modal .employment-info-wrap { display: table; width: 100%; } .location-popup-modal .card-body h4 { font-size: 20px; font-weight: 600; } .location-popup-modal .card-body { padding: 0 30px; } .location-popup-modal .drive-info-wrap p, .location-popup-modal .drive-info-wrap div.address { color: #000; } .location-popup-modal .card-header h6 a.collapsed span.toggle-arrow i.fa.fa-minus, .location-popup-modal .card-header h6 a span.toggle-arrow i.fa.fa-plus { display: none; } .location-popup-modal .card-header h6 a span.toggle-arrow i.fa.fa-minus, .location-popup-modal .card-header h6 a.collapsed span.toggle-arrow i.fa.fa-plus { display: block; } .location-popup-modal .address-hour-wrap { display: inline-block; vertical-align: top; padding-right: 10px; } .location-popup-modal .address-hour-wrap span i { color: #610b30; font-size: 20px; } .location-popup-modal .employment-info-content a { padding: 10px 20px; background: #610b30; color: #fff; margin-right: 10px; text-decoration: none; border: 1px solid #610b30; } .location-popup-modal .employment-info-content .wage-wrapper { margin: 30px 0 0; display: flex; } .location-popup-modal .employment-info-content .wage-wrapper p { margin: 0; } .location-popup-modal .modal-body { padding-bottom: 50px; } .location-popup-modal .employment-info-content p.wage-wrap span { margin-right: 10px; } .location-popup-modal .employment-info-content p.wage-wrap span img { width: 100%; max-width: 30px; } ul.store-lists li { padding: 15px 10px; } ul.store-lists li div.image-wrap img{ max-width: 300px; } ul.store-lists li .contact-info p { margin: 5px 10px 0 0 !important; color: #000; } ul.store-lists li div.image-wrap { margin-right: 10px; } ul.store-lists li .contact-info p>span { margin-right: 10px; color: #610b30; } ul.store-lists li .store-content-wrapper a { color: #000; font-size: 18px; line-height: 25px; text-decoration: none; } ul.store-lists li div.image-wrap, ul.store-lists li div.store-content-wrapper { display: inline-block; vertical-align: top; position: relative; } ul.store-lists li div.image-wrap>span { position: absolute; left: 5px; background: #fff; padding: 0px 10px; border-radius: 25px; top: 5px; color: #610b30; font-size: 16px; font-weight: 600; } .location-popup-modal .employment-info-content a:hover { background: #fff; color: #610b30; } .location-popup-modal .modal-header button.close:hover, .location-popup-modal .modal-header button.close:hover i { color: #fff; } /* location popup css */ /* about page css */ .about-page-wrap .about-section-wrap .content-wrap img { display: none; } .about-page-wrap .about-section-wrap:before { position: absolute; content: ' '; width: 100%; background: rgb(0 0 0 / 20%); top: 0; height: 100%; left: 0; } .about-page-wrap .about-section-wrap { background-position: center !important; background-size: cover !important; position: relative; text-align: center; width: 100%; padding: 200px 0; background-repeat: no-repeat !important; margin: -1px auto; } .about-page-wrap .about-section-wrap .content-wrap .section-title a { font-size: 50px; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-decoration: none; color: #fff; font-weight: 600 !important; font-family: 'Dancing Script'; text-transform: capitalize; letter-spacing: 5px; } .about-page-wrap .about-section-wrap .content-wrap .section-title { position: absolute; width: 100%; height: 100%; top: 0; margin: 0 auto; display: table; } .about-page-wrap .about-section-wrap .content-wrap {position: absolute;width: 100%;height: 100%;top: 0;} /* about page css */ /* covid */ .covid-view-page p { margin-bottom: 20px; } .post-navigation { margin: 20px 0 !important; padding: 2em 0 0; border-top: 1px solid #eee; } .post-navigation .nav-links { -js-display: flex; display: flex; } .covid-view-page h1.entry-title {text-transform: uppercase;} .covid-view-page p {color: #000;} section.privacy-policy-page {padding: 50px 0;} section.privacy-policy-page p {margin-bottom: 15px;color: #000;} section.privacy-policy-page h4 {font-size: 20px;font-weight: 600;text-transform: uppercase;margin-top: 25px;} section.privacy-policy-page ul {list-style-type: none;margin-left: 25px;} /* covid */ /* our promise */ html{scroll-behavior:smooth} .promise-page-wrap .promise-sec-wrap.wasabi-wrap { background-color: rgb(136, 116, 19); } .promise-page-wrap .promise-sec-wrap .promise-card { position: absolute; right: 30px; width: 50%; top: 30px; background: #fff; padding: 15px 30px 0; } .promise-page-wrap .promise-sec-wrap.vinegar-wrap { background-color: rgb(84, 68, 34); text-align: right; } .promise-page-wrap .promise-sec-wrap { position: relative; margin: 25px auto; } .promise-page-wrap .promise-sec-wrap.broth-wrap { background-color: rgb(187, 150, 114); } .promise-page-wrap .banner-bottom-section-wrap .row-section .column-wrap .image-wrap img {display: none;} .promise-page-wrap .banner-bottom-section-wrap .row-section .column-wrap .image-wrap { position: relative; width: 100%; height: 500px; background-position: center !important; background-size: cover !important; } .promise-page-wrap .banner-bottom-section-wrap .row-section .column-wrap .image-wrap h4 a { position: absolute; color: #fff; margin: 0 auto; width: 100%; text-align: center; font-weight: 700; font-size: 20px; text-transform: uppercase; top: 50%; text-decoration: none; } .promise-page-wrap .banner-bottom-section-wrap .row-section .column-wrap .image-wrap:before { content: ' '; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgb(0 0 0 / 20%); } .promise-page-wrap .promise-sec-wrap .promise-card ul {margin-left: 0;list-style-type: none;} .promise-page-wrap span.list-item {background: #000;padding: 5px 11px;border-radius: 25px;color: #fff;margin: 0 10px 0 0;} .promise-page-wrap .promise-sec-wrap .promise-card h3.card-title {font-size: 20px;font-weight: 600;text-transform: uppercase;margin-top: 0;} .promise-page-wrap .promise-sec-wrap .promise-card ul li {line-height: 30px;font-size: 15px;text-transform: uppercase;} .promise-page-wrap #promise-video { width: 100%; height: 100%; margin: 0 auto; } .promise-page-wrap .promise-sec-wrap .promise-card ul li:nth-child(even) {text-align: right;} .promise-page-wrap .promise-sec-wrap .promise-card ul li:nth-child(even) span {float: right;margin: 0 0 0 15px;line-height: 20px;} .promise-page-wrap .promise-sec-wrap .promise-card ul li p {display: inline-block;vertical-align: top;line-height: 20px; margin: 5px 0;font-weight: 600;} .promise-page-wrap .comment-card-wrap {width: 400px; height: 150px; background: #c7d0d8; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 100%; bottom: 20px; text-align: center; display: table; } .promise-page-wrap .comment-card-wrap:before { content: ""; position: absolute; right: -15px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 45px solid #c7d0d8; border-bottom: 35px solid transparent; bottom: 15px;transform: rotate(45deg);z-index: 0; } .promise-page-wrap .comment-card-wrap p { display: table-cell; vertical-align: middle; padding: 0 40px; font-weight: 600; font-size: 10px; text-transform: uppercase; color: #000; } .promise-page-wrap .promise-sec-wrap.vinegar-wrap .promise-card {left: 30px;text-align: left;} .promise-page-wrap .promise-sec-wrap.vinegar-wrap .promise-card .comment-card-wrap { margin: 0 0 0 auto; bottom: 0; width: 500px; left: 70px; } .promise-page-wrap .promise-sec-wrap.vinegar-wrap .promise-card .comment-card-wrap:before { left: -10px; top: 20px; transform: rotate(210deg); border-top: 10px solid transparent; border-left: 45px solid #c7d0d8; border-bottom: 25px solid transparent; } .promise-page-wrap .promise-sec-wrap.broth-wrap .comment-card-wrap { bottom: 0; right: 50px; width: 400px; height: 130px; } .promise-page-wrap .promise-sec-wrap.broth-wrap .comment-card-wrap:before { bottom: 40px; border-top: 10px solid transparent; border-left: 55px solid #c7d0d8; border-bottom: 45px solid transparent; transform: rotate(0deg); right: -30px; } .promise-page-wrap .comment-card {position: relative;} .promise-page-wrap .promise-sec-wrap .comment-card img { position: absolute; right: 30px; top: 0; width: 100%; max-width: 160px; } .promise-page-wrap .promise-sec-wrap.vinegar-wrap .comment-card img { transform: rotate(340deg); left: 30px; top: -10px; max-width: 120px; } .promise-page-wrap .promise-sec-wrap.broth-wrap .comment-card img { -webkit-transform: scaleX(-1); transform: scaleX(-1); } /* our promise */ .items-list-accordion .widget-search-location .widget-title #my-location:focus-visible {outline: 1px solid #000;border: 1px solid #610b30;} .reveal{ position: relative; transform: translateY(50px); opacity: 0; transition: 1s all ease; } .reveal.active{ transform: translateY(0); opacity: 1; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { top: 0px; right: 10px; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle { display: inline-block; position: absolute; font-size: inherit; top: -1px; right: 20px; cursor: pointer; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 0.907em; font-weight: 400; line-height: inherit; transition: all .2s; } .ast-menu-toggle::before { font-weight: bold; content: "\e900"; font-family: Astra; text-decoration: inherit; display: inline-block; font-size: 14px; } .main-navigation ul li a {margin: 0 8px 0 0;} .main-header-menu .sub-menu a {margin-right: 0;} .site-header a .sub-arrow, .main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link:after, .main-header-menu .menu-item.focus>.sub-menu, .main-header-menu .menu-item:hover>.sub-menu {display: none;} button.ast-menu-toggle { padding: 0; width: 25px; display: block; position: absolute; right: 0; } .main-navigation ul#primary-menu li.menu-item:first-child .sub-menu, .main-navigation ul#primary-menu li.menu-item:first-child button { display: none; } .footer-section .copyright-section .app-cta-wrap {text-align: right;margin: 5px 0 5px 10px;} .copyright-section aside#kura-logo {text-align: left;} .footer-section .custom-logo {max-width: 200px;width: 100%;} .footer-section .legal-links.copyright-wrap a {font-weight: 100;} .footer-section a:hover {color: #610b30;} .footer-section {padding: 30px 0 0;} .footer-section a {font-size: 16px;color: #000;margin: 0 12px;text-decoration: none;font-weight: bold;} .footer-section .footer-wrapper .footer-wrap {margin-bottom: 20px;} .footer-section span.social-icon, .footer-section .socicon:empty {background: transparent;width: auto;color: rgb(97, 11, 48);font-size: 18px;padding: 8px;} .footer-section .social-wrap a, .footer-section .app-cta-wrap a {margin: 0;} .footer-section .copyright-wrap {display: inline-block;margin: 0 8px;color: #000;font-size: 15px;} /* footer css */ section.newsletter-section .newsletter-form-wrap .row .col-md-12 {padding: 0;} section.newsletter-section .newsletter-form-wrap .row .col-md-12 {margin: 0 auto;} section.newsletter-section .newsletter-form-wrap .row select.form-control { color: #fff; padding: 0.75em; height: 45px; border: 1px solid #818181; box-shadow: none; border-radius: 0; background-position: right center; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-position-x: 95%; background-position-y: 50%; background-repeat: no-repeat; background-size: 15px; background-image: url("data:image/svg+xml;utf8,"); } section.newsletter-section .newsletter-form-wrap .row select.form-control option {background: #000;} section.newsletter-section .newsletter-form-wrap .row .col-md-12.column-section .form-group { display: inline-block; width: 23%; min-height: 80px; margin: 0 5px; vertical-align: middle; } .copyright-section .app-cta-wrap .app-cta img {max-width: 120px;width: 100%;} section.privacy-policy-page.thank-you-page, section.privacy-policy-page.custom-not-found { text-align: center; } section.privacy-policy-page.thank-you-page h4 { font-size: 30px; margin-bottom: 20px; } section.privacy-policy-page.accessibility-page h4 { text-transform: none; } section.privacy-policy-page.accessibility-page ul { list-style: disc; } section.privacy-policy-page.accessibility-page a, section.privacy-policy-page.custom-not-found a { color: #000; text-decoration: underline; } section.privacy-policy-page.custom-not-found h1 { font-size: 10rem; font-weight: bold; } section.privacy-policy-page.custom-not-found img { max-width: 150px; } div#search-result-error-msg { text-align: center; width: 80%; margin: 0 auto 20px; } .kuru-homepage .owl-dots { text-align: center; width: 100%; position: absolute; bottom: 5px; } .kuru-homepage .owl-dot { background: #000; padding: 5px; margin: 5px; border-radius: 25px; border: 1px solid #000; display: inline-block; } .kuru-homepage .owl-dot.active { background: rgba(255,255,255,.5); } section.menu-section p.menu-disclaimer-text {display: none;} .nutri-info.note-section-wrap h2 {font-size: 0.9375rem;} /* footer css end */ /* focus css */ .kura-btn:focus, .kura-btn:focus-visible, section.menu-section button.dbc_lightbox:focus, section.menu-section button.dbc_lightbox:focus-visible, section.location-page-wrap .location-detail-wrapper button.detail-close:focus, .owl-item a:focus-visible img, section.video-section .play_btn.pause:focus-visible, *:focus-visible, .menu-category-cta a:focus-visible img, table.nutrition-info-table th:focus-visible div, table.nutrition-info-table th:focus-visible h3, table.nutrition-info-table td:focus-visible div, table.nutrition-info-table td:focus-visible i, .banner-image.app-image a:focus-visible img { border: 1px solid #000 !important; outline: 1px solid #fff !important; } .kura-experience-section-two img:focus-visible, .location-details-frame .sign-up-section button.form-btn:focus-visible, h1.banner-title:focus-visible, .menu-popup .menu-image:focus-visible { border: 1px solid #fff !important; outline: 1px solid #000 !important; } table.nutrition-info-table tr td:focus-visible { outline: none !important; } table.nutrition-info-table tr th:focus-visible { outline: 0px !important; border: 1px solid #ed1c24 !important; } table.nutrition-info-table td div.menu-tags {display: none;} /* focus css */ @media (max-width: 1200px) { section.menu-section .row-section .column-section { margin: 0 0 10px 10px; } .promise-page-wrap .promise-sec-wrap .promise-card {width: 60%;} .footer-section a {margin: 0 8px;font-size: 14px;} .footer-section .custom-logo {max-width: 150px;} .footer-section .copyright-wrap {margin: 0 5px;} .footer-section .legal-links.copyright-wrap a {margin: 0 5px;} .copyright-section .app-cta-wrap .app-cta img {max-width: 100px;} .footer-section .copyright-section .app-cta-wrap {margin: 5px 0;} .footer-section span.social-icon {font-size: 15px !important;} .footer-section span.social-icon, .footer-section .socicon:empty {padding: 4px;} table.nutrition-info-table.allergen-menu-table tr td.cat-name { max-width: 300px; min-width: 260px; } table.nutrition-info-table th:not(:first-of-type):before {left: 0;right: 10px;} div#allergen table.nutrition-info-table th:not(:first-of-type) div {width: 4.5em;} div#allergen table.nutrition-info-table th:not(:first-of-type):before {bottom: 10px;} :not(#tve) [data-css="tve-u-1775fbdbe82"] {font-size: 1.5em !important;} } @media (max-width: 1024px) { .promise-page-wrap .promise-sec-wrap .promise-card {width: 70%;} .monthly-discovers-page.campaign-page { width:100% !important; height: 100vh !important; } .monthly-discovers-page.campaign-page .campaign-page-wrapper { background: url(../jpg/campaign-bg-new.jpg); background-attachment: scroll; background-size: cover; width:100%; height:100%; background-repeat: no-repeat; overflow-y: scroll !important; } } @media (max-width: 991px) { .join-section-four .tcb-flex-col .thrv_wrapper { margin: 0 auto !important; text-align: center; width: 100%; max-width: 350px; } .join-section-four h2.app-title { font-size: 25px !important; } .join-section-four .tve_image_caption .tve_image { margin: 0 auto 10px; } header .main-navigation ul li a { padding: 0 10px !important; font-size: 15px; } header .custom-logo-link img { max-width: 180px; } header .ast-container { padding: 0 10px; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper li.sub-menu-list-wrapper { text-align: center; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper li.sub-menu-list-wrapper ul.sub-list-item { text-align: left; width: 25%; } .kura-experience-section-two p.experience-content { text-align: center; } .stores-information-wrap .row-section .store-column-section { margin: 30px 0; } .rewards-banner-section [data-css="tve-u-16d3e008207"] { float: none; width: 100% !important; max-width: 70%; margin: 0 0 0 auto !important; } .rewards-banner-section [data-css="tve-u-16d3e008207"] { float: none; margin: 0 0 0 auto !important; } [data-css="tve-u-16d40711b6b"] {background-position: 35% 40% !important;} :not(#tve) [data-css="tve-u-1775f452f2f"] {font-size: 17px !important;} section.menu-section .row-section .column-section {width: 31%;} section.menu-section h4.menu-item-title { font-size: 13px; } footer .ast-col-md-3 { padding: 0 0 0 10px; } footer .footer-adv h3, footer .footer-adv h3 a { font-size: 18px; } .menu-section-wrap .cta-wrap a { margin: 5px auto; display: block; width: auto; max-width: 300px; padding: 15px 10px; } .promise-page-wrap .banner-bottom-section-wrap .row-section .column-wrap .image-wrap {height: 300px;} .promise-page-wrap .promise-sec-wrap .promise-card ul li p {font-size: 13px;} .promise-page-wrap .promise-sec-wrap .comment-card img {right: 0;} .promise-page-wrap .comment-card-wrap {right: 50px;} .promise-page-wrap .promise-sec-wrap.vinegar-wrap .comment-card img {left: 0;} } @media (max-width: 830px) { .main-navigation ul li a {font-size: 13px !important;} button.ast-menu-toggle {padding-left: 10px;} .ast-menu-toggle::before {font-size: 12px;} .header-main-layout-1 .main-navigation {vertical-align: middle;} ul.sub-menu button.ast-menu-toggle {padding: 0;} } @media (max-width: 768px) { .ast-mobile-menu-buttons { display: block; text-align: right; position: absolute; right: 15px; } .main-header-bar-navigation.toggle-on { display: block; } .main-header-bar-navigation.toggle-on nav#primary-site-navigation { position: absolute; width: 100%; left: 0; background: #fff; top: 100%; overflow-y: scroll; min-height: 250px; } .main-header-bar-navigation.toggle-on .main-navigation, .main-navigation ul, .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper li.sub-menu-list-wrapper ul.sub-list-item { width: 100%; display: block; padding: 0 !important; } .main-header-container ul.sub-menu.sub-menu-wrapper { position: relative; box-shadow: none !important; } header .main-navigation ul li a { display: inline-block !important; text-align: left; padding: 0 20px !important; width: 100%; border: 0; border-bottom: 1px solid #eaeaea !important; background: #f9f9f9; } .main-header-container ul.sub-menu.sub-menu-wrapper div.sub-menu-list { width: 100%; display: block; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper { height: 100%; } .main-header-container ul.sub-menu.sub-menu-wrapper div.sub-menu-list br { display: none; } .main-header-container li.prime-menu-list:hover ul.sub-menu.sub-menu-wrapper li.sub-menu-list-wrapper ul>li a.menu-link { padding: 0 40px !important; line-height: 50px; } .rewards-page-content p.features-title, .rewards-page-content p.ribbon-banner-title, .rewards-page-content p.rewards-title { font-size: 30px !important; } section.menu-section .row-section .column-section { width: 48%; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {width: auto;} section.menu-section p.sub-content, .nutrition-menu-section-wrap p.menu-disclaimer-text { font-size: 10px; line-height: 11px; padding-left: 5px; padding-right: 5px; } } @media (max-width: 767px) { .tcb-flex-row.v-2:not(.tcb-mobile-no-wrap)>.tcb-flex-col { width: 100%; max-width: 100%!important; flex: 0 0 auto!important; } section.newsletter-section .newsletter-form-wrap .row .col-md-9 { padding: 0; } .join-section-four .tcb-flex-col .thrv_wrapper { width: auto; max-width: 100% !important; margin: 0 auto !important; } section.stores-in-state-section .store-column-section .store-column-wrap { box-shadow: none; } .rewards-banner-section .thrv_wrapper.thrv-columns { width: 100%; max-width: 100%; } .rewards-banner-section .tcb-flex-row.v-2 .tcb-flex-col { flex: 1 0 180px !important; } footer .ast-col-md-3 { width: 50%; } footer.site-footer .ast-row { width: 80%; margin: 0 auto; } div.covid-view-page .thrv_wrapper div {border-left: 0 !important;} .promise-page-wrap .promise-sec-wrap .promise-card, .promise-page-wrap .promise-sec-wrap.vinegar-wrap .promise-card {top: 25%;width: 90%;margin: 0 auto;left: 0;height: auto !important;right: 0;} .promise-page-wrap .promise-sec-wrap {padding-bottom: 60%;} .promise-page-wrap .promise-sec-wrap.vinegar-wrap .promise-card .comment-card-wrap, .promise-page-wrap .promise-sec-wrap.broth-wrap .comment-card-wrap {left: 0;right: 0;} .promise-page-wrap .promise-sec-wrap.broth-wrap .comment-card img { top: 0px; } .promise-page-wrap .promise-sec-wrap .comment-card img {position: relative;margin: 0 0 0 auto;width: 100%;left: 50%;bottom: 0;top: 0;} .promise-page-wrap .comment-card-wrap, .promise-page-wrap .promise-sec-wrap.vinegar-wrap .promise-card .comment-card-wrap, .promise-page-wrap .promise-sec-wrap.broth-wrap .comment-card-wrap {margin: 0 auto;right: 0;left: 0;top: 0;width: 100%;} .promise-page-wrap .comment-card-wrap p {padding: 35px;} .promise-page-wrap .promise-sec-wrap.vinegar-wrap .promise-card .comment-card-wrap:before {left: -5px;} .promise-page-wrap .promise-sec-wrap.broth-wrap .comment-card-wrap:before {right: -10px;bottom: 0;transform: rotate(45deg);} table.nutrition-info-table.allergen-menu-table tr td.cat-name { min-width: 100%; } section.nutrition-menu-section .cta-wrap a {margin: 10px auto;display: block;width: auto;max-width: 310px;} } @media (max-width: 575px) { header .custom-logo-link img { max-width: 200px !important; } section.menu-section .row-section .column-section { width: 100%; margin: 0 auto 15px; margin: 0 5px 15px; width: calc(50% - 10px); } section.menu-section h4.menu-item-title { min-height: auto; } div#food-menu { padding: 0; } section.menu-section .menu-section-wrap { width: 100%; overflow: hidden; margin: 0 auto; } section.menu-section ul.nav-pills>li>a, section.menu-section .nav-pills>li.active>a, section.menu-section ul.nav-pills>li>a, section.nutrition-menu-section ul.nav.nav-pills>li>a, section.faq-section h3.faq-titles { font-size: 20px; padding: 14px; } footer .ast-col-md-3, footer.site-footer .ast-row { width: 100%; margin: 0 auto; } .promise-page-wrap .promise-sec-wrap .promise-card ul li p br {display: none;} .promise-page-wrap .promise-sec-wrap .promise-card, .promise-page-wrap .promise-sec-wrap.vinegar-wrap .promise-card {padding: 10px;} .promise-page-wrap .promise-sec-wrap .promise-card ul li p {display: block;} .menu-category-cta { width: 50%; } } /* home page css */ /* nutrition page css */ section.nutrition-menu-section { padding: 60px 0; } section.menu-section ul.nav-pills>li>a:focus-visible, section.nutrition-menu-section ul.nav.nav-pills>li>a:focus-visible, section.menu-section ul.nav-pills>li:focus-visible, section.nutrition-menu-section ul.nav.nav-pills li:focus-visible { /*outline: none;*/ border: none; border-bottom: solid 1px #666; } section.menu-section ul.nav-pills>li>a:focus-visible, section.nutrition-menu-section ul.nav.nav-pills>li>a:focus-visible, section.nutrition-menu-section .cta-wrap a:focus-visible {border: 0px !important;} section.nutrition-menu-section .nav-pills>li>a { color: #000; margin-right: 0px; background: transparent; font-size: 16px; font-weight: 600; } table.nutrition-info-table th:first-of-type>div { margin: 25px 0 0 0; } table.nutrition-info-table .search-pane a { text-align: right; display: inline-block; width: 100%; font-weight: 500; margin: 10px 0 0 0; font-size: 16px; cursor: pointer; } table.nutrition-info-table .search-pane .search-input { display: flex; align-items: center; } table.nutrition-info-table th:first-of-type>div { margin: 25px 0 0 0; } table.nutrition-info-table th:not(:first-of-type) div { width: 3.8em; white-space: nowrap; font-weight: 700; text-transform: uppercase; transform: translate(0,3.9em) rotate(-90deg); } table.nutrition-info-table th:not(:first-of-type):before { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 15px; background-color: #ebece7; } table.nutrition-info-table th:not(:first-of-type) { vertical-align: middle; position: relative; height: 15em; white-space: nowrap; font-size: 16px; max-width: 57.5px; /* background-color: #ebece7; */ } table.nutrition-info-table { position: relative; border-collapse: collapse; width: initial; table-layout: auto; } table.nutrition-info-table.menu-item-table {width: 100%;margin-top: 50px;} table.nutrition-info-table.allergen-menu-table {width: 68%;margin-top: 50px;} table.nutrition-info-table thead { display: table-header-group; } table.nutrition-info-table tr { display: table-row; } table.nutrition-info-table th { position: sticky; top: 60px; background-color: #fff; } table.nutrition-info-table, table.nutrition-info-table tr, table.nutrition-info-table th, table.nutrition-info-table td { border: none; } .nutrition-menu-section-wrap table.nutrition-info-table tr td .unit { display: none; } .nutrition-menu-section-wrap { width: 100%; overflow: hidden; } table.nutrition-info-table tr td { display: flex; align-items: center; justify-content: space-between; font-size: 15px; font-weight: 500; border-bottom: solid thin #ebece7; padding: 10px 5px; } table.nutrition-info-table tr td { display: table-cell; font-size: 11.5px; text-transform: uppercase; padding: 5px 0; min-width: 42px; vertical-align: middle; width: auto; } table.nutrition-info-table tr td.cat-name { background-color: #fff; width: auto; max-width: 280px; min-width: 280px; } section.nutrition-menu-section .container-wrap { width: 100%; margin: 0 auto; } table.nutrition-info-table tr td .value { width: 100%; display: inline-block; font-size: 16px; text-align: center; font-weight: 500; vertical-align: middle; } table.nutrition-info-table h3 { margin: 0 !important; color: #610b30; font-size: 25px; font-weight: 600; padding-top: 30px; text-align: left; } table.nutrition-info-table td a, table.nutrition-info-table td div { font-size: 15px; font-weight: 600; text-transform: none; color: #000; } .search-pane .search-input { display: flex; align-items: center; } .search-pane .search-input input { font-size: 16px; padding: 5px 10px; font-weight: 500; width: calc(100% - 36px); border-radius: 8px 0 0 8px; background: #fff; border: 2px solid #9ea9b5; line-height: 1.4286; color: #595959; outline: 0; } .search-pane .search-input button { font-family: "PX Icons",serif; height: 58px; width: 58px; border-radius: 0 8px 8px 0; border: 2px solid #9ea9b5; padding: 0; text-align: center; border-left: none; background: #9ea9b5; cursor: pointer; height: 37px; width: 36px; } table.nutrition-info-table th:first-of-type { max-width: 300px; min-width: 300px; text-align: right; vertical-align: bottom; padding: 0 20px 15px 0; opacity: 1 !important; visibility: visible !important; } table.nutrition-info-table.menu-item-table th.category { max-width: 300px; min-width: 300px; padding: 0; } table.nutrition-info-table.menu-item-table th, table.nutrition-info-table.allergen-menu-table th { opacity: 0; height: 0; visibility: hidden; } section.nutrition-menu-section .container { max-width: 1190px; width: 100%; margin: 0 auto; } table.nutrition-info-table h3>span { text-transform: none; display: block; font-size: 18px; } table.nutrition-info-table tr td .value i { color: #610b30; } .main-navigation ul#primary-menu li.menu-item {position: relative;text-transform: uppercase;} .main-navigation ul#primary-menu li.menu-item ul.sub-menu li { text-transform: none; } section.video-section.banner-section-one {position: relative;} .kuru-homepage .video-section img.video-image { place-self: center; position: absolute; z-index: 10; width: 100%; /* max-width: 25vw; */ max-width: 18vw; margin: 0 auto; left: 0; right: 0; } .push-top .change-locations-frame a { /*background: #c91f1d; */ background: transparent; color: #fff; font-weight: 600; line-height: 25px; padding: 10px; } @media (max-width: 1200px) { table.nutrition-info-table th:not(:first-of-type):before { top: 2px; left: 2px; right: 2px; bottom: 2px; } table.nutrition-info-table th:not(:first-of-type) div { width: 3em; } table.nutrition-info-table tr td.cat-name {min-width: 230px;max-width: 250px;} table.nutrition-info-table { margin: 0 auto; width: 100%; } section.menu-banner-section h1.banner-title {font-size: 50px !important;line-height: 2.5;} table.nutrition-info-table.allergen-menu-table {width: 100%;} } /* nutrition page css */ /* careers css */ section.team-banner-section {padding-top: 50px; text-align: center;} section.team-section .owl-item > div { cursor: pointer; transition: margin 0.4s ease; } section.team-section { padding: 80px 0; position: relative; } section.team-section .owl-carousel .owl-nav .owl-prev, section.team-section .owl-carousel .owl-nav .owl-next { display: inline-block; position: absolute; top: 45%; font-size: 35px; background: #fff; border-radius: 25px; color: #610b30; border: 2px solid #610b30; } section.team-section .owl-carousel { position: relative; } section.team-section .owl-carousel .owl-nav .owl-prev { left: 15px; } section.team-section .owl-carousel .owl-nav .owl-next { right: 15px; } section.team-section .owl-item-content { background: rgb(255 255 255 / 80%); padding: 20px; visibility: hidden; opacity: 0; } section.team-section .owl-carousel .owl-nav .owl-prev i:before, section.team-section .owl-carousel .owl-nav .owl-next i:before { padding: 15px; } section.team-section .owl-item.active.center .owl-item-content { opacity: 1; visibility: visible; transition: opacity 0.5s linear; } section.team-section .owl-item.active.center .owl-item-content h3.team-title { margin: 0 auto; font-size: 25px; text-transform: uppercase; color: #000; font-weight: 600; } section.team-section a.modal-cta { border: 1px solid; padding: 10px; text-decoration: none; text-transform: uppercase; line-height: 30px; } section.team-section .owl-item.active.center .owl-item-content p { font-size: 18px; margin: 15px 0; line-height: 25px; color: #000; } section.team-section .owl-item.active.center .owl-item-content p>span { font-weight: bold; } .team-popup-content-top { text-align: center; display: inline-block; vertical-align: middle; width: 48%; } .team-popup-content-top img { max-width: 300px; width: 100%; margin: 0 auto; padding: 20px 0 0; } .team-popup-content-top p>span { text-transform: uppercase; font-weight: 600; } .team-popup-content-wrap { text-align: left; max-height: 100%; } .team-popup-content::-webkit-scrollbar { width: 10px; } .team-popup-content::-webkit-scrollbar-thumb { background-color: #000000; border-radius: 10px; } .team-popup-content:-webkit-scrollbar { width: 10px; } .team-popup-content:-webkit-scrollbar-thumb { background-color: #000000; border-radius: 10px; } a.join-cta { line-height: 20px; padding: 10px 80px; border-radius: 5px;font-size: 20px; font-weight: 600; color: #fff; background: #610b30; text-decoration: none; } section.team-banner-section .team-banner-wrap a {line-height: 35px;font-size: 20px;} section.team-banner-section .tiktok-video-section p, section.team-banner-section .tiktok-video-section a {font-size: 20px;text-align: center;} section.team-banner-section .tiktok-video-section .row {text-align: center;margin: 30px 0;} section.team-banner-section h1.banner-title { font-size: 30px; margin: 0 0 20px; border-bottom: 20px solid transparent !important; border-image: url(../png/cross-lines.png) 85 round !important; -webkit-border-image: url(../png/cross-lines.png) 85 repeat !important; -o-border-image: url(../border.html) 85 round; padding-bottom: 20px; text-align: center; } .career-page section.team-banner-section {padding: 0;} .career-page section.video-section .video_wrap, section.video-section.location-video-section .video_wrap {height: 100%;min-height: 100%;} section.meet-our-team { text-align: center; padding: 30px 0 0; } .career-page .video-section button.mute-video, section.video-section.location-video-section button.mute-video { position: absolute; /* bottom: 21px;*/ bottom: 20px; /* left: 60px;*/ left: 75px; z-index: 20; /* width: 0.75em; height: 1em; */ width: 44px; height: 44px; overflow: hidden; padding: 0; -webkit-appearance: none; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; border: none; font-size: 2rem; cursor: pointer; background-image: url(../png/audio-unmute.png); } .career-page .video-section button.mute-video.mute, section.video-section.location-video-section button.mute-video.mute { background-image: url(../png/audio-mute.png); } section.meet-our-team h1 span { font-weight: 600 !important; font-family: 'Dancing Script'; text-transform: capitalize; color: #610b30; letter-spacing: 3px; font-size: 55px; } section.meet-our-team h1 { font-size: 50px; font-weight: 600; } section.meet-our-team p { font-size: 24px; width: 70%; margin: 0 auto; line-height: 30px; color: #000; } section.meet-our-team .cta-wrap { margin-top: 50px; text-transform: uppercase; } .join-our-team-section { padding-top: 27px !important; padding-bottom: 27px !important; } section.join-our-team-section .row-section { display: flex; flex-wrap: nowrap; align-items: stretch; flex-direction: row; justify-content: space-between; margin: 0 auto; padding: 15px 0; } section.join-our-team-section .row-section .column-section:first-child {max-width: 45.042%;display: inline-block; vertical-align: middle; clear: both; overflow: visible; width: 100%; z-index: 1; position: relative; min-height: 10px;} section.join-our-team-section .row-section .column-section { max-width: 55%; flex: 1 1 auto; padding: 0 0 0 15px; } section.join-our-team-section .row-section .column-section .column-wrap { height: 100%; display: flex; flex-direction: column; position: relative; justify-content: center !important; } section.join-our-team-section .row-section .column-section .column-wrap .image-wrapper { width: 1080px; --tve-alignment: center; display: inline-block; position: relative; left: 0px; top: 0px; margin: 0px auto; padding: 0; max-width: 100%; box-sizing: border-box; height: auto; } section.join-our-team-section .row-section .column-section .column-wrap .image-wrapper span img { display: block; padding: 0; max-width: 100%; width: 100%; height: auto; margin: 0 auto; } section.join-our-team-section .row-section .column-section:first-child .column-wrap { background-color: #000; border-top: 7px solid #610b30; text-align: center; border-bottom: 7px solid #610b30; padding: 30px; } section.join-our-team-section .row-section .column-section h2.section-title {font-size: 40px;color: #fff;text-transform: uppercase;font-weight: 500;} section.join-our-team-section .row-section .column-section p {font-size: 22px;color: #fff;letter-spacing: 1px;font-family: 'DIN 2014';margin: 0 auto 30px;line-height: 30px;} section.join-our-team-section .row-section .column-section a {width: 100%;max-width: 200px;padding: 15px 0;margin: 0 auto;} section.team-section .inner-team .owl-dots { display: none; } section.team-section .custome-slide.owl-carousel .owl-item.active.center .main-reviewimage { border: 2px solid #fff; } section.team-section .main-reviewimage { width: 100%; height: 100%; } section.team-section .team-image { position: relative; opacity: 1; -webkit-transition: .4s ease all; transition: .4s ease all; margin: 0 -48px; margin-top: 40px; } section.team-section .inner-team { width: 100%; max-width: 680px; margin: 0 auto; } section.team-section #team .center .team-image:before { content: none; transition: 0.7s ease-in-out; } section.team-section .team-image img { overflow: hidden; margin: 0 auto; height: 100%; object-fit: cover; } section.team-section .custome-slide.owl-carousel .owl-item.active.center { position: relative; z-index: 999; -webkit-transform: scale(1.1); transform: scale(1.1); } section.team-section .custome-slide.owl-carousel .owl-item { transform: scale(0.9); padding: 10px 0px; transition: all 0.5s; margin: 10px 0 !important; } section.team-section .team-detail { text-align: center; transform: scale(0.7) !important; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; } section.team-section .custome-slide.owl-carousel .active .team-detail { display: none; } section.team-section .custome-slide.owl-carousel .active.center .team-detail { display: block !important; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } section.team-section .custome-slide .team-popup-content { display: flex; align-items: center; height: 100%; overflow: hidden; z-index: 99; } section.team-section .custome-slide.owl-carousel .owl-item-wrap { position: relative; margin: 10px auto; /*perspective: 1000px;*/ } section.team-section .custome-slide.owl-carousel .flip-box-wrapper { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; } section.team-section .custome-slide.owl-carousel .owl-item.center .owl-item-wrap:hover .flip-box-wrapper { box-shadow: -5px 5px 5px #aaa; color: #fff; transform: rotateY(180deg); } section.team-section .custome-slide.owl-carousel .owl-item.center .owl-item-wrap:hover .flip-box-wrapper .team-popup-content, section.team-section .custome-slide .flip-box-inner.active .team-popup-content { overflow: auto; } section.team-section .main-reviewimage img { filter: grayscale(100%); opacity: 1; z-index: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } section.team-section .owl-item.center .owl-item-wrap:hover .main-reviewimage img, section.team-section .owl-item.center .owl-item-wrap:hover .team-detail, { opacity: 0; z-index: -1; visibility: hidden; } section.team-section .active.center .main-reviewimage img { filter: grayscale(0%); box-shadow: 0 0 7px 1px #7e7777; } section.team-section .custome-slide.owl-carousel .face { position: relative; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } section.team-section .custome-slide.owl-carousel .owl-item.center .owl-item-wrap:hover .front.face.front-flip { opacity: 0; visibility: hidden; } section.team-section .custome-slide.owl-carousel .owl-item.center .owl-item-wrap .front.face.front-flip { opacity: 1; visibility: visible; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } section.team-section .custome-slide .back-flip, section.team-section .team-section-wrap.mobile-view .flip-box-back { display: block; box-sizing: border-box; padding: 20px; text-align: center; top: 0; position: absolute !important; background-image: url(../jpg/waves.jpg); background-image: url(../png/artboard.png); transform: rotateY(180deg); z-index: 1; } .team-section-wrap.mobile-view {display: none;} /* careers css */ /* blog page css */ section.blog-content-section { padding: 80px 0 0; } section.blog-content-section .row-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 55px; text-align: center; } section.blog-content-section .column-section.column-odd-child { width: 58.333%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-ordinal-group: 2; } section.blog-content-section .column-section.column-odd-child .blog-image-wrap img { display: block; width: 100%; height: auto; } section.blog-content-section .column-section.column-even-child { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 0 70px 0 40px;width: 41.666%; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: left; } section.blog-content-section .column-section .blog-content-wrap .published-date span.post-date:before, section.blog-content-section .column-section .blog-content-wrap .published-date span.post-date:after { bottom: 0px; position: absolute; content: "\2022"; } section.blog-content-section .column-section .blog-content-wrap .published-date span.post-date:before { left: 12px; } section.blog-content-section .column-section .blog-content-wrap .published-date span.post-date { padding: 0 30px; position: relative; } section.blog-content-section .column-section .blog-content-wrap .published-date { font-size: 18px; text-transform: uppercase; } section.blog-content-section .column-section .blog-content-wrap .published-date span.post-date:after { right: 12px; } section.blog-content-section .column-section .blog-content-wrap .blog-post-title h3 { margin: 10px 0 5px; font-size: 22px; font-weight: 600; } section.blog-content-section .column-section .blog-content-wrap .blog-post-content p { font-size: 18px; letter-spacing: 1px; } section.blog-content-section .column-section .blog-content-wrap a.blog-cta { text-decoration: underline; font-size: 18px; font-weight: 6; } section.blog-content-section .column-section .blog-content-wrap .blog-post-content { margin-bottom: 50px; } .categories-dropdown .form-search .form-group { display: inline-block; vertical-align: middle; position: relative; } .categories-dropdown .form-search .form-group select, .form-search .form-group input { height: 40px; border-radius: 0; background: #fff; width: 100%; box-shadow: none; border: 1px solid #ccc; } .form-search .form-group input { position: relative; } .form-search .form-group button { position: absolute; height: 40px; right: 0; width: 36px; padding: 0; background: transparent; border: 0; color: #610b30; } .categories-dropdown .form-search .form-group select:focus, .form-search .form-group input:focus { box-shadow: none; border-color: #610b30; } .filter-section { padding-bottom: 30px; } section.blog-details-content-section { padding: 80px 0 30px; } .blog-detail-content-wrap h3.blog-detail-title { text-align: center; font-size: 35px; font-weight: bold; margin: 0 auto 20px; } .blog-detail-content-wrap img { width: 100%; margin: 0 auto 20px; } .blog-detail-content-wrap p { font-size: 18px; line-height: 25px; } .blog-detail-content-wrap h4, .side-bar-column h4 { font-size: 25px; font-weight: 600; margin-bottom: 10px; } .blog-details-page .side-bar-column ul { margin: 0; list-style: none; } .blog-details-page .side-bar-column { padding: 15px 0 15px 40px; } .blog-details-page .side-bar-column ul li a { color: #000; font-size: 15px; text-decoration: none; } .blog-details-page .side-bar-column ul li { margin-bottom: 10px; } .blog-details-page .side-bar-column ul li a:hover { opacity: 0.8; } .blog-details-page .side-bar-column .recent-post { padding: 20px 0 30px; } .side-bar-column .form-search .form-group button { right: 15px; } /*.tags-section span.btn-tag-title { background: #000; padding: 5px 10px; border-radius: 5px; color: #fff; margin-right: 10px; }*/ .blog-detail-content-wrap iframe {width: 100%;} .blog-detail-content-wrap div img {max-width: 300px;display: inline-block;width: 100%;margin: 20px 0;} .blog-detail-content-wrap div {display: inline-block;text-align: center;} .tags-wrapper .tag-wrap { width: 100%; margin: 20px 0; } .tags-section a.tag-btn:hover { color: #610b30; text-decoration: none; border: 1px solid #610b30; } .tags-section a.tag-btn { color: #000; border: 1px solid #000; padding: 5px 10px; line-height: 40px; } .tags-section .social-wrap .like-cta, .tags-section .social-wrap .social-icons { display: inline-block; vertical-align: middle; width: 48%; } .tags-section .social-wrap .social-icons { text-align: right; } .tags-section span.like-link { padding: 5px 10px; border: 1px solid; cursor: pointer; } .tags-section a.social-icon svg { border: 1px solid #000; border-left: 0; } .tags-section a.social-icon { margin: -2px; background: transparent; text-decoration: none; } .tags-section a.social-icon:first-child svg { border-left: 1px solid #000; } .menu-row-section { display: flex; flex-wrap: wrap; } section.menu-section h4.menu-item-top-title { font-size: 30px; text-transform: uppercase; text-align: left; color: #000; font-weight: 600; position: relative; margin: 0 25px; display: block; width: 100%; } section.menu-section div.panel-default {border: none;box-shadow: none;} section.menu-section div.panel-default div.panel-heading { background: transparent; border: none; padding: 0; } section.menu-section div.panel-default div.panel-body { border-top: 0 !important; } #menu-accordion .panel-default>.panel-heading {background: transparent;border: none;text-align: left;padding: 0;} div#menu-accordion .panel, div#menu-accordion .panel-body {border: none;padding: 0;margin: 0;} div#menu-accordion .panel-body:after {display: none;} .wheat { background-image: url(../png/wheat.png); } .soy { background-image: url(../png/soy.png); } .peanut, .peanuts { background-image: url(../png/peanut.png); } .treenuts { background-image: url(../png/treenuts.png); } .eggs { background-image: url(../png/egg.png); } .milk { background-image: url(../png/milk.png); } .shellfish { background-image: url(../png/shellfish.png); } .sesame { background-image: url(../png/sesame.png); } .fish { background-image: url(../png/fish-icon.png); } [data-css="tve-u-1732b54681c"] a {color: #610b30 !important;} [data-css="tve-u-170eb32acf9"] {margin-bottom: 30px !important;padding: 0 !important;} .note-section-wrap ul.disclimer-allergen-note {margin: 0 auto 20px;list-style: none;display: flex;align-items: center;} .nutri-info.note-section-wrap ul.disclimer-allergen-note {justify-content: center;} .note-section-wrap ul.disclimer-allergen-note li>p>span {width: 30px;height: 30px;display: inline-block; background-size: cover; margin: 0 5px 0 0; vertical-align: middle; } .note-section-wrap ul.disclimer-allergen-note li>p {margin: 0 20px 0 0;} p.menu-disclaimer-text { font-size: 16px; text-align: center; line-height: 19px; } @media (max-width: 1200px) { section.team-section .owl-item.active.center .owl-item-content h3.team-title { font-size: 18px; margin-bottom: 0; line-height: 25px; } section.team-section .owl-item.active.center .owl-item-content p { margin: 0 0 10px; line-height: 20px; } section.team-section a.modal-cta { padding: 5px; font-size: 15px; } section.newsletter-section .newsletter-form-wrap .row .col-md-12.column-section .form-group {width: 25%;} section.join-our-team-section .container { width: 100%; } .main-navigation ul li a { padding: 10px !important; } button.ast-menu-toggle { right: -5px; } .header-main-layout-1 .main-navigation { padding: 0; } } @media (max-width: 991px) { /* nutrition css */ .search-pane .search-input button { height: 37px; } table.nutrition-info-table th:not(:first-of-type) div { width: 2.5em; } table.nutrition-info-table th:first-of-type {min-width: 210px;max-width: 210px;} table.nutrition-info-table th:not(:first-of-type) {font-size: 13px;} table.nutrition-info-table th:not(:first-of-type):before {top: 0;bottom: 20px;left: 0;} /* nutrition css */ /* blog css */ section.blog-content-section .container { width: 100%; margin: 0 auto; } section.blog-content-section .column-section.column-even-child { padding: 0 20px; } section.blog-content-section .column-section .blog-content-wrap .blog-post-content { margin-bottom: 0; } section.blog-details-content-section .container { width: 100%; margin: 0 auto; } .blog-detail-content-wrap p { font-size: 16px; } .blog-detail-content-wrap h3.blog-detail-title { font-size: 30px; line-height: 35px; } .blog-detail-content-wrap div img { max-width: 100%; margin: 0 auto; } /* blog css */ /* career css */ section.team-section .owl-item-content { padding: 10px; bottom: 20px; } section.team-section a.modal-cta { font-size: 14px; } .career-page .container {width: 100%;margin: 0 auto; } section.join-our-team-section .row-section .column-section p {font-size: 18px;margin: 20px 0;line-height: 25px;} section.join-our-team-section .row-section .column-section h2.section-title {font-size: 30px;margin: 0 auto;} section.join-our-team-section .row-section .column-section:first-child .column-wrap {padding: 20px;} section.join-our-team-section .row-section .column-section a {font-size: 16px;padding: 10px;max-width: 120px;} /* career css */ /* home page css */ .rewards-section .rewards-wrapper .rewards-content-wrap h3 {font-size: 50px;} .rewards-section .rewards-wrapper .rewards-content-wrap .text-wrap {max-width: 400px;} .rewards-section .rewards-wrapper .rewards-content-wrap img {max-width: 250px;} .rewards-section .rewards-wrapper .rewards-content-wrap a {font-size: 20px;} .rewards-section .rewards-wrapper .rewards-content-wrap .text-wrap {margin: 50px 0;} section.instagram-feed-section .insta-content {top: 20px;} section.newsletter-section .newsletter-form-wrap .row .col-md-12.column-section .form-group {width: 30%;} .footer-section .footer-wrapper .footer-wrap.wrap-one a:first-child {display: block;margin-bottom: 20px;} .footer-section .footer-wrapper .footer-wrap.wrap-one a {margin: 0 5px;} .footer-section .copyright-section .app-cta-wrap {text-align: center;width: 100%;margin-top: 10px;} .footer-section .container {width: 95%;padding: 0;} .footer-section .copyright-wrap {font-size: 14px;} .footer-section span.social-icon {padding: 5px !important;} .footer-section .footer-wrapper {text-align: center;} /* home css end */ header .main-navigation ul li a { margin-right: 5px; font-size: 14px !important; padding: 0 5px !important; } .main-navigation ul li {padding: 0 10px;margin: 5px;} } @media (max-width: 912px) { .main-navigation ul#primary-menu li.menu-item {padding: 0 1px;margin: 0;} .ast-logo-title-inline .site-logo-img {padding-right: 0;} .main-header-menu .menu-link, .ast-header-custom-item a {margin: 0 5px;} } @media (max-width: 767px) { .team-banner-wrap { background-size: 131% !important; } /*nutrition css */ table.nutrition-info-table tr td.cat-name { background-color: #f3f3f1; max-width: 100%; } table.nutrition-info-table tr td { display: flex; align-items: center; justify-content: space-between; font-size: 15px; font-weight: 500; border-bottom: solid thin #ebece7; padding: 10px 5px; } table.nutrition-info-table th:first-of-type {max-width: 100%;} .nutrition-menu-section-wrap table.nutrition-info-table tr td .unit { display: inline-block; text-transform: none; } table.nutrition-info-table tr td .value { width: 50px; } section.menu-banner-section h1.banner-title { font-size: 25px !important; line-height: 2; margin: 10px 0; } table.nutrition-info-table thead th { display: none; } table.nutrition-info-table thead th:first-child { display: block; width: 100%; margin: 0 auto; max-width: 100%; padding: 0; } .main-navigation ul#primary-menu li.menu-item span.sub-arrow:after { display: none; } .main-navigation .ast-menu-toggle { display: inline-block; position: absolute; font-size: inherit; cursor: pointer; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 0.907em; font-weight: 400; line-height: inherit; transition: all .2s; top: 0px; right: calc( 20px - 0.907em ); } .main-navigation .ast-menu-toggle::before { font-weight: bold; content: "\e900"; font-family: Astra; text-decoration: inherit; display: inline-block; } .main-navigation ul.sub-menu .menu-item .menu-link:after { display: none; } .main-navigation ul.sub-menu .menu-item .menu-link:before { content: "\e900"; font-family: Astra; font-size: .65em; text-decoration: inherit; display: inline-block; transform: translate(0,-2px) rotateZ(270deg); margin-right: 5px; } .main-header-bar .main-header-bar-navigation .sub-menu { width: 100%; margin: 0 auto; overflow: hidden; line-height: 3; } /* nutrition css */ /* blog css */ section.blog-content-section .row-section { display: block; width: 100%; margin: 0 auto 30px; } section.blog-content-section .column-section.column-odd-child, section.blog-content-section .column-section.column-even-child { width: 100%; margin: 10px 0; padding: 0; } section.blog-content-section { padding: 30px 0 0; } .blog-details-page .side-bar-column { padding: 20px 0; } .tags-section .social-wrap .like-cta, .tags-section .social-wrap .social-icons { width: 100%; text-align: left; margin: 10px 0; } .blog-details-page .side-bar-column .recent-post { padding: 0 0 10px; } .blog-detail-content-wrap div img {max-width: 300px;margin: 0 auto;} .blog-detail-content-wrap div {display: block;margin: 10px auto;} /* blog css */ /* careers css */ section.team-section a.modal-cta { font-size: 12px; font-weight: 600; } section.meet-our-team p {width: 95%;font-size: 20px;} section.meet-our-team h2 {font-size: 35px;} section.meet-our-team h2 span {font-size: 40px;} a.join-cta {padding: 10px 50px;} section.join-our-team-section .row-section {display: block;text-align: center;} section.join-our-team-section .row-section .column-section:first-child, section.join-our-team-section .row-section .column-section {width: 100%;max-width: 100%;margin: 0 auto 20px;padding: 0;} /* careers css */ /* about page css */ .about-page-wrap .about-section-wrap { padding: 150px 0; } .about-page-wrap .about-section-wrap .content-wrap .section-title a { font-size: 40px; padding: 0 10px; } /* about page css */ section.page-title.location-page-title h1 {font-size: 30px;} .page-title.location-page-title h3.location-sub-title {font-size: 20px;} .page-title.location-page-title h4 {font-size: 18px;} .rewards-section .rewards-wrapper .rewards-content-wrap, .rewards-section .rewards-wrapper .rewards-content-wrap .image-wrap {position: static;text-align: center;} .rewards-section .rewards-wrapper .rewards-content-wrap .text-wrap {width: 100%;max-width: 100%;margin: 30px auto;} section.instagram-feed-section .insta-content p {display: none;} section.instagram-feed-section .insta-content {top: 30px;} section.newsletter-section .newsletter-form-wrap .row .col-md-12.column-section .form-group {width: 70%;margin: 0 auto;padding: 5px 20px;text-align: center;min-height: auto;} section.newsletter-section .newsletter-form-wrap button.form-btn {max-width: 300px;margin: 15px auto 0;} .footer-section .footer-wrapper .footer-wrap {text-align: center;} .footer-section .footer-wrapper .footer-wrap.wrap-one a {display: block;} .footer-section .copyright-wrap {display: block;margin: 10px 0;} .rewards-page-content .tve_image_caption .tve_image {margin: 0 auto;width: 100%;} } @media (max-width: 680px) { .promise-page-wrap .promise-sec-wrap .promise-card {position: static;padding: 20px;} .promise-page-wrap .promise-sec-wrap {padding-bottom: 50px;} .promise-page-wrap .promise-sec-wrap img {width: 100%;padding-bottom: 30px;} .promise-page-wrap .promise-sec-wrap .promise-card ul li p {word-break: break-word;} .promise-page-wrap .promise-sec-wrap .promise-card ul li:nth-child(even) {text-align: left;} .promise-page-wrap .promise-sec-wrap .promise-card ul li:nth-child(even) span {float: none;margin: 0px 10px 0 0;} .promise-page-wrap .promise-sec-wrap .promise-card ul li {margin: 10px 0;} section.newsletter-section h3.section-title, .sign-up-section h3, section.newsletter-section, section.upcoming-location-section h3.section-title {font-size: 22px !important;} section.newsletter-section p {font-size: 15px;} .rewards-banner-section [data-css="tve-u-16d40711b6b"] { background-size: 100% 100% !important; } .rewards-banner-section .banner-image img, .rewards-page-banner .row-section .cta-wrap.app-cta img { max-width: 150px !important; } .rewards-banner-section .thrv_wrapper.thrv-columns, .rewards-banner-section .tcb-flex-col:first-child .banner-image.app-image img { margin: 0 auto !important; } .rewards-banner-section .tcb-flex-row.v-2 .tcb-flex-col { display: block; flex: 1 0 0 !important; } .rewards-banner-section .thrv_wrapper.thrv-content-box div:not(.thrv_icon):not(.ui-resizable-handle):not(.tve-auxiliary-icon-element) { max-width: 200px; margin: 5px 0; padding: 0; width: 100%; } .rewards-banner-section :not(#tve) [data-css="tve-u-16d41ab8096"], .rewards-page-banner .row-section h1 { font-size: 18px !important; } .rewards-banner-section :not(#tve) [data-css="tve-u-1775f452f2f"] { font-size: 15px !important; } .rewards-banner-section .thrv_wrapper.thrv_contentbox_shortcode.thrv-content-box.tve-elem-default-pad { max-width: 300px; margin: 0 0 0 auto !important; } .rewards-banner-section [data-css="tve-u-16d40706e17"] { min-height: 100% !important; height: 100% !important; } .rewards-banner-section { padding: 0 !important; } .rewards-banner-section :not(#tve) [data-css="tve-u-16d41bd85c2"] { font-size: 16px !important; width: auto !important; } .rewards-banner-section :not(#tve) [data-css="tve-u-16d41bd85c2"] { font-size: 14px !important; } .rewards-banner-section [data-css="tve-u-16d4151ab68"] .tcb-button-link { width: 100%; padding: 10px; max-width: 160px; } .location-details-frame .sign-up-section { width: 80%; } } @media (max-width: 575px) { /*.teamModal .team-popup-content-top { width: 100%; margin: 0 auto; }*/ .rewards-section .rewards-wrapper .rewards-content-wrap {padding: 30px 15px;} .rewards-section .rewards-wrapper .rewards-content-wrap h3 {font-size: 35px;} section.newsletter-section .newsletter-form-wrap .row .col-md-12.column-section .form-group {width: 100%;} } @media (max-width: 480px) { .rewards-banner-section .tcb-flex-col:first-child .banner-image.app-image img, .rewards-banner-section .banner-image img {margin: 0 auto !important;} .page-title.location-page-title .cta-wrap a {display: block;margin: 10px auto !important;width: auto;padding: 10px 0;} section.instagram-feed-section .insta-content {top: 20px;} .rewards-banner-section .thrv_wrapper.thrv_contentbox_shortcode.thrv-content-box.tve-elem-default-pad { max-width: 200px; padding: 0 !important; margin: 0 15px 0 auto !important; } .rewards-banner-section { padding: 10px 0 !important; } .rewards-banner-section .thrv_wrapper.thrv-button { margin: 0 !important; } .rewards-banner-section [data-css="tve-u-16d4151ab68"] .tcb-button-link { padding: 5px; } section.team-section .team-section-wrap.mobile-view .flip-box-inner.active .flip-box-back {height: 425px !important;} } /* Landscape*/ @media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { [data-css="tve-u-16d3e008207"] { float: right; } } /* Portrait*/ @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { [data-css="tve-u-16d40706e17"] { min-height: 30vh !important; } } /* iPad Landscape */ @media only screen and (min-device-width: 744px) and (max-device-width: 1133px) { [data-css="tve-u-16d40706e17"] { min-height: 30vh !important; } } /* blog page css */ /* location page new css */ section.location-page-wrap .location-listing-wrapper { background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; width: 39%; box-shadow: 5px 1px 15px #00000026; z-index: 10; } section.location-page-wrap .map-section-wrap { height: 100vh; position: relative; transition: filter .5s; } section.location-page-wrap .map-content-wrap, section.location-page-wrap .location-detail-wrapper { position: absolute; left: 30%; right: 0; top: 0; bottom: 0; height: 100%; } section.location-page-wrap .location-listing { padding: 30px 15px; overflow: visible; } section.location-page-wrap button { color: #000; background: transparent; } section.location-page-wrap .search-form-wrap { height: 70px; margin: 0 auto; z-index: 100; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; border: 1px solid #999; box-sizing: border-box; width: 100%; } section.location-page-wrap button.hamburger-menu, section.location-page-wrap button.hamburger-menu img.map-hamburger { width: 27px; max-width: 27px; padding: 0; border: none; } section.location-page-wrap input.search-text { width: 100%; padding: 0.5em 0; font-size: 1.2em; background: transparent; outline: none; border: none; } section.location-page-wrap form.search-form { width: 92%; display: flex; align-items: center; border-right: 1px solid #999; padding-right: 4%; margin-right: 4%; } .location-detail-wrapper .location-detail-content-wrap .image-wrap img { width: 100%; } .location-detail-wrapper .location-detail-cta-wrap { padding: 0.5em; text-align: right; border-bottom: 1px solid #ccc; margin-bottom: 1em; } .location-detail-wrapper h4.location-heading { position: relative; font-size: 1.2em; margin: 0; text-transform: uppercase; justify-content: space-between; align-items: center; height: 1.5em; font-weight: 600; max-width: 680px; margin: 0 auto; } .location-detail-wrapper .store-information { max-width: 685px; margin: 0 auto; /* max-height: 0; */ overflow: hidden; transition: max-height .2s,padding .2s; padding: 0 1em; text-align: center; } section.location-page-wrap div.location-content-wrapper h3 {margin: 0 0 10px;} section.location-page-wrap div.location-content-wrapper { /*display: flex;*/ margin: 0 auto; overflow: hidden; transition: max-height .2s,padding .2s; padding: 0px; width: 95%; text-align: left; align-items: center; justify-content: center; } div#location-employment-wrapper {display: flex;} section.location-page-wrap .menu-detail-accordion-wrap {padding-top: 30px;} section.location-page-wrap div#location-pricing-detail {width: 100%;} section.location-page-wrap .job-info-wrap {width: 50%;display: inline-block;vertical-align: middle;} section.location-page-wrap .location-detail-content-wrap .location-btns2, .mc-embedded-subscribe-form-wrap.banner-form-wrap button.form-btn { background-color: #610b30; background-image: url(../jpg/button-bg.jpg); color: #fff; text-decoration: none; padding: 10px 20px; font-size: 1em; border: none; text-transform: uppercase; display: inline-block; margin: 5px auto 0; text-align: center; width: 100%; max-width: 220px; } .location-btns2 { width: 100%; } .location-btns2:hover { background-color: #610b30 !important; } section.location-page-wrap div.location-employment-btn-wrap { width: 50%; margin: 0 auto; display: inline-block; vertical-align: middle; text-align: right; } section.location-page-wrap div.location-info-wrap .add-wrap a { margin-top: 10px; cursor: pointer; } section.location-page-wrap .job-info-wrap p {font-size: 14px;color: #000;} section.location-page-wrap div.location-emp .location-employment-wage ul {list-style: none;margin: 0;} section.location-page-wrap div.location-emp h3 { margin: 0 0 20px; font-weight: 600; } section.location-page-wrap div.location-info-wrap { text-align: left; padding: 20px 0 0; } section.location-page-wrap div.location-info-wrap .add-wrap p, section.location-page-wrap div.location-info-wrap div.location-hours p, section.location-page-wrap div.location-info-wrap ul.opening-hours li { margin: 0; line-height: 22px; font-size: 16px; color: #000; } section.location-page-wrap .location-detail-wrapper .location-employment-wage .image-wrap { width: 30px; margin-right: 10px; } section.location-page-wrap .location-detail-wrapper .location-employment-wage { display: flex; margin: 1em 0; } section.location-page-wrap .location-detail-content button.icon {padding: 0;border: none;/*outline: none;*/} section.location-page-wrap .map-section-wrap button.icon-search { padding: 0; font-family: 'IcoMoon-Free'; font-size: 25px; color: #610b30; border: none; } section.location-page-wrap .map-section-wrap button.icon-cross { padding: 0; font-family: 'IcoMoon-Free'; font-size: 20px; border: none; } section.location-page-wrap .location-detail-wrapper div.location-address, section.location-page-wrap .location-detail-wrapper div.location-hours {display: inline-block;width: 50%;vertical-align: top;} section.location-page-wrap .location-detail-wrapper .add-wrap, section.location-page-wrap .location-detail-wrapper .location-hours-content {display: inline-block;margin-top: -3px;} section.location-page-wrap .location-detail-wrapper .location-hours-wrap, section.location-page-wrap .location-detail-wrapper .location-address-wrap {margin-right: 10px;color: #610b30;display: inline-block;vertical-align: top;} section.location-page-wrap .location-detail-wrapper .store-btn-wrap button span.icon { display: block; margin: 0 auto 10px; font-size: 22px; width: 45px; height: 45px; position: relative; } section.location-page-wrap .location-detail-wrapper .store-btn-wrap button { text-transform: uppercase; font-size: 16px; font-weight: 600; color: #000; border: none; padding: 10px 35px; } section.location-page-wrap .location-detail-wrapper .store-heading h5 { font-size: 22px; color: #000; margin: 0 0 15px; text-align: left; } section.location-page-wrap .location-detail-wrapper button.detail-close { padding: 5px; color: #610b30; font-weight: 600; font-size: 18px; text-transform: uppercase; border: none; } section.location-page-wrap .location-detail-wrapper button.detail-close span {margin: 0 5px;display: inline-block;vertical-align: middle;padding-bottom: 3px;} div.map-menu { visibility: hidden; position: absolute; top: 0; left: -450px; z-index: 1000; height: 100%; background-color: #fff; width: 32%; box-shadow: 0 0 15px #00000080; transition: left .3s ease-in-out; -webkit-transition: left .3s ease-in-out; } div.map-menu .map-content-wrapper { max-width: 1366px; width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: hidden; } div.map-menu header.map-menu-header { border-bottom: 1px solid #999; display: flex; justify-content: space-between; align-items: center; padding: 0 6%; height: 60px; } div.map-menu header.map-menu-header h3 { font-size: 1.2em; font-weight: 700; text-transform: uppercase; margin: 0; } div.map-menu header.map-menu-header button.close-btn i { font-family: 'FontAwesome'; font-style: initial; opacity: 1; font-size: 25px; } div.map-menu header.map-menu-header button.close-btn { padding: 0; border: none; } section.location-page-wrap .map-content-wrapper { width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: hidden; } div.map-menu ul.map-menu-list-wrap { list-style: none; margin: 2.2em 6%; padding: 0; line-height: 3em; } div.map-menu .menu-btn { font-size: 1.2em; background: none; border: 0; padding: 0; color: #000; text-decoration: none; } div.map-menu.map-option-enabled {left: 0;visibility: visible;} div.map-menu .menu-btn span {margin-right: 20px;} div.map-menu footer.map-menu-footer .map-menu-wrap a {color: #000;font-size: 30px;margin-right: 10px;} div.map-menu footer.map-menu-footer {display: flex;padding: 1.5em;border-top: 1px solid #999;} div.map-menu footer.map-menu-footer .map-menu-wrapper span {font-size: 25px;margin-right: 20px;} div.map-menu footer.map-menu-footer h3 {margin: 0 0 10px;} .location-list-wrap .search-result ul.search-list-wrap {margin: 0;} .location-list-wrap .search-result ul.search-list-wrap .search-list-image { position: relative; width: 180px; /*box-shadow: 1px 1px 5px #00000040;*/ flex-shrink: 0; } section.location-page-wrap .location-listing h1 {font-size: 20px;font-weight: 600;width: 100%;margin: 0 auto 20px;} .location-list-wrap .search-result ul.search-list-wrap span.search-count { background-color: #fff; border: 2px solid #000; border-radius: 50%; color: #000; min-width: 35px; height: 35px; line-height: 30px; text-align: center; white-space: nowrap; position: absolute; top: 5px; left: 3px; font-size: 1em; font-weight: bold; box-sizing: border-box; display: inline-block; padding: 1px; z-index: 10; } .location-detail-content-wrap { padding-left: 15px; padding-right: 15px; } .location-list-wrap .search-result ul.search-list-wrap .search-list-hours {display: flex;font-size: 13px;} .location-list-wrap .search-result ul.search-list-wrap .hours-icon-wrap span, .location-list-wrap .search-result ul.search-list-wrap .search-sub-header span { width: 20px; display: inline-block; color: #000; } .location-detail-wrapper .store-information.active, .location-detail-wrapper div.location-employment-wrapper.active, section.location-page-wrap div.location-emp.active div.location-content-wrapper { max-height: 1000px; } .location-detail-wrapper div.location-employment-wrapper {max-height: 0;} .location-list-wrap .search-result ul.search-list-wrap .search-sub-header span.icon-phone { -webkit-transform: scaleX(-1); transform: scaleX(-1); padding-left: 10px; } .location-list-wrap .search-result .search-result-scroll { overflow: auto; position: absolute; top: 0; left: 0; bottom: 70px; width: 100%; } .location-list-wrap .search-result { width: 100%; position: absolute; top: 150px; left: 0; bottom: 0; z-index: 10; overflow: visible; } .location-page-wrap .map-section-wrap div#map {position: absolute !important;left: 0;width: 100%;height: 100%;} .location-details-frame #map { width: 100%; height: 500px; border: solid 1px #ccc; } .location-list-wrap .search-result ul.search-list-wrap .search-list-content h4 {font-weight: 700;font-size: 16px;margin: 0 0 5px;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content p {color: #000;font-weight: 500;font-size: 13px;margin-bottom: 5px;} section.location-page-wrap .location-detail-wrapper { /*right: 10%; left: 100%; transition: left .3s ease-in-out; -webkit-transition: left .3s ease-in-out; visibility: hidden;*/ background: #fff; left: calc(100% - 61%); width: 52%; overflow: hidden; transform: translateX(-105%); -webkit-transform: translateX(-105%); -moz-transform: translateX(-105%); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; max-width: 750px; box-shadow: 0 0px 8px #000; visibility: hidden; } section.location-page-wrap .location-detail-wrapper.popup-toggled { /*left: 38%;visibility: visible;overflow-y: scroll;*/ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); overflow-y: scroll; visibility: visible; } .location-list-wrap .search-result ul.search-list-wrap .search-list-hours ul.opening-hours, section.location-page-wrap .location-detail-wrapper div.location-hours ul.opening-hours {margin: 0 auto;} .location-list-wrap .search-result ul.search-list-wrap .search-list-hours ul.opening-hours li {font-size: 15px;line-height: 20px;} section.location-page-wrap .map-content-wrapper .shadow.active { background: rgb(0 0 0 / 50%); height: 100%; z-index: 100; position: absolute; width: 100%; } .location-list-wrap .search-result ul.search-list-wrap li.search-list-item button.more-cta { text-indent: -1000px; height: 0; font-size: .7em; display: block; border: none; padding: 0; } .location-list-wrap .search-result ul.search-list-wrap li.search-list-item button.more-cta:focus { text-indent: 0; background-color: #b60000; color: #fff; height: auto; padding: 0.5em; } .location-list-wrap .search-result ul.search-list-wrap .search-list-content h4 .miles-count {font-size: 13px;display: inline-block;margin-left: 5px;color: #494949;} .icon-compass { background-image: url('../png/location-arrow.png') !important; width: 25px; height: 25px; padding: 0 8px; background-size: contain; background-repeat: no-repeat; } .location-list-wrap .search-result ul.search-list-wrap .search-list-content p span {width: auto;color: #000;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content p.closed-information {text-transform: uppercase;font-weight: 600;} .location-detail-wrapper h4.location-heading a { width: 100%; text-decoration: none; position: absolute; padding: 0 15px; color: #000; } .location-detail-wrapper a:hover {color: #610b30;} .location-detail-wrapper h4.location-heading a div { display: inline-block; position: absolute; right: 0; top: 2px; } div#accordion-location-detail .panel-heading {background: transparent;} div#accordion-location-detail .panel {border: none;} .location-detail-wrapper .store-btn-content .store-btn-content-form .form-group { display: flex; justify-content: center; align-items: center; } .location-detail-wrapper .store-btn-content .store-btn-content-form .form-group .form-control.mobile-three {max-width: 100px;} .location-detail-wrapper .store-btn-content .store-btn-content-form .form-group button.form-control { max-width: 100px; font-size: 16px; line-height: 25px; text-align: left; display: flex !important; align-items: center; justify-content: center; text-indent: unset; } .location-detail-wrapper .store-btn-content .footer-content p {font-size: 12px;} .location-detail-wrapper form.store-btn-content-form.mail-content-form input {max-width: 240px;} .location-detail-wrapper .store-btn-content .store-btn-content-form .form-group .form-control { background: transparent; height: 40px; margin: 0 5px; padding: 5px; } .location-detail-wrapper .store-btn-content .store-btn-content-form .form-group .form-control.mobile-one, .location-detail-wrapper .store-btn-content .store-btn-content-form .form-group .form-control.mobile-two {max-width: 60px;} .location-detail-wrapper .store-btn-content { max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC; } .location-detail-wrapper .store-btn-content.active { max-height: 500px; transition: max-height 0.5s ease-in; } .location-detail-wrapper .store-btn-content .mobile-content, .location-detail-wrapper .store-btn-content .mail-content {padding: 30px 0;text-align: center;} .location-detail-wrapper .store-information h3.store-heading, .location-detail-wrapper .store-information h2.store-heading {text-transform: uppercase;font-size: 20px;font-weight: 500;} .location-list-wrap .search-result ul.search-list-wrap li.search-list-item { display: flex; padding: 10px 10px 10px 15px; cursor: pointer; position: relative; color: #000; } .location-list-wrap .search-result ul.search-list-wrap li.search-list-item:hover:before { position: absolute; background-color: #efefef; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .location-list-wrap .search-result ul.search-list-wrap .search-list-content{ margin-left: 15px; font-size: 15px; line-height: 20px; z-index: -1; } nav.search-result-pagination button.nav-btn:disabled span {color: #fff;} nav.search-result-pagination button.nav-btn span {color: #610b30;} nav.search-result-pagination { background-color: #e9e9e9; height: 50px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 5%; display: flex; justify-content: flex-end; align-items: center; font-size: 1.6em; line-height: 1.5; overflow: visible; } nav.search-result-pagination button.nav-btn {margin-left: 15px;padding: 0;border: none;font-size: 18px;} nav.search-result-pagination p.result-count-text {font-size: 16px;margin: 0 10px 0 0;} .location-detail-wrapper .store-btn-content-form {width: 50%;margin: 0 auto;} nav.search-result-pagination .pagination>li>a {background: transparent;box-shadow: none;} nav.search-result-pagination ul.pagination {display: flex;align-items: center;justify-content: center;} nav.search-result-pagination ul.pagination li>span {padding: 0;border: none;position: absolute;background: transparent;width: 100%;color: #000;} nav.search-result-pagination ul.pagination li {width: 35px;height: 35px;position: relative;margin: 0 10px;} nav.search-result-pagination ul.pagination li>span>a {position: absolute;left: 0;margin: 0 auto;right: 0;bottom: 0px;opacity: 0;} nav.search-result-pagination ul.pagination li>span:hover {color: #ec1c24;} .location-list-wrap .search-result ul.search-list-wrap .search-list-image img { object-fit: cover; width: 100%; height: 120px; } section.promotion-section.team-section { padding: 0px; } section.promotion-section.team-section .promotion-slider .item, section.promotion-section.team-section .promotion-slider .item img {margin: 0;object-fit: cover;} .map-marker.featured img {width: 120px;height: 120px;} .map-marker.featured span.locator-count { /*width: 35px; height: 35px; position: absolute; color: #000; background: #fff; font-size: 15px; line-height: 32px; text-align: center; border-radius: 25px; left: 22px; font-weight: 600; top: -15px; border: 2px solid #000; width: 22px; height: 22px; position: absolute; color: #000; background: #fff; font-size: 12px; line-height: 22px; text-align: center; border-radius: 25px; left: 26px; font-weight: bold; border: 1px solid #adabab; bottom: 9px; */ width: 30px; height: 30px; position: absolute; color: #ffffff; /* background: #fff; */ font-size: 22px; line-height: 22px; text-align: center; border-radius: 25px; left: 44px; font-weight: bold; /* border: 1px solid #adabab; */ bottom: 9px; } .map-marker.featured div.icon {position: relative;} div.location-hours-content ul, div.store-information ul {margin: 0 auto;list-style: none;color: #000;} div.location-hours-content ul li.active, div.store-information ul li.active {font-weight: 600;} .location-list-wrap .search-result ul.search-list-wrap li.search-list-item button.more-cta span {width: auto;color: #fff;} section.location-page-wrap .location-detail-wrapper.popup-toggled::-webkit-scrollbar {width: 5px;} section.location-page-wrap .location-detail-wrapper.popup-toggled::-webkit-scrollbar-track {border-radius: 10px;} section.location-page-wrap .location-detail-wrapper.popup-toggled::-webkit-scrollbar-thumb {background: #000;border-radius: 10px;} .sign-up-section {text-align: center;margin: 0 auto;padding-top: 20px;} .sign-up-section h3 {font-size: 25px;font-weight: 600;text-transform: uppercase;} .sign-up-section .sign-up-wrap {margin: 0 auto;} .sign-up-section .sign-up-wrap .form-control {background: transparent;height: 45px;color: #000;} .sign-up-section .sign-up-wrap .form-control:focus {border-color: #000;} .sign-up-section .sign-up-wrap .form-control.hidden {display: none !important;} .location-details-frame .sign-up-section { width: 50%; padding: 30px; margin: 0 auto; } .sign-up-section a.location-btns2 { max-width: 200px; margin: 0 auto !important; } .last-focus { padding: 0; font-size: 0; } /*section.promotion-section.team-section .owl-item {height: 470px;margin-bottom: -15px;}*/ /* puglie css */ section.meet-our-team.banner-sub h2, .tattoos-section p, .my-hero-page section.meet-our-team.banner-sub p { font-size: 35px; margin: 0 auto; width: 80%; padding: 30px 0 50px; font-weight: 600; border-bottom: 2px solid #000; text-align: center; color: #000; } .promotion-page h3 { text-align: center; font-size: 50px; text-transform: uppercase; font-weight: bold; margin: 0 auto; } .meet-creator-section .video-wrap { text-align: center; padding: 30px 0; height: 600px; } .meet-creator-section .video-wrap iframe { width: 100%; height: 100%; } .promotion-page h3.ribbon-title { background: #ec5756; color: #fff; padding: 15px 0; } .tattoos-section p { border: none; padding: 0; margin-bottom: 25px; } .tattoos-section .image-wrapper { padding: 30px 0 50px; text-align: center; } .tattoos-section .image-wrapper .image { display: inline-block; width: 47%; margin: 30px 10px 0; box-shadow: 0 5px 10px 5px #ddd; } hr.line {width: 80%;border: 1px solid #000;} .promotion-page.demon-slayer-page hr.line {border: 1px solid #ee5856;} section.sticky-notes-section .sticky-notes-wrap, section.rubber-bookmarks-section { padding: 50px 0; } section.sticky-notes-section .row-section .column-section { padding: 0 10px; } section.sticky-notes-section .row-section .column-section .column-wrap { box-shadow: 0 2px 10px 0px #000; } section.sticky-notes-section.rubber-bookmarks-section .row-section .column-section .column-wrap { box-shadow: none; } section.coaster-set-section .row-section, section.instagram-giveaway-section .row-section, .teris-kura .team-section-content-wrapper .meet-creator-wrap .row-section { display: flex; justify-content: center; align-items: center; padding: 50px 0; } section.coaster-set-section .row-section .column-section, section.instagram-giveaway-section .row-section .column-section { width: 50%; } section.coaster-set-section .row-section .column-section p, section.instagram-giveaway-section .row-section .column-section p { font-size: 28px; font-weight: 600; text-align: center; width: 75%; margin: 0 auto 25px; color: #000; } section.coaster-set-section .note .note-wrap { width: 50%; margin: 0 0 50px auto; text-align: center; } section.sticky-notes-section h3, section.rubber-bookmarks-section h3 { margin-bottom: 30px; } section.coaster-set-section .note .note-wrap p, .my-hero-page .tatoos-content .column-section .note p, .we-bare-page .join-our-team-section .giveaway-image .text-wrap .note p, .we-bare-page .tattoos-section p.note { margin-bottom: 5px; font-style: italic; font-size: 15px !important; } section.instagram-giveaway-section .row-section .column-section p { width: 85%; } section.instagram-giveaway-section .row-section .column-section .rules h5 { text-align: center; font-size: 22px; font-weight: 600; text-decoration: underline; margin: 0 auto; } section.instagram-giveaway-section .rules p { font-size: 18px; } section.instagram-giveaway-section .row-section .column-section .rules p { font-size: 20px; margin: 0 auto; } section.instagram-giveaway-section .row-section .column-section .giveaway-note p { font-size: 15px; font-weight: normal; margin: 0 auto 10px; } section.instagram-giveaway-section .row-section .column-section .giveaway-note { padding-top: 30px; } section.instagram-giveaway-section .row-section .column-section .giveaway-note p.insta-giveaway-note { font-style: italic; } .coaster-set-section h3.ribbon-title { background-image: linear-gradient(rgb(254,203,84),rgb(254,203,84)) !important; color: #000; } .tattoos-section .image-wrapper .image:hover img, section.sticky-notes-section .row-section .column-section .column-wrap:hover img, section.rubber-bookmarks-section .row-section .column-section .column-wrap:hover img, .coaster-set-section .column-section .column-wrap:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); } .tattoos-section .image-wrapper .image img, section.sticky-notes-section .row-section .column-section .column-wrap img, section.rubber-bookmarks-section .row-section .column-section .column-wrap img, .coaster-set-section .column-section .column-wrap img { transition: all .2s ease-in-out; } .teris-kura section.meet-our-team.banner-sub p { padding: 0; border: none; font-size: 30px; font-weight: bold; width: 100%; margin-bottom: 10px; } .teris-kura section.meet-our-team.banner-sub p:last-child { padding-top: 30px; } .teris-kura .meet-out-team-wrap { border: 2px solid #000; padding: 10px 0 30px; } .meet-out-team-wrap-content { background-image: linear-gradient(rgb(211,211,211),rgb(211,211,211)); padding: 30px; } .teris-kura section.meet-our-team, .teris-kura section.team-section {padding: 0;} .teris-kura section.meet-our-team .cta-wrap {margin: 30px 0 20px;} .teris-kura .team-section-content-wrapper, .teris-kura section.sticky-notes-section .sticky-notes-wrap, .teris-kura .instagram-giveaway-section .sticky-notes-wrap { background-image: linear-gradient(rgb(79,33,18),rgb(79,33,18)); padding: 50px 30px 0; text-align: center; } .teris-kura section.sticky-notes-section .sticky-notes-wrap {padding: 0;} .teris-kura .team-section-content-wrapper h3.ribbon-title { background: transparent; border: 2px solid; } .teris-kura .team-section-content-wrapper .meet-creator-wrap { padding: 50px 0 0; } .teris-kura .team-section-content-wrapper .meet-creator-wrap h3, .teris-kura section.sticky-notes-section h3 { font-size: 35px; color: #fff; position: relative; } .teris-kura .team-section-content-wrapper .meet-creator-wrap h3:after, .teris-kura section.sticky-notes-section h3:after { position: absolute; content: ' '; background: rgb(237,28,36); width: 100%; padding: 2px; bottom: -5px; left: 0; right: 0; max-width: 200px; margin: 0 auto; } .teris-kura .team-section-content-wrapper .meet-creator-wrap .image-wrap { padding: 50px 0; } .teris-kura .team-section-content-wrapper .meet-creator-wrap .image-wrap img { max-width: 415px; width: 100%; } section.sticky-notes-section .row-section .column-section .column-wrap {box-shadow: none;} .teris-kura section.sticky-notes-section .row-section {margin: 0 auto;} .teris-kura .instagram-giveaway-section .sticky-notes-wrap { background: rgb(149,187,157); } .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content { background-image: none; padding: 0; } .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content h4, .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content h5 { font-size: 4em; margin: 0; text-transform: uppercase; color: #fff; font-weight: bold; line-height: 1; } .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content .meet-out-team-wrap { border-color: #fff; color: #fff; } .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content h5 { font-size: 38px; font-weight: 400; margin-bottom: 10px; } .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content p { font-size: 30px; font-weight: bold; } .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content p.giveaway { margin-top: 30px; text-transform: uppercase; } .teris-kura section.coaster-set-section .note .note-wrap { width: 100%; margin: 50px auto 0; } .teris-kura .coaster-set-section .column-section .column-wrap img { max-width: 420px; width: 100%; } .teris-kura .instagram-giveaway-section .sticky-notes-wrap h5 { margin: 0; color: #fff; font-size: 30px; line-height: 1.3; text-transform: uppercase; } .teris-kura section.coaster-set-section .note .note-wrap p, .my-hero-page .tatoos-content .column-section .note p { color: #fff; font-style: normal; font-weight: 500; margin: 0 auto; padding: 0; } .teris-kura .coaster-set-section .column-section:first-child .column-wrap {text-align: left;} .teris-kura section.sticky-notes-section h3:after {max-width: 100px;} section.promotion-rewards-section {padding: 20px 0;} .promotion-rewards-wrap .post-wrapper a { font-size: 20px; display: inline-block; width: 100%; text-decoration: none; line-height: 1.2; } .promotion-rewards-wrap .post-wrapper a>span { padding: 0 10px; display: inline-block; vertical-align: bottom; } .promotion-rewards-wrap .post-wrapper a.right-link {text-align: right;} .monthly-discovers-page.campaign-page {background: url(../jpg/campaign-bg-new.jpg);background-color: #313b43;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;} .monthly-discovers-page.campaign-page .container-wrap {width: 100%;margin: 0 auto;max-width: 90vw;} table.nutrition-info-table.menu-item-table:last-child { display: none; } .campaign-page section.banner-section h1, .campaign-page section.banner-section h3 { color: #fed581; font-size: 4.5em; text-transform: uppercase; line-height: 0; border-bottom: 2px solid #7b755c; margin: 0 auto; display: inline-block; font-family: 'Azo Sans'; } .campaign-page section.banner-section h1>span, .campaign-page section.banner-section h3>span { font-size: 30px; line-height: 1; display: inline-block; margin-left: 10px; } .campaign-page section.banner-section .row-section, .campaign-page section.invert-menu-section .row-section { display: flex; align-items: center; } .campaign-page section.banner-section h3 { font-size: 25px; border-bottom: 0; text-align: left; margin: 5px 0 15px; line-height: 1.1; font-family: 'Univia Pro Book'; } .campaign-page section.banner-section h3>span { font-size: 14px; border: 1px solid; font-weight: 200; border-radius: 5px; padding: 5px; display: inline-block; vertical-align: bottom; } .campaign-page section.banner-section { padding: 50px 0; position: relative; z-index: 2; } .campaign-page section.banner-section p { color: #fed581; margin-top: 20px; font-size: 22px; font-family: 'Univia Pro'; font-weight: 300; } .campaign-page section.banner-section .row-section .column-section { width: 50%; } .campaign-page section.banner-section .row-section .column-section .image-wrapper img { max-width: 100%; width: 100%; margin: 0 auto; } .campaign-page section.banner-section .row-section .column-section .image-wrapper, .campaign-page section.invert-menu-section .image-wrap { text-align: center; } .campaign-page section.invert-menu-section { /*background: #313b43;*/ margin-top: 80px; position: relative; z-index: 2; } .campaign-page section.invert-menu-section .image-wrap img { max-width: 450px; width: 100%; } .campaign-page section.invert-menu-section .content-wrap h4, .campaign-page section.invert-menu-section .content-wrap p { color: #fed581; font-size: 30px; font-family: 'Univia Pro'; font-weight: normal; line-height: 1.3; margin: 0 0 10px; } .campaign-page section.invert-menu-section .content-wrap p { font-weight: 300; font-size: 20px; margin: 0; } .campaign-page section.invert-menu-section .row-section .column-section { width: 50%; } .campaign-page section.invert-menu-section .row-section { padding-bottom: 50px; } .campaign-page section.invert-menu-section .menu-content-wrapper { position: relative; top: -60px; } .campaign-page section.invert-menu-section .row-section .column-section .content-wrap { max-width: 340px; margin: 0 auto 35px; } .campaign-page section.invert-menu-section .row-section.odd-box .column-section:first-child, .campaign-page section.invert-menu-section .row-section.even-box .column-section:nth-child(2) { order: 1; text-align: right; } .campaign-page section.invert-menu-section .row-section.odd-box .column-section:nth-child(2), .campaign-page section.invert-menu-section .row-section.even-box .column-section:first-child { order: 2; text-align: left; } .campaign-page section.invert-menu-section .order-section { text-align: center; padding: 30px 0 80px; } .campaign-page section.invert-menu-section .order-section p, .campaign-page section.invert-menu-section .order-section a { color: #fed581; font-size: 25px; font-weight: 100; width: 75%; margin: 0 auto; line-height: 1.4; } .campaign-page section.invert-menu-section .order-section a { font-weight: 600; } .campaign-page section.invert-menu-section .cta-wrap { margin-top: 50px; text-align: center; } .campaign-page section.invert-menu-section .cta-wrap a { font-weight: normal; text-transform: uppercase; color: #313b43; background: #fed581; padding: 10px 100px; width: 100%; font-size: 35px !important; text-decoration: none; border-radius: 5px; border: 2px solid #fed581; } .campaign-page section.invert-menu-section .row-section:last-child { padding: 0; } .campaign-page section.invert-menu-section .order-section .order-section-wrap { padding: 30px 0; border-top: 1.5px solid #fed581; } .campaign-page section.invert-menu-section .cta-wrap a:hover { color: #fed581; background: #313b43; } .campaign-page section.banner-section .row-section .column-section .content-wrap.mobile-content-wrap { display: none; } .promotion-page.demon-slayer-page section.meet-our-team h2 span { font-size: 35px; margin: 0 auto; font-family: inherit; letter-spacing: 0; color: rgb(237,28,36); } .promotion-page.demon-slayer-page section.meet-our-team h2, .my-hero-page section.meet-our-team.banner-sub p {border-bottom: 0;line-height: 1.2;padding: 20px 0;} .promotion-page.demon-slayer-page h3.ribbon-title, .promotion-page.demon-slayer-page .coaster-set-section h3.ribbon-title, .promotion-page.puglie-bikura-page .instagram-giveaway-section h3.ribbon-title { background: #000 !important; border-radius: 20px; color: #fff; } .promotion-page.demon-slayer-page .instagram-giveaway-section h3.ribbon-title, .promotion-page.puglie-bikura-page .instagram-giveaway-section h3.ribbon-title{background: #610b30 !important;} .promotion-page.demon-slayer-page .tatoos-content {padding: 50px 0 30px;} .promotion-page.halloween-costume-new .tatoos-content {padding-top: 0;} .promotion-page.demon-slayer-page .tattoos-section .image-wrapper .image {box-shadow: none;} .promotion-page.demon-slayer-page .tattoos-section .image-wrapper .image img {max-width: 450px;width: 100%;} .promotion-page.demon-slayer-page .sticky-notes-wrap { background: #000; margin: 20px 0; border-radius: 20px; text-align: center; color: #fff; padding: 30px; } .promotion-page.puglie-bikura-page .sticky-notes-wrap {text-align: center;} .promotion-page.demon-slayer-page .sticky-notes-wrap p {font-size: 3.5em;font-weight: bold;} .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-date, .promotion-page.demon-slayer-page .sticky-notes-wrap p.giveaway-item-title { font-size: 2.5em; text-transform: uppercase; padding: 20px 0 0; position: relative; margin: 20px 0;} .promotion-page.demon-slayer-page .sticky-notes-wrap .row-content { border: 5px solid #fff; margin: 30px 0; padding: 30px 20px; border-radius: 20px; } .promotion-page.demon-slayer-page section.coaster-set-section .row-section .column-section p { color: #fff; font-weight: 400; font-size: 23px; } .promotion-page.demon-slayer-page .sticky-notes-wrap .row-section h4, .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-text, .promotion-page.demon-slayer-page .coaster-set-section p.promotion-text, .promotion-page.demon-slayer-page .coaster-set-section h4, .promotion-page.demon-slayer-page .coaster-set-section .row-content p.promotion-text, .we-bare-page .join-our-team-section .giveaway-image .text-wrap h4 { font-size: 35px; color: #fff; text-transform: uppercase; font-weight: 600; position: relative; padding: 0; text-align: center; } .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-text { text-transform: none; } .promotion-page.demon-slayer-page section.coaster-set-section .note .note-wrap { width: 100%; margin: 30px 0 0; padding-top: 30px; position: relative; } .promotion-page.demon-slayer-page section.coaster-set-section .note .note-wrap:before, .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-date:before, .promotion-page.pac-page .promotion-giveaway-section .row-section.new-items:before { position: absolute; background: #ee5856; padding: 2px; width: 100%; margin: 0 auto; max-width: 400px; content: ' '; left: 0; right: 0; top: 0; } .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap, .promotion-page.puglie-bikura-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap {background: transparent;padding: 0;} .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section {padding: 0;align-items: flex-start;} .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content h5, .promotion-page.puglie-bikura-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content h5 { color: rgb(237,28,36); font-size: 25px; text-transform: uppercase; font-weight: 600; margin: 5px 0; } .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content p, .promotion-page.puglie-bikura-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content p {color: #000;font-size: 20px;line-height: 1.5;} .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content {max-width: 420px;margin: 0 auto;width: 100%;} .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .app-content .app-cta-wrap { display: flex; justify-content: center; align-items: center; } .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .app-content .app-cta-wrap img, .promotion-page.puglie-bikura-page section.coaster-set-section.instagram-giveaway-section .app-content .app-cta-wrap img { max-width: 180px; margin: 0 auto; width: 100%; } .demon-slayer-page .coaster-set-section .column-section .column-wrap:hover img {transform: scale(1);-webkit-transform: scale(1);} .promotion-page.demon-slayer-page section.instagram-giveaway-section .app-content .cta-wrap, .promotion-page.puglie-bikura-page section.instagram-giveaway-section .app-content .cta-wrap {padding: 30px 0 50px;} .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content p.download-content, .promotion-page.puglie-bikura-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content p.download-content { text-transform: uppercase; color: rgb(237,28,36); font-size: 28px; font-weight: 600; } .promotion-page.demon-slayer-page section.instagram-giveaway-section .app-content .cta-wrap a.kura-btn, .promotion-page.puglie-bikura-page section.instagram-giveaway-section .app-content .cta-wrap a.kura-btn { color: #ed1c24; background-image: none; background-color: transparent; border: 1px solid #ed1c24; } .promotion-page.demon-slayer-page section.instagram-giveaway-section .app-content .cta-wrap a.kura-btn:hover, .promotion-page.puglie-bikura-page section.instagram-giveaway-section .app-content .cta-wrap a.kura-btn:hover {background-color: #ed1c24;color: #fff;} /* puglie css end */ .kuru-homepage section.menu-section a.kura-btn, .promotion-page a.kura-btn, .rewards-page-banner .row-section a.kura-btn, .news-details-page .title-wrap a.download-btn { background-color: #000; background-image: url(../jpg/button-bg-2.jpg); text-transform: uppercase; color: #fff; padding: 11px; font-size: 20px; padding-left: 50px; padding-right: 50px; text-decoration: none;; } section.newsletter-section .alert-danger p, .form-validate-error { margin-bottom: 5px !important; color: #a94442 !important; } section.menu-section button.dbc_lightbox img { width: 220px; background-color: #ddd; height: 170px;object-fit: contain; } section.menu-section button.dbc_lightbox img.lazyloaded { background-color: transparent; } div.location-hours-content ul li>span.week-day, .location-details-frame ul.opening-hours li>span.week-day {width: 35px;} div.location-hours-content ul li>span.hours-detail, .location-details-frame ul.opening-hours li>span.hours-detail {margin-left: 10px;} div.location-hours-content ul li>span, .location-details-frame ul.opening-hours li>span {display: inline-block;vertical-align: middle;} section.team-section .team-popup-content-wrap .team-detail {position: static;} section.team-section .custome-slide .team-popup-content-wrap .team-detail h3 {font-size: 22px;text-transform: uppercase;} section.team-section .custome-slide .team-popup-content-wrap .team-detail p {font-size: 18px;} section.menu-section .row-section .column-section.menu-scroll {outline: 1px solid #000;} .campaign-page .promotion-rewards-section {background: #313b43;position: relative;z-index: 2;} .grecaptcha-badge {bottom: 35px !important;} .mc-embedded-subscribe-form-wrap.banner-form-wrap input[type=text], .mc-embedded-subscribe-form-wrap.banner-form-wrap input[type=email] {color: #fff !important;} .demon-slayer-page .team-banner-wrap img {width: 100%;margin: 0 auto;} .nutrition-menu-section-wrap p.menu-disclaimer-text.first-one {text-transform: uppercase;margin-bottom: 2px;} .promise-page-wrap h1.section-title {font-weight: bold;font-size: 34px;font-size: 2.5rem;font-family: 'DIN 2014';} .ast-desktop .main-header-menu.submenu-with-border .sub-menu {visibility: hidden;} .july-month-campaign h3.invert-section-title, .july-month-campaign p.invert-section-text { font-size: 20px; margin-bottom: 10px; line-height: 1.4; font-family: bilo, sans-serif; font-weight: 400; font-style: normal; } .july-month-campaign p.invert-section-text { color: #35ae98; } .july-month-campaign h3.invert-section-title { font-size: 50px; color: #e07a3b; text-transform: uppercase; } .july-promotion-page .slider-section { padding: 0px 10px 100px; position: relative; z-index: 2; } .july-promotion-page .campaign-page section.invert-menu-section .order-section .order-section-wrap { border-top: 1.5px solid #e07a3b; } .july-promotion-page .slider-section:after { position: absolute; content: " "; background: #e07a3b; width: 100%; padding: 1px; left: 0; right: 0; max-width: 1000px; text-align: center; margin: 0 auto; bottom: 0px; } .july-promotion-page section.promotion-rewards-section, .july-promotion-page section.promotion-rewards-section a { background: #35ae98; color: #fff; } .july-promotion-page .campaign-page section.invert-menu-section .content-wrap h4, .july-promotion-page .campaign-page section.invert-menu-section .content-wrap p, .july-promotion-page .campaign-page section.invert-menu-section .order-section p, .july-promotion-page .campaign-page section.invert-menu-section .order-section a { color: #35ae98; font-family: bilo, sans-serif; font-weight: 400; font-style: normal; } .july-promotion-page .campaign-page section.invert-menu-section .content-wrap h4 { color: #e07a3b; } .july-promotion-page .slider-section .owl-carousel .owl-dots.disabled { display: block !important; bottom: -80px; position: relative; } .july-promotion-page .slider-section .owl-dots { text-align: center; width: 100%; position: absolute; bottom: -50px; } .july-promotion-page .slider-section .owl-dot { background: #35ae98; padding: 5px; margin: 5px; border-radius: 25px; border: 1px solid #35ae98; display: inline-block; } .july-promotion-page .slider-section .owl-dot.active { background: rgba(255, 255, 255, .75); } .july-promotion-page .monthly-discovers-page.campaign-page { background-image: url(../jpg/pattern-bg.jpg); background-size: cover; } .july-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign { background: url(../png/top-left.png); background-position: top left; background-size: 280px; } .july-promotion-page .monthly-discovers-campaign-page { background: url(../png/bottom-left.png); background-position: bottom left; background-size: 300px; } .july-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign .campaign-top { background: url(../png/center-right.png); background-position: right bottom; background-size: 250px; } .july-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign .campaign-top, .july-promotion-page .monthly-discovers-campaign-page, .july-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign { background-attachment: fixed; background-repeat: no-repeat; } .campaign-page .july-month-campaign section.banner-section h1 { border: none; line-height: 1.5; color: #e07a3b; font-family: bilo, sans-serif; font-weight: 700; font-style: normal; position: relative; } .july-promotion-page .campaign-page section.invert-menu-section .cta-wrap a { background: #35ae98; border-color: #35ae98; color: #fff; } .july-promotion-page .campaign-page section.invert-menu-section .cta-wrap a:hover { background: transparent; color: #35ae98; } .july-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign .campaign-top:before { position: absolute; content: " "; background: #fff; height: 100%; width: 100%; left: 0; right: 0; z-index: 1; opacity: 0.65; } .july-promotion-page .promotion-rewards-wrap .post-wrapper { margin: 0; } .campaign-page .july-month-campaign section.banner-section h1:after { bottom: -22px; } .campaign-page .july-month-campaign section.banner-section h1:before { top: -22px; } .july-promotion-page .banner-section-wrap img.ribbon-title { max-width: 350px; margin: 0 auto 0 0; width: 100%; } .july-promotion-page .banner-section-wrap .title-wrap, .july-promotion-page .banner-section-wrap .ribbon-title { display: table-cell; vertical-align: middle; } .july-promotion-page .banner-section-wrap { width: 100%; display: table; text-align: center; } .campaign-page .july-month-campaign section.banner-section h1:before, .campaign-page .july-month-campaign section.banner-section h1:after { background: url(https://kuranew-1c49a.kxcdn.com/application/views/themes/theme-1/assets/images/wave-pattern02.svg); position: absolute; content: " "; left: 0; width: 100%; right: 0; padding: 14px; max-width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } .promotion-page.demon-slayer-page .coaster-set-section .sticky-notes-wrap { padding: 0; background: transparent; margin: 0 auto 30px; } .promotion-page.demon-slayer-page .coaster-set-section .sticky-notes-wrap .sticky-note-row-wrap { background: #000; border-radius: 30px; text-align: center; padding: 10px 30px; } .promotion-page.demon-slayer-page .coaster-set-section h4:after, .we-bare-page .join-our-team-section .giveaway-image .text-wrap h4:after { position: absolute; background: #ee5856; padding: 1px; width: 100%; margin: 0 auto; max-width: 220px; content: ' '; left: 0; right: 0; bottom: 0; } .promotion-page.demon-slayer-page section.coaster-set-section .row-section .column-section p.giveaway-item-title, .promotion-page.demon-slayer-page .sticky-notes-wrap p.giveaway-item-title { color: #ee5856; margin: 20px auto; } .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-text { text-transform: none !important; color: #000; padding: 30px 0; width: 80%; margin: 0 auto; } .new-menu-item section.banner-section { padding: 0; text-align: center; border-bottom: 20px solid transparent !important; border-image: url(../cross-lines.html) 85 round !important; -webkit-border-image: url(../png/cross-lines.png) 85 round !important; -o-border-image: url(../border.html) 85 round !important; } .new-menu-item section.banner-section img, .august-month-discoveries section.banner-section img {width: 100%;margin: 0 auto;} .monthly-discovers-page.campaign-page.new-menu-item { background: #fff; background: url(../jpg/new-menu-item-bg.jpg) center no-repeat; background-attachment: fixed; background-size: cover; background-position: center bottom; height: 100%; } .monthly-discovers-page.campaign-page.new-menu-item:before { position: absolute; content: " "; background: #fff; height: 100%; width: 100%; left: 0; right: 0; z-index: 1; opacity: 0.5; } .new-menu-item section.invert-menu-section .image-wrap {text-align: left;} .new-menu-item section.invert-menu-section .even-box .image-wrap {text-align: right;} .new-menu-item section.invert-menu-section .content-wrap h4 {font-size: 60px;letter-spacing: 5px;font-weight: 700;font-family: 'DIN 2014';} .new-menu-item h3.invert-section-title, .new-menu-item section.invert-menu-section .content-wrap h4 {color: #700c2e;text-transform: uppercase;font-family: 'DIN 2014';} .new-menu-item section.invert-menu-section .row-section .column-section .content-wrap {max-width: 500px;margin: 0 0 0 auto;} .new-menu-item section.invert-menu-section .row-section.even-box .column-section .content-wrap {margin: 0 auto 0 0;} .new-menu-item p.invert-section-text, .new-menu-item section.invert-menu-section .content-wrap p {color: #000;font-family: 'DIN 2014';font-size: 30px;} .new-menu-item section.invert-menu-section .content-wrap p {font-size: 40px;margin: 0 auto;letter-spacing: 0;} .new-menu-item section.invert-menu-section .order-section p, .new-menu-item section.invert-menu-section .order-section a {color: #700c2e;font-size: 35px;} .new-menu-item section.invert-menu-section .cta-wrap a {background: #700c2e;border-color: #700c2e;color: #fff;} .new-menu-item section.invert-menu-section .cta-wrap a:hover {background: transparent;color: #700c2e;} .new-menu-item section.invert-menu-section .order-section .order-section-wrap {border-color: #700c2e;} .monthly-discovers-page.campaign-page.new-menu-item .container-wrap {max-width: 82vw;} .monthly-discovers-page.campaign-page.new-menu-item .monthly-discovers-campaign-page.july-month-campaign {width: 100%;overflow: hidden;} .new-menu-item section.invert-menu-section .menu-content-wrapper {top: 0;text-align: center;padding-bottom: 30px;} .new-menu-item .promotion-rewards-section, .promotion-rewards-wrap .post-wrapper a.right-link {background: #700c2e;color: #fff;} .promotion-rewards-wrap .post-wrapper a.right-link {background: transparent;} .monthly-discovers-page.august-month-discoveries {background: none;background-color: #fff;text-align: center;} .campaign-page section.invert-menu-section .content-wrapper {background-color: #f3f5f6;margin-bottom: 30px;} .campaign-page section.invert-menu-section .content-wrap {padding: 20px 20px 0;text-align: left;min-height: 250px;} .campaign-page.august-month-discoveries section.invert-menu-section .content-wrap h4, .campaign-page.august-month-discoveries h3.invert-section-title, .campaign-page.august-month-discoveries section.invert-menu-section .content-wrap p {color: #5e5e77;font-family: 'Myriad';} .campaign-page.august-month-discoveries section.invert-menu-section .content-wrap h4 {margin: 0 auto 20px;line-height: 1.2;font-size: 26px;} .campaign-page.august-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.august-month-discoveries p.invert-section-text, .campaign-page.august-month-discoveries section.invert-menu-section .order-section p, .campaign-page.august-month-discoveries section.invert-menu-section .order-section p>a {font-weight: normal;color: #000;font-family: 'MyriadRegular';} .campaign-page.august-month-discoveries p.invert-section-text {font-size: 25px;font-weight: 500;margin-bottom: 15px;} .campaign-page.august-month-discoveries section.invert-menu-section .cta-wrap a {background: #5e5e77;color: #fff;border-color: #5e5e77;} .campaign-page.august-month-discoveries section.invert-menu-section .cta-wrap a:hover {color: #5e5e77;background: transparent;} .august-month-discoveries .promotion-rewards-section {background: #5e5e77;} .campaign-page.august-month-discoveries section.invert-menu-section .order-section p, .campaign-page.august-month-discoveries section.invert-menu-section .order-section p>a {font-weight: 500;} .august-month-discoveries section.invert-menu-section .image-wrap img {width: 100%;max-width: 100% !important;} .august-month-discoveries section.invert-menu-section .order-section .order-section-wrap {border-color: #5e5e77;border-bottom: 1px solid;padding: 50px 0;} .august-month-discoveries section.banner-section {padding: 0;} .august-month-discoveries section.invert-menu-section .menu-content-wrapper .row {width: 100%;margin: 0 auto;overflow: hidden;} .sticky-popup { display: none; position: fixed; right: -240px; bottom: 40px; z-index: 100; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sticky-wrap a#hide { float: none; position: absolute; font-size: 30px; color: #fff; line-height: 1; opacity: 1; left: 0; background: #000; padding: 0px 8px 2px; border-radius: 25px; top: 20px; left: 20px; font-weight: normal; } .sticky-wrap {position: relative;} .sticky-popup img {max-width: 500px;width: 100%;} section.promotion-section.team-section .owl-item { height: auto !important; margin-bottom: 0px !important; } .promotion-page.pac-page .promotion-giveaway-section .column-section .column-wrap img { max-width: 450px; border-radius: 20px; width: 100%; } .promotion-page.pac-page .promotion-giveaway-section .sticky-wrapper {background: #FBEA8A;padding: 30px;margin-top: 30px;border-radius: 30px;} .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap p {font-size: 2.5em;} .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap p, .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap h4, .we-bare-page .join-our-team-section .giveaway-image .text-wrap h4 {color: #000 !important;} .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap {margin: 30px 0;padding: 0;} .promotion-page.pac-page section.coaster-set-section .note .note-wrap:before {display: none;} .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap .text-wrapper p { padding: 0; margin: 10px auto !important; } .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap .text-wrapper { margin-top: 30px; } .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap .text-wrapper p.promotion-text { text-transform: uppercase !important; font-size: 30px; font-weight: bold; min-height: 80px; } .promotion-page.pac-page .promotion-giveaway-section .row-section.new-items:before {padding: 1px;max-width: 800px;background: #F58221;} .promotion-page.pac-page .promotion-giveaway-section .row-section.new-items {position: relative;padding-bottom: 0;} .promotion-page.pac-page .ribbon-wrap h3.ribbon-title { border: 2px solid #231F20; background: #F58221 !important; padding: 10px; } .promotion-page.pac-page .ribbon-wrap { border: 3px solid #EE2130; padding: 0; border-radius: 25px; } .promotion-page.pac-page hr.line {border-color: #F58221;} .halloween-costume-page .team-banner-wrap img {max-width: 100%;} .halloween-costume-page .meet-out-team-wrap .column-section {margin-bottom: 30px;} .promotion-page.halloween-costume-page section.meet-our-team .meet-out-team-wrap, .promotion-page.halloween-costume-page .tattoos-wrap {background: linear-gradient(rgb(36,11,44),rgb(36,11,44))!important;padding: 30px;} .promotion-page.halloween-costume-page section.meet-our-team {padding: 0;margin-top: -1px;} .promotion-page.halloween-costume-page section.meet-our-team h2 {color: #fff;text-transform: uppercase;} hr.divider-line { width: 100%; border: 2px dashed rgb(231, 90, 48); background-color: transparent; } .promotion-page.halloween-costume-page .divider {width: 100%;overflow: hidden;background: linear-gradient(rgb(36,11,44),rgb(36,11,44))!important;} .promotion-page.halloween-costume-page h3, .promotion-page.halloween-costume-page .tattoos-section p, .promotion-page.halloween-costume-new .tatoos-content p, .oct-month-discoveries a.left-link.text-left {color: #fff;} .promotion-page.halloween-costume-page .tattoos-section p, .promotion-page.halloween-costume-new .tatoos-content p { font-size: 25px; margin: 0 auto 20px; width: 95%; font-weight: 400; } .promotion-page.halloween-costume-page .ribbon-content { background: linear-gradient(rgb(231,90,48),rgb(231,90,48))!important; padding: 30px 0; } .promotion-page.halloween-costume-page .ribbon-content h3 { font-size: 30px; font-weight: 500; } .promotion-page.halloween-costume-page .ribbon-tag {position: relative;font-weight: bold;font-size: 24px;border: 5px solid #000;background-color: #000;width: 100%;margin: 20px auto;text-align: center;max-width: 200px;text-transform: uppercase;border-radius: 5px;} .promotion-page.halloween-costume-page .ribbon-tag p {margin: 0 auto 5px;} .promotion-page.halloween-costume-page .ribbon-tag svg { position: absolute; top: 45px; left: 0; right: 0; width: 100%; } .promotion-page.halloween-costume-page .ribbon-tag:before {content: "";position: absolute;display: block;width: 0px;left: 50%;bottom: 0;border: 15px solid transparent;border-bottom: 0;border-top: 15px solid #000;transform: translate(-50%, calc(100% + 5px));} .promotion-page.halloween-costume-page .ribbon-content.gray-content {background: linear-gradient(rgb(245,245,245),rgb(245,245,245)) !important;} .promotion-page.halloween-costume-page .ribbon-content.gray-content p {color: #000;font-weight: 600;} .promotion-page.halloween-costume-page section.bottom-section p { text-align: center; padding: 35px 0; font-size: 18px; border-bottom: 1px solid #eee; } .promotion-page.halloween-costume-page .ribbon-content.gray-content.text-left p{text-align: left;font-weight: 500;} .halloween-costume-page .promotion-rewards-wrap a.right-link {text-align: left;color: #000;} .halloween-costume-page.campaign-page .promotion-rewards-section {background: transparent;margin-top: 15px;} .halloween-costume-new div#count-down {background: linear-gradient(rgb(36, 11, 44), rgb(36, 11, 44)) !important;text-align: center;font-size: 50px;padding-bottom: 50px;text-transform: uppercase;} .halloween-costume-new div#count-down p {text-align: center;display: inline-block;vertical-align: middle;width: 100%;max-width: 12%;margin: 0 15px;color: #e75a30;background: #fff;padding: 20px 0;font-weight: 700;font-size: 50px;border-radius: 10px;} .halloween-costume-new div#count-down p>span {display: block;font-size: 20px;color: #000;} .monthly-discovers-page.oct-month-discoveries {background-color: #020202;} .campaign-page.oct-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.oct-month-discoveries section.invert-menu-section .order-section p, .campaign-page.oct-month-discoveries section.invert-menu-section .order-section p>a {color: #fff;font-family: 'Bebas Neue Pro SemiExp Middle';} .campaign-page.oct-month-discoveries section.invert-menu-section .cta-wrap a:hover {color: #fff;border-color: #fff;} .campaign-page.oct-month-discoveries section.invert-menu-section .content-wrap h4 {color: #fac6d1;font-family: 'Bebas Kai';letter-spacing: 0.5px;} .campaign-page.oct-month-discoveries section.invert-menu-section .cta-wrap a {background: #fac6d1;color: #000;font-family: 'Bebas Kai';letter-spacing: 0.5px;} .oct-month-discoveries .boder-top {border-top: 5px solid #687733;padding-right: 0px;padding-left: 0px;} .campaign-page.oct-month-discoveries section.invert-menu-section .content-wrapper {background-color: #687733;} .oct-month-discoveries section.invert-menu-section .order-section .order-section-wrap {border-top: 5px solid #687733;border-bottom: none;background: #687733;margin-top: 30px;} .oct-month-discoveries .promotion-rewards-section {background: #687733;} .campaign-page.oct-month-discoveries section.invert-menu-section .menu-content-wrapper {padding-top: 30px;} .holiday2021-page section.join-our-team-section {margin: 20px 0;} .holiday2021-page section.join-our-team-section .ribbon-content {background: #95bb9d !important;padding: 30px;} .holiday2021-page section.join-our-team-section .ribbon-content.gray-content {background: rgb(212,0,0) !important;} .holiday2021-page section.join-our-team-section .ribbon-content p, .holiday2021-page section.join-our-team-section .ribbon-content p>a {color: #fff !important;font-weight: 400 !important;margin-bottom: 0;font-size: 22px;} .promotion-page.holiday2021-page .bottom-section p {font-size: 22px !important;padding: 20px !important;line-height: 1.5;border: none !important;color: #95bb9d;} .holiday2021-page section.holiday-column-section {padding: 50px 0;text-align: center;} .holiday2021-page section.holiday-column-section h4 {font-size: 25px;text-transform: uppercase;font-weight: bold;font-family: "Times New Roman",Times,serif !important;} .holiday2021-page section.holiday-column-section h4>span {color: #fbb515;display: block;} .holiday2021-page section.holiday-column-section ul {text-align: left;padding: 30px 0 !important;margin-left: 30px;} .holiday2021-page section.holiday-column-section ul li {color: #95bb9d;font-size: 22px;line-height: 1.5;letter-spacing: 0.15em;} .holiday2021-page section.holiday-column-section .menu-bottom ul li {letter-spacing: 0;font-size: 16px;} .holiday2021-page section.holiday-column-section .menu-bottom .cta-wrap a {font-weight: normal;text-transform: uppercase;color: #fff;background: #fbb515;padding: 5px 100px;width: 100%;font-size: 30px;text-decoration: none !important;border-radius: 5px;border: 1px solid #fbb515;font-family: "Times New Roman",Times,serif !important;} .promotion-page.holiday2021-page .ribbon-content h3 {font-family: "Times New Roman",Times,serif !important;font-weight: bold;font-size: 35px;letter-spacing: 8px;} .holiday2021-page section.holiday-column-section .menu-bottom .cta-wrap a:hover {background: transparent;color: #fbb515;} .valentines-page section.holiday-column-section .row.row-section {margin-bottom: 50px;display: flex;align-items: center;} .valentines-page section.holiday-column-section .menu-bottom .cta-wrap a {background: #760000;border-color:#760000;} .valentines-page section.holiday-column-section .menu-bottom .cta-wrap a:hover {color: #760000;} .promotion-page.valentines-page .ribbon-content h3 {text-transform: none;font-size: 50px;letter-spacing: 8px;font-family: Georgia,serif !important;} .valentines-page section.join-our-team-section .ribbon-content.gray-content h3 {font-family: 'DIN 2014' !important;font-weight: 400;letter-spacing: 0;} .promotion-page.valentines-page .ribbon-content h3:last-child {font-size: 25px;} .valentines-page section.holiday-column-section h4 {font-family: Georgia,serif !important;font-size: 28px;} .valentines-page section.holiday-column-section ul {padding: 0 20px !important;} .valentines-page section.holiday-column-section .menu-bottom ul {margin-bottom: 50px;} .promotion-page.valentines-page .bottom-section p, .promotion-page.valentines-page section.holiday-column-section ul li {font-family: Georgia,serif !important;} .valentines-page section.holiday-column-section h4>span {color: #a30000 !important;text-transform: none;} .dec-promotion-page .owl-item img {padding: 0 10px;} .dec-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign, .dec-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign .campaign-top, .dec-promotion-page .monthly-discovers-campaign-page, .monthly-discovers-page.campaign-page {background: none;} .dec-promotion-page .banner-section-wrap {display: block;} .dec-promotion-page .banner-section-wrap, .dec-promotion-page .owl-carousel {display: block;background: #e7e8e9;} .dec-promotion-page .campaign-page section.banner-section {padding: 0;} .dec-promotion-page .banner-section-wrap .image-wrap {width: 100%;margin: 0 auto;text-align: right;} .dec-promotion-page .banner-section-wrap .image-wrap img {max-width: 550px;width: 100%;} .dec-promotion-page .banner-section-wrap .title-wrap {width: 100%;margin: 0 auto;display: block;text-align: center;max-width: 600px;} .dec-promotion-page .slider-section {padding: 0;position: static;} .dec-promotion-page .slider-section .owl-carousel {padding: 20px 0 80px !important;} .dec-promotion-page .slider-section .owl-carousel .owl-dots {bottom: 20px;} .dec-promotion-page .slider-section .owl-dot.active {background: #b42026;border-color: #b42026;} .dec-promotion-page .slider-section .owl-dot {border-color: #000;background: transparent;} .dec-promotion-page section.invert-menu-section {margin: 0 auto;text-align: center;padding: 0;background: transparent;} .dec-promotion-page section.invert-menu-section .menu-content-wrapper {top: 0;background: #b42026;padding: 10px;width: 100%;} .dec-promotion-page h3.invert-section-title, .dec-promotion-page p.invert-section-text {color: #fff;width: 100%;max-width: 80%;margin: 10px auto;font-family: "Arboria" !important;} .dec-promotion-page .campaign-page section.invert-menu-section .cta-wrap a {font-family: 'Arboria';color: #b42026;background: #e7e8e9;border-color: #e7e8e9;} .dec-promotion-page .campaign-page section.invert-menu-section .cta-wrap a:hover {color: #e7e8e9;} .dec-promotion-page .campaign-page section.invert-menu-section .content-wrap h4, .dec-promotion-page .campaign-page section.invert-menu-section .content-wrap p, .dec-promotion-page .campaign-page section.invert-menu-section .order-section p, .dec-promotion-page .campaign-page section.invert-menu-section .order-section p>a {font-family: "Arboria" !important;color: #fff;} .dec-promotion-page section.invert-menu-section .image-wrap img {max-width: 500px;width: 100%;margin: 0 auto;} .dec-promotion-page section.invert-menu-section .order-section {background: #b42026;padding: 50px 0;} .dec-promotion-page .campaign-page section.invert-menu-section .order-section .order-section-wrap {border-color: #000;} .dec-promotion-page section.invert-menu-section .row-section.even-box h4 {font-size: 35px;} .dec-promotion-page section.invert-menu-section .row-section.even-box h4, .dec-promotion-page section.invert-menu-section .row-section.even-box p {text-align: right;} .dec-promotion-page section.promotion-rewards-section, .dec-promotion-page section.promotion-rewards-section a {color: #b42026;background: transparent;} .dec-promotion-page {background-image: url(../jpg/dec-snow-bg.jpg);} .dec-promotion-page .monthly-discovers-page.campaign-page {background: none;} .dec-promotion-page section.invert-menu-section .row-section .column-section .content-wrap {padding: 0;max-width: 400px;margin: 0 auto 0;min-height: auto;} .dec-promotion-page .banner-section-wrap .title-wrap img.mobile-image {display: none;} .dec-promotion-page .campaign-page section.invert-menu-section .content-wrap h4 {font-style: italic;} /* faq page */ .faq-section p {font-size: 18px;color: #000;display: block !important;margin: 0 auto 10px;line-height: 1.2;font-weight: 500;} section.faq-section {padding: 50px 0;} section.faq-section .faq-card-wrap {padding: 0 0 50px;} section.faq-section .card-head h4 {padding: 10px 0;margin-bottom: 10px;font-size: 22px;font-weight: 600;padding-right: 20px;} .faq-section div.tab-wrapper {width: 100%;margin: 10px auto;} .faq-section div.tab-wrapper ul {width: 100%;display: flex;align-items: center;justify-content: center;margin: 10px auto 30px;} .faq-section div.tab-wrapper #kura-faq {width: 100%;background: #ffffff;box-shadow: 0px 0px 3px rgb(18 16 16 / 30%);padding: 30px 20px 0;color: #36494f;} .faq-section div.tab-wrapper .tab-content {width: 100%;display: none;} .faq-section div.tab-wrapper .tab-content.active {display: block;} .faq-section div.tab-wrapper .card-body ul {display: block;margin: 15px auto;padding-left: 30px;} .faq-section div.tab-wrapper .card-body ul li {background: transparent;box-shadow: none;max-width: 100%;list-style: disc;text-align: left;padding: 0;color: #000 !important;margin: 0 auto 5px;display: list-item} section.faq-section h3.faq-titles {margin: 10px auto 0 !important;padding: 10px 5px;font-size: 20px;} .contact-form button#contact-submit { background: #610b30; border-radius: 10px; text-transform: uppercase; font-weight: 600; border-color: #610b30; } section.faq-section h3.faq-titles br {display: none;} .faq-section span.red-text {color: #ed1c24;} /* faq page end */ .jan-page .banner-section-wrap img {max-width: 580px;width: 100%;} .jan-page .banner-section-wrap {padding-top: 20px;} .jan-page .banner-section-wrap .image-wrap {text-align: center;max-width: 520px;} .jan-page section.invert-menu-section, .jan-page section.promotion-rewards-section {background-color: #b42026;} .jan-page, .jan-page .slider-section .owl-carousel, .jan-page .banner-section-wrap {background: none;} .jan-page section.invert-menu-section .order-section {background: #fff;} .jan-page section.invert-menu-section.menu-section .menu-content-wrapper {padding: 0 0 50px;} .jan-page section.promotion-rewards-section a {color: #fff;font-family: bc-novatica-cyr, sans-serif;font-weight: 400;font-style: normal;} .jan-page .campaign-page section.invert-menu-section .cta-wrap a {color: #fff;background: #b42026;padding: 5px 30px 8px;border-radius: 10px;border: solid #b42026;font-family: bc-novatica-cyr, sans-serif;font-weight: 700;font-style: normal;} .jan-page .campaign-page section.invert-menu-section .cta-wrap a:hover {background: transparent;color: #b42026;} .jan-page .campaign-page section.invert-menu-section .order-section p, .jan-page .campaign-page section.invert-menu-section .order-section p>a {color: #b42026;} .jan-page .campaign-page section.invert-menu-section .order-section .order-section-wrap {border-top: 2px solid #e9e9e9;} .jan-page h3.invert-section-title, .jan-page p.invert-section-text {max-width: 100%;margin-bottom: 15px;} .jan-page .slider-section .owl-carousel .owl-dots.disabled {bottom: -50px;} .jan-page .campaign-page section.invert-menu-section .content-wrap h4 {font-family: bc-novatica-cyr, sans-serif !important;font-weight: 700;font-style: italic;font-size: 30px;} .jan-page p.invert-section-text, .jan-page .campaign-page section.invert-menu-section .content-wrap p, .jan-page .campaign-page section.invert-menu-section .order-section p, .jan-page .campaign-page section.invert-menu-section .order-section p>a{font-family: bc-novatica-cyr, sans-serif !important;font-style: normal;} .jan-page h3.invert-section-title {font-family: bc-novatica-cyr, sans-serif !important;font-weight: 700;font-style: normal;} /* tetris bikkura-page */ .promotion-page.tetris-bikkura-page h3 { font-size: 35px; margin: 0 auto 20px; width: 80%; font-weight: 600; text-align: center; color: #000; text-transform: none; } .promotion-page.tetris-bikkura-page h2 { padding-bottom: 20px !important; } .promotion-page.tetris-bikkura-page .meet-out-team-wrap, section.coaster-set-section.tetris-bottom-section { padding-bottom: 35px; } .promotion-page.tetris-bikkura-page h3>span, .promotion-page.tetris-bikkura-page .sticky-notes-wrap p.promotion-text>span { color: #ed1c24; text-transform: uppercase; } .promotion-page.tetris-bikkura-page h3.tetris-ribbon-title { margin: 35px auto; color: #043594; font-size: 50px; text-transform: uppercase; font-weight: 900; font-family: 'GothamBlack'; font-style: italic; } .promotion-page.tetris-bikkura-page .tetris-bottom-section h3.tetris-ribbon-title.span-x span { color: #043594; text-transform: lowercase; } .promotion-page.tetris-bikkura-page .tatoos-content { padding: 0 0 30px; } .promotion-page.tetris-bikkura-page .image-wrapper h3 { color: #043594; text-transform: uppercase; font-size: 50px; font-family: 'Gotham'; font-weight: 500; } .promotion-page.tetris-bikkura-page section.coaster-set-section .accordion p { color: #000 !important; font-size: 17px !important; font-weight: 100; } .promotion-page.tetris-bikkura-page .coaster-set-section h4 { font-size: 45px; color: #043594; font-style: italic; margin: 0 auto; font-weight: 900; font-family: 'GothamBlack' } .promotion-page.tetris-bikkura-page .coaster-set-section h4:after { display: none; } .promotion-page.tetris-bikkura-page .sticky-notes-wrap p { color: #ce0026; font-size: 25px; margin: 0 auto; font-weight: 900; } .promotion-page.tetris-bikkura-page .sticky-notes-wrap .content-wrap p>span { font-size: 40px; border-left: 1px solid #043594; padding-left: 10px; margin-left: 5px; font-family: 'Gotham'; font-weight: 900; } .promotion-page.tetris-bikkura-page section.coaster-set-section .row { padding-bottom: 20px; } .promotion-page.tetris-bikkura-page section.coaster-set-section .accordion h5 { text-transform: uppercase; font-size: 20px; font-style: italic; font-family: 'GothamLight'; font-weight: 300; } .promotion-page.tetris-bikkura-page section.coaster-set-section .accordion h5>span { display: block; font-size: 35px; font-weight: 100; line-height: 1; } .promotion-page.tetris-bikkura-page section.coaster-set-section .owl-dot { width: 12px; height: 12px; background: transparent; z-index: 1; position: relative; border: 2px solid #fdd823; border-radius: 25px; display: inline-block; margin: 20px 5px; } .promotion-page.tetris-bikkura-page section.coaster-set-section div#l-tetrimino .owl-dot { border-color: #ff8200; } .promotion-page.tetris-bikkura-page section.coaster-set-section div#t-tetrimino .owl-dot.active { background: #a71c8d; } .promotion-page.tetris-bikkura-page section.coaster-set-section div#t-tetrimino .owl-dot { border-color: #a71c8d; } .promotion-page.tetris-bikkura-page section.coaster-set-section div#s-tetrimino .owl-dot { border-color: #00b44f; } .promotion-page.tetris-bikkura-page section.coaster-set-section div#s-tetrimino .owl-dot.active { background: #00b550; } .promotion-page.tetris-bikkura-page section.coaster-set-section div#l-tetrimino .owl-dot.active { background: #ff8200; } .promotion-page.tetris-bikkura-page section.coaster-set-section .owl-dot.active { background: #fdd823; } .promotion-page.tetris-bikkura-page p.availability-note { font-size: 18px; color: #000; font-weight: 400; padding: 0 50px 20px; font-family: 'Gotham'; } .promotion-page.tetris-bikkura-page .tetris-bottom-section h3.tetris-ribbon-title { font-size: 42px; line-height: 1.2; width: 100%; } .promotion-page.tetris-bikkura-page .tattoos-section p>span.free-one { color: #eb0046; } .promotion-page.tetris-bikkura-page .tattoos-section p>span.free-three { color: #00b550; } .promotion-page.tetris-bikkura-page .tattoos-section p>span.free-two { color: #ff4d00; } .promotion-page.tetris-bikkura-page .tattoos-section p>span.free-four { color: #013694; } .promotion-page.tetris-bikkura-page .tattoos-section p.prize-text span { font-size: 22px; font-weight: 100; font-style: italic; } .promotion-page.tetris-bikkura-page hr.line { border: 2px solid #ff4d00; } .promotion-page.tetris-bikkura-page .t-shirt-giveaway-img img { max-width: 100%; margin: 0 auto; width: 100%; transform: rotate(20deg) !important; opacity: 0; } .promotion-page.tetris-bikkura-page .lanyard-img { max-width: 85%; margin: 0 auto; } .promotion-page.tetris-bikkura-page .can-badges-img { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .promotion-page.tetris-bikkura-page .can-badges-image { max-width: 400px; } .promotion-page.tetris-bikkura-page .content-wrap.sushi-box-price h4+p { font-family: 'GothamLight'; font-weight: 900; } .promotion-page.tetris-bikkura-page .cta-wrap a, .promotion-page.tetris-bikkura-page .cta-wrap p { background: #c2272d; padding: 10px 30px 12px; border-radius: 15px; font-size: 25px; color: #fff; border: 1px solid #c2272d; text-transform: uppercase; font-weight: 600; text-decoration: none; } .promotion-page.tetris-bikkura-page .cta-wrap { width: 100%; text-align: center; margin: 0 auto; } .promotion-page.tetris-bikkura-page .cta-wrap a:hover { color: #c2272d; background: transparent; } .promotion-page.tetris-bikkura-page .sticky-notes-wrap .cta-wrap { margin-bottom: 30px; padding: 10px 0; } .promotion-page.tetris-bikkura-page .coaster-set-section .t-shirt-giveaway-wrap { background: #3272CF; } .promotion-page.tetris-bikkura-page .coaster-set-section .column-wrap h4 { text-align: center; color: #fff; position: relative; margin-bottom: 20px; } .promotion-page.tetris-bikkura-page .coaster-set-section .column-wrap h4:before { position: absolute; content: " "; background: #fff; padding: 0.5px; max-width: 75%; bottom: 10px; width: 100%; } .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section .column-section .rules p { font-family: 'Gotham'; font-weight: bold !important; font-style: normal; font-size: 30px !important; width: 80%; line-height: 1.5; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title {text-align: center;letter-spacing: -10px;} .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span { font-size: 2.5em; letter-spacing: 0; color: #fff; text-shadow: 8px 1px 1px #000; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span.date-text { margin-left: 30px; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span.red { color: #D82E4A; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span.orange { color: #F78930; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span.yellow { color: #F9D852; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span.green { color: #00AF5B; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span.blue { color: #00378F; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span.purple { color: #6A1D5A; } .promotion-page.tetris-bikkura-page section.coaster-set-section .text-wrap { display: flex; position: absolute; bottom: 0; padding: 20px 15px 5px; width: 100%; align-items: center; justify-content: space-between; } .promotion-page.tetris-bikkura-page section.coaster-set-section .bottom-image { position: relative; } .promotion-page.tetris-bikkura-page section.coaster-set-section .text-wrap p { font-size: 14px; font-weight: bold; } .promotion-page.tetris-bikkura-page section.coaster-set-section .bottom-image img { width: 100%; } .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section .column-section .rules p>a { color: #F78930; text-decoration: none; position: relative; border-bottom: 0.5px solid #F78930; z-index: 2; } .promotion-page.tetris-bikkura-page .cta-wrap p.tshirt-link { background: #844e99; border-radius: 0; border: 2px solid #D82E4A; max-width: 320px; margin: 0 auto; } .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section {position: relative;padding: 15px 0 0;} .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section:before { display: block; position: absolute; content: " "; background: url(../png/tetris-tshirt.png) no-repeat; background-size: 60%; transform: rotate(10deg) !important; width: 100%; height: 100%; top: 15%; left: -40px; z-index: 1 } .promotion-page.tetris-bikkura-page section.coaster-set-section .note .note-wrap:before { display: none; } /* tetris bikkura page end */ /* my hero page */ .promotion-page.demon-slayer-page.my-hero-page h3.ribbon-title {background: transparent !important;color: #C1272D;font-family: commando;font-size: 5em;} .promotion-page.demon-slayer-page.my-hero-page .tatoos-content {padding: 30px 0;} .promotion-page.demon-slayer-page.my-hero-page hr.line {border: 2px solid #FFF203;width: 65%;} .my-hero-page .tattoos-section p>span, .my-hero-page section.meet-our-team.banner-sub p>span, .my-hero-page .tatoos-content .column-section p.highlight-text a>span {color: #C1272D;} .promotion-page.demon-slayer-page.my-hero-page h4 {text-align: center;font-family: 'Commando';font-size: 2.5rem;margin: 0 auto;text-transform: uppercase;} .promotion-page.demon-slayer-page.my-hero-page .tattoos-wrap h3.ribbon-title {line-height: 1.2;padding-bottom: 0;text-transform: uppercase;} .my-hero-page .tatoos-content .column-section {padding: 50px 0 20px;} .my-hero-page .tatoos-content .column-section h4 {font-family: 'DIN 2014';font-weight: bold;text-decoration-line: underline;text-decoration-thickness: 2px;margin-bottom: 20px;} .my-hero-page .tatoos-content .column-section p.highlight-text a>span {text-decoration-thickness: 2px;text-decoration-line: underline;} .my-hero-page .tatoos-content .column-section .note p {color: #000;} .promotion-page.demon-slayer-page.my-hero-page .image-wrapper .image-wrap {padding-bottom: 30px;} .my-hero-page .tattoos-section .image-wrapper {padding: 0;} .promotion-page.demon-slayer-page.my-hero-page .image-wrapper .image-wrap img {width: 100%;margin: 0 auto;} .promotion-page.demon-slayer-page.my-hero-page .bikkura-prize .tattoos-wrap p:last-child, .dc-bikkura .tattoos-section p.prize-text {font-size: 22px;font-style: italic;font-weight: 400;} /*my hero page end */ /* benefits page css */ section.benefit-section {text-align: center;padding: 30px 0 50px;} section.benefit-section ul.nav-tabs {text-align: center;margin: 0 auto 20px;border: none;max-width: 360px;} section.benefit-section ul.nav-tabs li {border: none;} section.benefit-section ul.nav-tabs li a, .benefit-section .tab-content h4 {text-transform: uppercase;color: #000;font-size: 30px;border-radius: 0;padding: 0 20px;border: 0;font-weight: 600;margin: 0 auto;position: relative;opacity: 0.5;} section.benefit-section ul.nav-tabs li:first-child a:after {position: absolute;content: " ";background: #000;height: 100%;right: 0;z-index: 9;opacity: 1;width: 2px;max-height: 25px;bottom: 8px;} section.benefit-section ul.nav-tabs li.active a {color: #610b30;opacity: 1;} .benefit-section .tab-content {padding: 0 0 50px;width: 85%;margin: 0 auto;} .benefit-section .tab-content img {max-width: 180px;} .benefit-section .tab-content h4 {opacity: 1;font-size: 25px;line-height: 1.2;margin-bottom: 10px;color: #000;} .benefit-section .tab-content .content-wrap {min-height: 180px;} section.benefit-section ul.nav-tabs li a:hover, section.benefit-section ul.nav-tabs li.active a:hover {border: 0 !important;background: transparent;} .benefits-page .note-section-wrap {text-align: center;padding: 30px 0 50px;} .benefits-page .note-section-wrap h5.benefit-note-title {font-size: 35px;text-transform: uppercase;margin: 0 auto 10px;color: #fff;} .benefits-page .note-section-wrap .content-wrap {margin: 15px auto;} .benefits-page .note-section-wrap {background: #000;} .benefits-page .note-section-wrap p {color: #fff;font-size: 18px} section.benefit-image-section {padding-top: 30px;} /* benefits page css end */ /* valentine seafood page css */ .valentine-seafood-page section.team-banner-section {background: url(../jpg/valentine-banner-new2.jpg) no-repeat center;background-size: cover;padding: 0 100px 140px;} .valentine-seafood-page section.team-banner-section img {opacity: 0;} .valentine-content-section {padding: 50px 0;background: url(../jpg/chirashi-bg.jpg) no-repeat center;background-color: rgba(255,255,255,0.5);background-blend-mode: lighten;background-size: cover;} .valentine-content-section .valentine-wrap {padding: 30px 50px;border: 2px solid #6d0d19;border-radius: 10px;} .valentine-content-section .valentine-wrap h3.valentine-title {font-size: 3.5rem;font-style: italic;font-weight: 500;border-bottom: 2px solid #6d0d19;padding-bottom: 20px;font-family: "poppins";color: #6d0d19;} .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title.mobile-view, .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title span:before {display: none;} .valentine-content-section .valentine-wrap .seafood-content .image-wrap {box-shadow: 5px 10px 15px #ddd;} .valentine-content-section .valentine-wrap h3.valentine-title>span {font-weight: bold;font-size: 5rem;position: relative;padding-left: 60px;} .valentine-content-section .valentine-wrap h3.valentine-title>span:before {position: absolute;content: " ";background: #6d0d19;padding: 1px;height: 50%;top: 30%;left: 5%;} .valentine-content-section .valentine-wrap h4 {font-size: 3rem;margin: 30px 0;color: #6d0d19;font-family: 'poppins';font-weight: 600;} .valentine-content-section .valentine-wrap .seafood-content .row.row-section {padding: 20px 0;display: flex;align-items: center;} .valentine-content-section .valentine-wrap p, .valentine-content-section .valentine-wrap p>a {font-size: 2.45rem;margin-bottom: 25px;color: #6d0d19;font-family: 'poppins';font-weight: 500;font-style: normal;} .valentine-content-section hr.line {width: 100%;margin: 50px auto;border-color: #6d0d19;} .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title {text-align: left;font-style: normal;font-weight: 900;border: none;padding-bottom: 30px;margin-bottom: 20px;font-size: 4.5rem;line-height: 1.2;} .valentine-content-section .valentine-wrap .seafood-content ul {padding: 0 0 0 4em;margin: 0 auto 0 20px;} .valentine-content-section .valentine-wrap .seafood-content li {color: #6d0d19;font-size: 2.3rem;font-style: italic;line-height: 1.4;font-family: 'poppins';font-weight: 600;} .heart-section .heart-content-wrap {display: flex;justify-content: center;align-items: center;padding: 10px 0;} .heart-section .heart-content-wrap img { max-width: 400px;width: 100%; transform: rotate(35deg);} .heart-section .heart-content-wrap h4 {font-size: 2.5rem;text-transform: uppercase;line-height: 1.2;font-style: italic;} .heart-section .heart-content-wrap h4>span {font-size: 18px;text-transform: none;font-weight: 400;} .valentine-content-section .valentine-wrap .note-wrap p {font-size: 20px;margin: 0 auto 5px;} .valentine-content-section .valentine-wrap .note-wrap .cta-wrap {padding: 50px 0;text-align: center;} .valentine-content-section .valentine-wrap p>a {text-decoration: underline;} .valentine-content-section .valentine-wrap .note-wrap .cta-wrap a {font-family: 'poppins';font-weight: 400;font-size: 2.4rem;line-height: 1.2;padding: 15px 30px 10px;margin: 0;border-radius: 10px;letter-spacing: 2px;background: #6d0d19;border: 2px solid #6d0d19;} .valentine-content-section .valentine-wrap .note-wrap .cta-wrap a:hover {background: transparent;color: #6d0d19;} .valentine-content-section .valentine-wrap .seafood-content li>span {font-weight: 400;} .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title span {padding: 0;font-weight: 500;} .valentine-seafood-page .promotion-rewards-wrap .post-wrapper a.right-link {color: #ed1c24;} /* valentine seafood page css end */ /* february kmd */ .feb-page section.promotion-rewards-section, .feb-page section.invert-menu-section .menu-content-wrapper, .feb-page section.invert-menu-section .order-section .order-section-wrap {background: #40567a;} .feb-page .campaign-page section.invert-menu-section .cta-wrap a {color: #40567a;background: #efefef;border-color: #efefef;} .feb-page .campaign-page section.invert-menu-section .cta-wrap a:hover {background: #40567a;color: #efefef;} .feb-page section.invert-menu-section .image-wrap img {border: 5px solid #efefef;} .feb-page p.invert-section-text, .feb-page .campaign-page section.invert-menu-section .content-wrap p, .feb-page .campaign-page section.invert-menu-section .order-section p, .feb-page .campaign-page section.invert-menu-section .order-section p>a, .feb-page p.invert-section-text>a {color: #efefef;font-family: "fieldwork" !important;font-style: italic;font-weight: 400;letter-spacing: 0.5px;} .feb-page .banner-section img {width: 100%;margin: 0 auto;} .feb-page section.invert-menu-section .menu-content-wrapper {padding: 50px;} .feb-page section.invert-menu-section .row-section {padding: 0;} .feb-page .campaign-page section.invert-menu-section .content-wrap h4 {font-size: 35px;font-family: "fieldwork" !important;color: #efefef;font-weight: 700;} .feb-page .campaign-page section.invert-menu-section .order-section p, .feb-page .campaign-page section.invert-menu-section .order-section p>a {font-family: bc-novatica-cyr, sans-serif !important;font-style: normal;font-size: 20px;} .feb-page section.team-banner-section {padding: 0;} .feb-page section.invert-menu-section {background: transparent;} .feb-page section.invert-menu-section .order-section {padding: 0;background: transparent;} .feb-page .campaign-page section.invert-menu-section .order-section .order-section-wrap {border: none;position: relative;padding: 50px 0;} .feb-page .campaign-page section.invert-menu-section .order-section .order-section-wrap:before {position: absolute;content: " ";background: #efefef;padding: 2px;width: 100%;left: 0;max-width: 85%;margin: 0 auto;right: 0;top: 0;} .feb-page section.invert-menu-section .image-wrap img {max-width: 400px;} .feb-page .monthly-discovers-campaign-page .campaign-top {padding: 100px 0;background: url(../jpg/feb-kmd-bg-1.jpg) repeat-y top right !important;background-size: 100% auto !important;} .campaign-wrapper.container {text-align: center;padding: 0;border: 5px solid #efefef;margin: 0 auto;} /* february kmd end */ /* march kmd start */ .campaign-page.march-month-discoveries .banner-section {padding: 0;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box {padding: 80px 0;background: #f4e696;margin: 0 auto;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper {background-color: transparent;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .column-wrapper {width: 80%;margin: 0 auto;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4 {font-family: "bilo";font-weight: 900;text-transform: uppercase;font-size: 45px;} .campaign-page.march-month-discoveries section.invert-menu-section h5.kmd-menu-title {text-align: center;font-size: 45px;font-family: "bilo";text-transform: uppercase;font-weight: 900;width: 50%;margin: 0 auto;} .campaign-page.march-month-discoveries section.invert-menu-section p.kmd-menu-sub-title {width: 80%;margin: 20px auto;text-align: center;} .campaign-page.march-month-discoveries .invert-menu-section .menu-content-wrapper .row {padding: 50px 0 0;} .campaign-page.march-month-discoveries section.invert-menu-section {background-color: #aed5e7;margin: 0 auto;} .campaign-page.march-month-discoveries section.invert-menu-section .menu-content-wrapper {top: 0;width: 90%;margin: 0 auto;text-align: center;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper { margin: 0 auto; background: url(../jpg/march-kmd-bg.jpg) no-repeat center; background-size: cover; padding: 30px; border: 5px solid #fff; border-radius: 20px; } .march-month-discoveries .promotion-rewards-section {background: #f4e696;} .march-month-discoveries .promotion-rewards-wrap .post-wrapper a {color: #000;} .march-month-discoveries section.invert-menu-section .content-wrap, .march-month-discoveries section.invert-menu-section .content-wrapper {background: #f4e696;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4 { text-align: center; font-size: 35px; margin: 0 auto 20px; width: 90%; } .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a, .campaign-page.march-month-discoveries section.invert-menu-section p.kmd-menu-sub-title, .campaign-page.march-month-discoveries section.invert-menu-section .content-wrap p { font-family: "bilo"; font-size: 18px; font-weight: 600; color: #000; } .campaign-page.march-month-discoveries section.invert-menu-section {padding: 80px 0;} .campaign-page.march-month-discoveries section.invert-menu-section .cta-wrap a:hover {border-color: #f4e696;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .row {display: flex;align-items: center;} .campaign-page.march-month-discoveries section.invert-menu-section .cta-wrap a { background: #f4e696; text-transform: none; font-family: "bilo"; font-weight: 700; padding: 8px 50px 8px; font-size: 25px !important; border-radius: 10px; box-shadow: 5px 5px 4px 0px #888888; } .campaign-page.march-month-discoveries section.invert-menu-section .cta-wrap {margin: 30px auto;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a {text-decoration: underline;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p { text-align: center; width: 70%; margin: 0 auto; } .campaign-page.march-month-discoveries section.invert-menu-section .content-wrapper {border: 5px solid #fff;border-radius: 20px;} .campaign-page.march-month-discoveries section.invert-menu-section .content-wrapper img {border-radius: 20px 20px 0 0;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper {border: 0;} .campaign-page.march-month-discoveries p.invert-section-text, .campaign-page.march-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.march-month-discoveries section.invert-menu-section .order-section p, .campaign-page.march-month-discoveries section.invert-menu-section .order-section p>a, .campaign-page.march-month-discoveries section.invert-menu-section .content-wrap h4 {font-family: "bilo";color: #000;text-align: center;line-height: 1.2;font-weight: 700;} .march-month-discoveries section.invert-menu-section .content-wrap {border-radius: 0 0 15px 15px;} .campaign-page.march-month-discoveries section.invert-menu-section .content-wrap h4 {font-size: 25px;font-weight: 800;margin-bottom: 5px;} .campaign-page.march-month-discoveries section.invert-menu-section .content-wrap p {padding: 0 20px;} .march-month-discoveries section.invert-menu-section .content-wrap {min-height: 225px;} /* march kmd end */ /* contact page start */ .contact-page .form-section .custom-file span.file-field { font-size: 16px; color: #ed1c24; position: absolute; margin: 0; text-transform: uppercase; /*padding: 10px;border: 2px solid;border-radius: 25px;*/ left: 0; cursor: pointer; font-weight: 600; color: #727272; } .contact-page .form-section .custom-file input#fileToUpload { border: none; background: transparent; padding: 0; position: relative; width: auto; font-size: 20px; visibility: hidden; height: auto; } .contact-page .form-section .custom-file span.file-name { position: absolute; top: 0; right: 0; font-size: 14px; color: #000; height: 100%; line-height: 30px; } .contact-page .form-section .custom-file label { width: 100%; display: block; position: relative; margin: 0 auto; display: flex; align-items: center; } .contact-page .form-section .custom-file {width: 50%;} .contact-page .meet-out-team-wrap {padding-bottom: 50px;} .contact-page .meet-out-team-wrap h1 {padding-bottom: 30px;} .contact-page .form-section {width: 100%;max-width: 80%;margin: 0 auto;} .contact-page .form-group.text-center {display: flex;align-items: center;justify-content: space-between;} .contact-page .form-section input, .contact-page .form-section select, .contact-page .select2-container--default .select2-selection--single, .contact-page .form-section textarea.form-control { background: transparent; box-shadow: none; border-radius: 0; border-color: #727272; height: 45px; border-width: 2px !important; font-size: 16px; font-weight: bold; color: #727272 !important; } .contact-page .form-section .form-control::placeholder{ color: #727272; } .contact-page .form-section span#select2-location-container {color: #727272 !important;padding: 0 15px;font-size: 15px;line-height: 45px;text-align: left;} .contact-page .select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%;} .contact-page .form-section textarea.form-control {resize: none;height: auto;} .contact-page .form-section .custom-file span.file-field span.doc-type {text-transform: none;} .contact-page #display-errors p {color: #a94442 !important;font-size: 18px !important;} .contact-page .form-section select {background: rgba(0, 0, 0, 0.005);} .contact-page form#contact-form .form-group select {position: relative;} .contact-page form#contact-form .form-group svg {position: absolute;right: 25px;top: 0;width: 10px;height: 75%;stroke-width: 2px;stroke: #000;fill: none;stroke-linecap: round;stroke-linejoin: round;pointer-events: none;} .contact-page form#contact-form .form-group select {-webkit-appearance: none;cursor: pointer;transition: all 150ms ease;} .contact-page form#contact-form .form-group select option[value=""][disabled] {display: none;} .contact-page form#contact-form .form-group select:hover + svg {stroke: #000;} .contact-page form#contact-form .sprites {position: absolute;width: 0;height: 0;pointer-events: none;user-select: none;} /* contact page end */ /* demon 2023 */ .demon-slayer-2023 section.team-banner-section h1.banner-title {text-align: center;} .demon-slayer-2023 section.join-our-team-section {text-align: center;padding: 20px 0;} .demon-slayer-2023 section#giveaway img, .demon-slayer-2023 .team-banner-wrap img img {width: 100%;margin: 0 auto;max-width: 100%;} .promotion-page.demon-slayer-2023 h3 {text-transform: none;} .demon-slayer-2023 hr.line {border-color: #666666 !important;position: relative;} .demon-slayer-2023 .tattoos-section .image-wrapper .image {width: 30%;margin: 30px 10px;} .demon-slayer-2023 .tattoos-section .image-wrapper:last-child .image {width: 48%;} .demon-slayer-2023 img.left-img, .demon-slayer-2023 img.right-img {position: absolute;z-index: -1;max-width: 500px;} .demon-slayer-2023 section.meet-our-team img.left-img {left: -210px;top: 80px;} .demon-slayer-2023 section.join-our-team-section .tatoos-content img.right-img {right: -350px;max-width: 700px;top: 100px;} .demon-slayer-2023 .tattoos-section .image-wrapper img.left-img {left: -200px;max-width: 700px;} .demon-slayer-2023 .tattoos-section .image-wrapper img.right-img {right: -180px;} .demon-slayer-2023 .tattoos-section .image-wrapper img.left-img.left-bottom {bottom: 60px;left: -580px;} .demon-slayer-2023 .tattoos-section .image-wrapper, .demon-slayer-2023 .tatoos-content .note {position: relative;} .demon-slayer-2023 .tattoos-section .image-wrapper img.right-img.right-middle {top: 110px;right: -200px;} .demon-slayer-2023 .tattoos-section .image-wrapper img.left-img.left-middle {left: -355px;top: 50%;} section#giveaway img.left-img.left-bottom {bottom: 16.5%;left: -320px;max-width: 750px !important;} .demon-slayer-2023 section#giveaway img.right-img.right-bottom {max-width: 700px;top: -75px;right: -380px;} .demon-slayer-2023 .tattoos-wrap h3.ribbon-title, .demon-slayer-2023 h4, .promotion-page.demon-slayer-2023 h3 {font-family: "ltc-pabst-oldstyle",serif !important;color: #c1272d;} .demon-slayer-2023 h4 {color: #000;} .demon-slayer-2023 .tattoos-section .image-wrapper img.right-img.right-bottom {bottom: -115px;right: -220px;} .demon-slayer-2023 .tatoos-content .column-section h4 {font-family: 'DIN 2014' !important;} .demon-slayer-2023 .tattoos-section p.small-text {font-family: 'DIN 2014' !important;font-size: 20px;font-weight: 100;font-style: italic;} .demon-slayer-2023 .tattoos-section .image-wrapper {padding: 30px 0;} /* demon 2023 */ /* april kmd 2023 */ .campaign-page.april-month-discoveries section.invert-menu-section {background-color: #faf0f5;} .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {background: none;background-color: #eb5f69;border-color: #eb5f69;} .campaign-page.april-month-discoveries section.invert-menu-section .cta-wrap a {color: #d83246;background: #fff;border-color: #eb5f69;box-shadow: 0px 4px 5px 3px #d83246;text-transform: uppercase;} .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a, .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4, .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.april-month-discoveries section.invert-menu-section .content-wrap h4, .campaign-page.april-month-discoveries section.invert-menu-section .content-wrap p, .april-month-discoveries .promotion-rewards-wrap .post-wrapper a {color: #fff;} .campaign-page.april-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.april-month-discoveries section.invert-menu-section p.kmd-menu-sub-title {color: #eb5f69;} .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box, .april-month-discoveries section.invert-menu-section .content-wrap, .april-month-discoveries section.invert-menu-section .content-wrapper, .april-month-discoveries .promotion-rewards-section {background: #f4a4b9;} .campaign-page.april-month-discoveries section.invert-menu-section .content-wrapper img {border-radius: 10px 10px 0 0;} .campaign-page.april-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {font-weight: 600;padding: 5px 0;} .april-month-discoveries section.invert-menu-section .content-wrap {min-height: 250px;} /* april kmd 2023 */ /* new updates */ section.upcoming-location-section .upcoming-location-wrap {padding: 50px 0;} section.upcoming-location-section h3.section-title {text-transform: uppercase;font-size: 3em !important;} section.upcoming-location-section p {font-size: 25px;color: #fff;text-transform: uppercase;} section.upcoming-location-section .location-list {max-width: 900px;margin: auto;} section.upcoming-location-section .location-list p {font-size: 20px;width: 100%;margin: auto; padding: 5px 15px; max-width: 33.3333%;display: inline-block; float: left;} section.upcoming-location-section .location-list p a {color: #fff;} section.upcoming-location-section .upcoming-wrap {margin-top: 50px;} /* new updates */ /* new menu campaign */ .new-menu-2023-page section.team-banner-section {padding: 0;} .new-menu-2023-page section.meet-our-team h2, .new-menu-2023-page section.meet-our-team p { font-size: 25px; margin: 0 auto; width: 70%; padding-bottom: 35px; font-weight: 700; color: #000; line-height: 1.3; font-family: 'bilo'; } .new-menu-2023-page section.join-our-team-section .row-section {display: flex;align-items: flex-start;width: 80%;} .new-menu-2023-page section.join-our-team-section .row-section .column-section {max-width: 47% !important;margin: 0 10px;padding: 0;width: 50%;} .new-menu-2023-page section.join-our-team-section .row-section .column-section:first-child .column-wrap {background: transparent;padding: 0;border: 0;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title {font-size: 30px;margin: 10px auto 20px;font-family: "bilo";font-weight: 900;position: relative;line-height: 1;color: #000;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title span {display: block;font-size: 25px;margin: 5px 0;text-transform: none;font-weight: 600;} .new-menu-2023-page section.meet-our-team.banner-sub h2 {font-size: 4em;width: 75%;line-height: 1.1;font-family: 'bilo';font-weight: 700;padding: 0 0 15px;border: 0;position: relative;margin: 10px auto 30px;} .new-menu-2023-page section.team-banner-section h1 {font-size: 4.5em;text-transform: uppercase;font-weight: 900;font-family: 'bilo';color: #ed1c24;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title:after, .new-menu-2023-page section.meet-our-team.banner-sub h2:after {position: absolute;content: " ";background: #ed1c24;padding: 1px;width: 100%;margin: 0 auto;max-width: 80%;left: 0;right: 0;bottom: -10px;} .new-menu-2023-page section.meet-our-team.banner-sub h2:after {max-width: 70%;} .new-menu-2023-page section.join-our-team-section .row-section p {font-size: 25px;color: #000;line-height: 1.2;text-align: center;font-weight: 700;font-family: "bilo";letter-spacing: 0;min-height: 150px;} .new-menu-2023-page .find-section .content-wrapper {width: 40%;margin: 0 auto;border-radius: 15px;background: rgb(255 255 255 / 60%);padding: 30px 20px; border: 2px solid #ed1c24;position: relative;z-index: 1;} .new-menu-2023-page .find-section .content-wrapper h4, .new-menu-2023-page .find-section .content-wrapper p, .new-menu-2023-page .find-section .content-wrapper a {color: #000;text-align: center;} .new-menu-2023-page .find-section .content-wrapper p>a {text-decoration: underline;} .new-menu-2023-page .find-section .content-wrapper h4 {font-size: 40px;text-transform: uppercase;font-weight: 900;font-family: 'bilo';line-height: 1.2;} .new-menu-2023-page .find-section .content-wrapper p {width: 65%;margin: 0 auto;font-size: 20px;line-height: 1.4;font-family: 'bilo';} .new-menu-2023-page .find-section .content-wrapper .cta-wrap {padding: 50px 0 25px;text-align: center;} .new-menu-2023-page .find-section .content-wrapper .cta-wrap a {background: #ed1c24;padding: 5px 40px;border-radius: 10px;width: 100%;font-size: 25px;font-weight: 600;color: #fff;text-transform: uppercase;font-family: 'bilo';border: 2px solid #ed1c24;text-decoration: none;} .new-menu-2023-page .find-section .content-wrapper .cta-wrap a:hover {background: #fff;color: #ed1c24;} .new-menu-2023-page section.join-our-team-section .find-section {padding: 50px 0;} .new-menu-2023-page {background: url(../jpg/wooden-bg.jpg) no-repeat center;background-size: cover;} .new-menu-2023-page section.promotion-rewards-section {background: #fff;border-top: 50px solid transparent !important;border-image: url(../png/bottom-diamond-pattern.png) 170 round !important;-webkit-border-image: url(../png/bottom-diamond-pattern.png) 170 round !important;-o-border-image: url(../border.html) 85 round !important;padding: 20px 0;} .new-menu-2023-page .menu-item-section .image-wrap {position: relative;} .new-menu-2023-page .menu-item-section .image-wrap img {position: absolute;bottom: 0;z-index: 0;} .new-menu-2023-page section.join-our-team-section .row-section .column-section .column-wrap {width: 100%;max-width: 85%;margin: 0 auto;} .new-menu-2023-page section.team-banner-section img.mobile-image {display: none;} /* new menu campaign */ /* may kmd 2023 */ .campaign-page.may-month-discoveries section.invert-menu-section .content-wrapper {position: relative;} .campaign-page.may-month-discoveries section.invert-menu-section .content-wrapper .special-item {position: absolute;bottom: -12px;left: 0;right: 0;text-align: center;} .campaign-page.may-month-discoveries section.invert-menu-section .content-wrapper .special-item span {border: 2px solid #0480a6;width: 100%;max-width: 120px;margin: 0 auto;border-radius: 25px;background: #fff;color: #000;text-transform: uppercase;padding: 10px 15px;font-weight: 700;font-style: italic;font-size: 20px;} .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box {background-color: #a3cdc4;} .may-month-discoveries section.invert-menu-section .content-wrap, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper, .may-month-discoveries .promotion-rewards-section {background: #0d4773;border-color: #fff;} .campaign-page.may-month-discoveries section.invert-menu-section .cta-wrap a {border-color: #fff;background: #0480a6;color: #fff;box-shadow: 3px 6px 5px 0px #000;} .may-month-discoveries section.invert-menu-section .content-wrap {border-top: 3px solid #fff;} .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {color: #0d4773;} .campaign-page.may-month-discoveries section.invert-menu-section {background-color: #0480a6;background-image: url(../png/bg-floral.png);background-repeat: no-repeat;background-position: bottom center;background-size: contain;} .campaign-page.may-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.may-month-discoveries section.invert-menu-section p.kmd-menu-sub-title {color: #fff;font-family: 'fieldwork';} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1:before, .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1:after {display: none;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 span, .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 {position: absolute;text-align: center;width: 100%;font-size: 10em;color: #fff;font-family: "fieldwork";} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 sup {text-transform: none;} .campaign-page.may-month-discoveries section.invert-menu-section p.kmd-menu-sub-title {display: none;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 span {position: static;font-size: 10rem;width: auto;display: inline;margin: 0 auto;} .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .left-image, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .right-image {display:none;position: absolute;width: 100%;max-width: 180px;bottom: 0px;opacity: 0.8;} .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .left-image {left: -20px;} .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .right-image {right: 0;} .campaign-page.may-month-discoveries section.invert-menu-section .content-wrap h4, .campaign-page.may-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper p {font-family: 'fieldwork' !important;} .campaign-page.may-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {font-weight: 400;} .campaign-page.may-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a {color: #a3cdc4;} .campaign-page.may-month-discoveries section.invert-menu-section .content-wrapper img {border-radius: 15px 15px 0 0;} /* may kmd 2023 */ /* we bare kmd 2023 */ .we-bare-page .tattoos-section p {width: 80%;} .promotion-page.we-bare-page h3.ribbon-title, .promotion-page.we-bare-page h3 {background: transparent !important;color: #E0614E;font-family: "imaginaryfriend-bb";} .we-bare-page {background: #dce6c4;} .promotion-page.we-bare-page .tattoos-section .image-wrapper .image, .promotion-page.we-bare-page .tattoos-section .image-wrapper .image img {width: 100%;max-width: 100% !important;margin: 0 auto !important;} .promotion-page.we-bare-page .tattoos-section .image-wrapper .image {margin: 30px auto !important;} .promotion-page.we-bare-page .tattoos-section .image-wrapper .image:hover img {transform: unset;-webkit-transform: unset;} .promotion-page.we-bare-page .image-wrapper h3 {font-size: 40px;} .promotion-page.we-bare-page .divide img {width: 100%;max-width: 80%;margin: 0 auto;text-align: center;} .promotion-page.we-bare-page .divide {text-align: center;margin: 0 auto 25px;} .promotion-page.we-bare-page h3.ribbon-title {font-size: 60px;} .promotion-page.we-bare-page .tatoos-content {padding: 0px 0;} .promotion-page.we-bare-page .image-wrapper h3>span {font-size: 30px;} .we-bare-page .tattoos-section p>span {color: #E0614E;} .we-bare-page .join-our-team-section .giveaway-image .text-wrap h4:after {background: #000;max-width: 260px;} .we-bare-page .tattoos-section .rules p {font-size: 28px;margin: 0 auto 15px;font-weight: 500;font-family: 'Gotham';width: 100%;max-width: 68%;line-height: 1.2;} .we-bare-page .join-our-team-section .giveaway-image .text-wrap .note {margin-top: 50px;} .we-bare-page .join-our-team-section .giveaway-image .text-wrap .note p, .we-bare-page .tattoos-section p.note {font-weight: 400;} .we-bare-page .tattoos-section #creatorvisit .rules p {width: 100% !important;max-width: 75%;} .we-bare-page .tattoos-section p.note {width: 100%;margin: 10px auto 0;} .we-bare-page section.join-our-team-section #creatorvisit .row-section {align-items: center;} .we-bare-page section.join-our-team-section #creatorvisit .row-section .column-section:last-child {position: relative;} .we-bare-page section.join-our-team-section #creatorvisit .row-section .column-section .arrow-image img {position: absolute;max-width: 160px;width: 100%;left: 12%;} .we-bare-page section.join-our-team-section #creatorvisit .row-section.come-together .column-section .arrow-image img {max-width: 200px;right: 0;left: auto;z-index: -1;} .we-bare-page section.join-our-team-section #creatorvisit h4.creator-text {color: #E0614E;font-family: "imaginaryfriend-bb";font-size: 40px;width: 100%;margin: 0 0 0 auto;} /* we bare kmd 2023 */ /* home coming soon css */ .kuru-homepage section.upcoming-location-section .upcoming-wrap {margin-top: 15px;} .kuru-homepage section.upcoming-location-section p {font-weight: 100;font-size: 24px;} .kuru-homepage section.upcoming-location-section h3.section-title {margin: 0 auto;font-size: 2.5rem !important;} .kuru-homepage section.upcoming-location-section ul p {text-transform: uppercase;font-size: 16px;max-width: 100%;float: none;position: relative;width: auto;padding: 0 10px;line-height: 1.3;} .kuru-homepage section.upcoming-location-section ul.city-list li p:before {position: absolute;content: " ";left: 0;background: #fff;padding: 2px;border-radius: 5px;top: 50%;} .kuru-homepage section.upcoming-location-section .location-list h5 {font-size: 25px;width: 100%;margin: 0 auto 5px;color: #fff;display: inline-block;text-transform: uppercase;font-weight: 400;} .kuru-homepage section.upcoming-location-section ul.city-list {margin: 0 auto 15px;list-style: none;} .kuru-homepage section.upcoming-location-section ul.city-list li {line-height: 1.2;} /* home coming soon css */ /* june kmd 2023 */ .campaign-page.june-month-discoveries section.invert-menu-section, .campaign-page.june-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {background-image: none;background-color: #D71E47;} .campaign-page .banner-wrap img {width: 100%;margin: 0 auto;} .campaign-page.june-month-discoveries section.invert-menu-section.march-kmd-box, .june-month-discoveries section.invert-menu-section .content-wrap, .june-month-discoveries .promotion-rewards-section, .campaign-page.june-month-discoveries section.invert-menu-section .cta-wrap a {background-color: #FF960F;} .campaign-page.june-month-discoveries section.invert-menu-section .cta-wrap a, .campaign-page.june-month-discoveries section.invert-menu-section .cta-wrap a:hover {border-color: #FF960F;color: #D71E47;} .campaign-page.june-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.june-month-discoveries section.invert-menu-section p.kmd-menu-sub-title {color:#FF960F;} .campaign-page.june-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.june-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.june-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a {color: #fff;font-weight: 400;} .campaign-page.june-month-discoveries .july-month-campaign section.banner-section h1 img {max-width: 75%;padding-top: 25px;} .campaign-page.june-month-discoveries section.invert-menu-section p.kmd-menu-sub-title {display: block;} .campaign-page.june-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.june-month-discoveries section.invert-menu-section p.kmd-menu-sub-title, .campaign-page.june-month-discoveries section.invert-menu-section .content-wrap h4, .campaign-page.june-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.june-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.june-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper p {font-family: 'Gotham' !important;font-weight: normal;font-style: normal;} .campaign-page.june-month-discoveries section.invert-menu-section h5.kmd-menu-title {width: 80%;} .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4, .campaign-page.april-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.june-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.june-month-discoveries section.invert-menu-section .content-wrap h4 {font-weight: 500;font-style: italic;} .campaign-page.june-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a {font-family: 'Gotham';font-size: 18px;} /* june kmd 2023 */ /* july kmd 2023 */ .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box {background: #f8ec38;} .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper, .july-month-discoveries section.invert-menu-section .content-wrap, .july-month-discoveries section.invert-menu-section .content-wrapper, .july-month-discoveries .promotion-rewards-section {background: none;background-color: #f58a1f;} .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4, .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a, .campaign-page.july-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.july-month-discoveries section.invert-menu-section .content-wrap h4, .campaign-page.july-month-discoveries section.invert-menu-section .content-wrap p, .july-month-discoveries .promotion-rewards-wrap .post-wrapper a, .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {color: #fff;font-family: "bc-novatica-cyr";} .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {color: #000;} .campaign-page.july-month-discoveries section.invert-menu-section {background-color: #008ab1;} .campaign-page.july-month-discoveries section.invert-menu-section .content-wrapper img {border-radius: 15px 15px 0 0;} .campaign-page.july-month-discoveries section.invert-menu-section h5.kmd-menu-title {width: 100% !important;} .campaign-page.july-month-discoveries section.invert-menu-section .content-wrap p {padding: 0;} .campaign-page.july-month-discoveries section.invert-menu-section .cta-wrap a {color: #f58a1f;background: #faf0f5;} .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a, .campaign-page.july-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {font-weight: 400;} .july-month-discoveries .banner-wrap img.mobile-view {display: none;} .campaign-page.july-month-discoveries section.invert-menu-section .cta-wrap a:hover {background: #f58a1f;} /* july kmd 2023 */ form#comming-soon-form .form-group.checkbox-wrap label {color: #fff;line-height: 1.8;font-size: 17px;font-family: 'DIN 2014';text-transform: none;font-weight: 400;margin: 0 auto 0 5px;} form#comming-soon-form .form-group.checkbox-wrap {text-align: left;margin-bottom: 5px;} .new-menu-2023-page section.join-our-team-section .row-section {display: block;} .new-menu-2023-page section.join-our-team-section .row-section .col-md-offset-3.column-section {max-width: 50% !important;width: 100%;margin-left: 25%;} .address { color: #c52032; text-transform: uppercase; font-size: 25px; font-weight: 500; line-height: normal; margin-bottom: 16px; margin-top: 16px; } .city-location .new-location-wrap .location-page-content-section .row-section.city-wrap .column-wrap p.address {font-size: 1em;text-transform: none;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content p.address {text-transform: none;} /* dc bikkura */ .dc-bikkura {background: transparent;} .promotion-page.pac-page.dc-bikkura hr.line { width: 100%; border-color: #0d67b5; max-width: 70%; border-width: 2px; } .promotion-page.dc-bikkura h3.ribbon-title, .promotion-page.dc-bikkura .image-wrapper h3 {font-size: 5em;font-family: 'Bazinga!';color: #cb0500;font-weight: normal;} .promotion-page.dc-bikkura .image-wrapper h3 {font-size: 3em;} .dc-bikkura .tattoos-section .image-wrap img {width: 100%;margin: 0 auto;} .dc-bikkura .tattoos-section p>a {color: #0d67b5;} .dc-bikkura .tattoos-section .rules p, .dc-bikkura .tattoos-section .note p {font-family: 'DIN 2014';} /* dc bikkura */ /* august kmd */ .campaign-page.august-2023-month-discoveries section.invert-menu-section, .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {background-color: #fbb75a;} .august-2023-month-discoveries section.invert-menu-section .content-wrap, .august-2023-month-discoveries .promotion-rewards-section {background: #65bd9d;} .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box {background: transparent;background-color: #ea9088;} .campaign-page.august-2023-month-discoveries section.invert-menu-section .cta-wrap a {color: #ea9088;border-color: #ea9088;} .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4, .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a, .campaign-page.august-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title {color: #000;} .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {color: #fff;} .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4 {font-family: 'Marion' !important;font-weight: bold !important;text-align: left;} .campaign-page.august-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.august-2023-month-discoveries section.invert-menu-section .content-wrap h4 {font-family: 'Marion';font-weight: bold;} .campaign-page.august-2023-month-discoveries p, .campaign-page.august-2023-month-discoveries a {font-family: 'Marion' !important;font-weight: normal !important;} .campaign-page.august-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {text-align: left;font-size: 20px;} .campaign-page.august-2023-month-discoveries section.invert-menu-section .content-wrap h4 {margin-bottom: 15px;} .campaign-page.august-2023-month-discoveries section.invert-menu-section .cta-wrap a:hover {background: #ea9088;color: #fff;} /* august kmd */ /* punch app kmd */ .sticky-popup img.mobile-img {display: none;} .kura-rewards-app .banner-bottom-wrap {display: flex;align-items: center;justify-content: space-around;padding: 15px 0;margin-top: -50px;} .kura-rewards-app section.meet-our-team p {width: 100% !important;font-family: 'Gotham';font-weight: 500;font-size: 20px;} .kura-rewards-app section.meet-our-team p>span {font-style: italic;font-weight: normal;} .kura-rewards-app .hungry-features, section.checkout-faq .checkout-bottom {/*background-color: #387F99;*/background-color: #2B5F73;padding: 50px 0;text-align: center;} .kura-rewards-app .hungry-features .feature-card img {width: 100%;max-width: 150px;} .kura-rewards-app .hungry-features .feature-card {display: flex;align-items: center;justify-content: flex-start;margin: 0 auto;padding: 10px 0;} .kura-rewards-app .hungry-features .feature-card .content-wrap {padding-left: 25px;} .kura-rewards-app .hungry-features h4.section-title {font-size: 4em;color: #fff;text-transform: uppercase;text-align: left;font-family: 'Gotham';font-weight: 900;font-style: italic;line-height: 1;} .kura-rewards-app .hungry-features .feature-card .content-wrap h4, .hungry-features .feature-card .content-wrap p {color: #fff;margin: 0 auto;text-align: left;font-family: 'Gotham';line-height: 1.4;} .kura-rewards-app .hungry-features .feature-card .content-wrap h4 {font-size: 2em;text-transform: uppercase;font-weight: 900;} section.checkout-faq img {width: 100%;max-width: 220px;} .kura-rewards-app .hungry-features .row, .kura-rewards-app .rolling-rewards .row {width: 100%;margin: 0 auto;} .kura-rewards-app .hungry-features .row .columns-wrapper {height: 100%;} .kura-rewards-app {background: none;} .kura-rewards-app h3.section-title, .kura-rewards-app .rolling-rewards h4 {color: #ed1c24;font-family: 'Gotham';} .kura-rewards-app h3.section-title {font-weight: 900;font-size: 6em;} .kura-rewards-app .rolling-rewards h4 {font-weight: 900;font-size: 2em;text-transform: uppercase;margin: 10px auto;} .kura-rewards-app .rolling-rewards .row .column-wrap {width: 100%;max-width: 65%;margin: 0 auto;} .kura-rewards-app .rolling-rewards .row {padding: 50px 0;} .kura-rewards-app .team-banner-section .banner-section-wrap {display: flex;justify-content: center;} .kura-rewards-app .banner-content, .kura-rewards-app .banner-image {width: 100%;position: relative;padding: 60px 0 0;} .kura-rewards-app section.team-banner-section h1, .kura-rewards-app section.team-banner-section p {width: 100%;max-width: 82%;text-align: left;line-height: 1;margin: 0 0 0 auto;} .kura-rewards-app section.team-banner-section p {font-size: 22px;font-family: 'Gotham';} .kura-rewards-app section.team-banner-section h1 {margin: 10px 0 10px auto;font-size: 3.5em;font-family: 'Gotham';} section.checkout-faq .checkout-wrap .content-wrap, section.checkout-faq .checkout-wrap .image-wrap {width: 100%;max-width: 48%;text-align: center;display: inline-block;vertical-align: middle;} section.checkout-faq .checkout-wrap .image-wrap img {width: 100%;max-width: 50%;transform: rotate(-8deg);z-index: -1;position: relative;bottom: -90px;} section.checkout-faq .checkout-wrap .content-wrap p, section.checkout-faq .checkout-wrap .content-wrap h3, section.checkout-faq .checkout-wrap .content-wrap .cta-wrap {width: 100%;max-width: 80%;font-family: 'Gotham'; margin: 0 0 0 auto;text-align: left;} section.checkout-faq .checkout-wrap .content-wrap .cta-wrap a {font-weight: 900;text-transform: uppercase;padding: 8px 30px;border-radius: 10px;font-size: 20px;color: #fff;/*background: #ed1c24;*/background: #AD1419;text-decoration: none;} section.checkout-faq .checkout-wrap .content-wrap h3 {font-weight: 900;font-style: italic;font-size: 5em;line-height: 1;margin-bottom: 30px;color: #ed1c24;} section.checkout-faq .checkout-wrap .content-wrap p {font-size: 30px;color: #ed1c24;text-transform: uppercase;} .kura-rewards-app .banner-bottom-wrap h2.title {color: #000;font-family: 'Gotham Ultra';text-transform: uppercase;font-size: 30px;} .kura-rewards-app .banner-image img.desktop-image {position: relative;width: 100%;z-index: -1;margin: -160px -170px 0 0;} .kura-rewards-app .banner-bottom-wrap .cta-wrap a {font-size: 25px;color: #000;font-family: 'Gotham Ultra';text-transform: uppercase;font-weight: 600;margin: 0 10px;animation: none;transition: none;border: 1px;} .kura-rewards-app .banner-bottom-wrap .cta-wrap a:first-child {text-decoration: underline;} .kura-rewards-app .banner-bottom-wrap .cta-wrap a:last-child {border-radius: 15px;background-color: #fff;border: 1px;} .kura-rewards-app .banner-bottom {background-image: url(../jpg/wood-bg.jpg);background-size: cover;background-repeat: no-repeat;} section.checkout-faq .checkout-bottom .btn-wrap {padding: 30px 0;} .kura-rewards-app .rolling-rewards .border-image img {width: 100%;height: 230px;margin: 0 auto;object-fit: cover;} .kura-rewards-app .blue-image {text-align: left;} .kura-rewards-app .blue-bg-title {position: relative;width: 100%;margin: 15px auto 0 -165px;} .kura-rewards-app .rolling-rewards .row .column-wrap img {width: 100%;max-width: 350px;} .kura-rewards-app section.promotion-rewards-section {border-image: none !important;border: none;padding: 0;} .kura-rewards-app .banner-image img.image-overlay {position: absolute;width: 100%;margin: 0 auto;max-width: 230px;left: 20%;transform: rotate(350deg);top: 20px;z-index: -1;} .kura-rewards-app .banner-content img.hidden-mobile, section.meet-our-team.banner-sub.rolling-rewards h3>br {display: none;} .kura-rewards-app .hungry-features .row {display: flex;align-items: center;} .kura-rewards-app .hungry-features .row .column-wrap.video-wrap {background-color: transparent;margin-top: 20%;position: relative;} .kura-rewards-app video#rewards-video {width: 100%;max-width: 400px;} .hungry-features.video-section .play_btn {left: 0;right: 0;top: 0;background-image: none;width: 95%;height: auto;margin: 0 auto;} .hungry-features.video-section .play_btn img {width: 100%;margin: 0 auto;position: absolute;left: 0;right: 0;top: 50%;max-width: 55px;} .hungry-features.video-section .play_btn.pause img, .hungry-features.video-section .play_btn img.video-pause {opacity: 0;} .hungry-features.video-section .play_btn.pause:hover img.video-pause {opacity: 1;} .kura-rewards-app section.team-banner-section p>br {display: none;} .hungry-features.video-section .play_btn.pause {background-image: none;} .kura-rewards-app .rolling-rewards .border-image img.mobile-border {display: none;} section.checkout-faq .checkout-bottom .btn-wrap img {margin: 0 20px;} .kura-rewards-app .team-banner-section .download-wrap {background-color: #387F99;display: none;} .kura-rewards-app .team-banner-section .download-wrap img {width: 100%;} .kura-rewards-app .team-banner-section .download-content-wrap {padding: 30px 15px;} .kura-rewards-app .team-banner-section .download-content-wrap .text-wrap, .kura-rewards-app .team-banner-section .download-content-wrap .cta-wrap {display: inline-block;width: 100%;max-width: 70%;vertical-align: middle;} .kura-rewards-app .team-banner-section .download-content-wrap .cta-wrap a {display: block;margin: 5px 0;} .kura-rewards-app .team-banner-section .download-content-wrap h3 {color: #fff;font-family: 'Gotham Ultra';font-size: 30px;text-align: left;margin: 0 auto;} .kura-rewards-app .team-banner-section .download-content-wrap .cta-wrap {width: 100%;max-width: 20%;} .meet-our-team.banner-sub.rolling-rewards {padding: 50px 0 0;} /* punch app kmd */ /* september 2023 kmd */ .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box, .campaign-page.sep-2023-month-discoveries section.invert-menu-section {background: none;background-color: transparent;padding: 50px 0 30px;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {background-color: #c73527;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section .cta-wrap a {color: #fff;background-color: #000;border-color: #fff;box-shadow: 3px 5px 5px 0px #000;font-family: 'Eveleth Clean';font-size: 15px !important;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section .cta-wrap a:hover {background-color: transparent;border-color: #fff;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {color: #fff;} .sep-2023-month-discoveries section.invert-menu-section .content-wrap {background-color: #c73527;} .sep-2023-month-discoveries .promotion-rewards-section {background-color: #000;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title {font-family: 'Eveleth';} .campaign-page.sep-2023-month-discoveries section.invert-menu-section .content-wrap h4, .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4 {font-family: 'Eveleth Clean';font-size: 2.25em;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a, .campaign-page.sep-2023-month-discoveries section.invert-menu-section .content-wrap p {font-family: 'Arial';font-weight: normal;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section .content-wrap p {font-size: 16px;margin-top: 10px;line-height: 1.3;} .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a {font-size: 15px;line-height: 1.4;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section .content-wrap h4 {font-size: 24px;} .sep-2023-month-discoveries section.invert-menu-section .content-wrap {padding: 20px 10px;} .campaign-page.sep-2023-month-discoveries .exclusive-section {background-image: url(../png/sep-kmd-bg.png);background-size: cover;background-position: center;background-color: #000;} /* september 2023 kmd */ /* terms & conditions */ section.terms-condition-page h4 {text-align: center;font-size: 24px;line-height: 1.2;margin-bottom: 30px;color: #000;font-family: 'Gotham';font-weight: 900;} section.terms-condition-page .privacy-wrapper {width: 80%;margin: 0 auto;counter-reset: section;} section.terms-condition-page p {font-size: 16px;color: #000;line-height: 1.4;} section.terms-condition-page p>strong {font-size: 20px;} .faq-section div.tab-wrapper .tab-content .menu-category-cta {width: 100%;max-width: 20%;padding: 10px 5px;} .faq-section div.tab-wrapper .menu-category-cta-contain {align-items: center;} .faq-section div.tab-wrapper .tab-content .menu-category-cta span {font-size: 15px !important;} .footer-section .app-cta-wrap a {display: none;} .faq-section div.tab-wrapper ul li.tab-item:hover img {transform: scale(0.75);} .faq-section div.tab-wrapper ul li.tab-item img {transition: 0.3s all ease-in-out;width: 100%;max-width: 270px;position: relative;z-index: -1;} section.terms-instagram-giveaway .privacy-wrapper {width: 85%;} .faq-section div.tab-wrapper .tab-content .menu-category-cta a:focus-visible span {outline: 1px solid #000;} section.faq-section h4.faq-card-title {padding: 0;border: none;margin: 0 auto 20px;} /* terms & conditions*/ /* jujutsu css */ .jujutsu-page .tattoos-section .image-wrapper {padding: 0 20px;} .jujutsu-page hr.line.giveaway-line {margin-top: 50px;} .promotion-page.jujutsu-page section#giveaway h3.ribbon-title {margin-top: 30px;padding: 0;} .promotion-page.jujutsu-page hr.line {border: 2px solid #921B1D;} .promotion-page.jujutsu-page h3.ribbon-title, .promotion-page.jujutsu-page .image-wrapper h3 {color: #000;font-family: 'Garamond ATF Text';font-weight: bold;} .promotion-page.jujutsu-page .image-wrapper h3, .promotion-page.jujutsu-page .join-our-team-section .giveaway-image .text-wrap h4 {color: #921B1D !important;font-family: 'Garamond ATF Text';} .promotion-page.jujutsu-page .join-our-team-section .giveaway-image .text-wrap h4:after {display: none;} section#giveaway .image-wrap img {width: 100%;margin: 0 auto;} .jujutsu-page .tattoos-section .image-wrapper.giveaway-bottom-images img:first-child {width: 100%;max-width: 500px;margin: 0 auto 15px !important;} .jujutsu-page .tattoos-section .rules p {margin: 35px auto 0 !important;} .jujutsu-page .tatoos-content .column-section.giveaway-image {padding: 30px 0 0;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4, .campaign-page.oct-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.oct-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.oct-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.oct-2023-month-discoveries section.invert-menu-section p.kmd-menu-sub-title, .campaign-page.oct-2023-month-discoveries section.invert-menu-section .content-wrap h4, .campaign-page.oct-2023-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.oct-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a {font-family: "adelle";} /* jujutsu css */ /* oct 2023 css */ .campaign-page.oct-2023-month-discoveries section.invert-menu-section.march-kmd-box, .campaign-page.oct-2023-month-discoveries section.invert-menu-section .content-wrap {background-color: #F4A61D;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section .cta-wrap a {background-color: #BB3C32;border-color: #F4A61D;box-shadow: 3px 4px 5px 0px #000;color: #fff;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section .cta-wrap a:hover {background-color: transparent;border-color: #F4A61D;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4 {color: #fff;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper, .campaign-page.oct-2023-month-discoveries section.invert-menu-section {background-color: #598A80;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section p.kmd-menu-sub-title {color: #F4A61D;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {border: none;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section .note-wrapper p { width: 90%; margin: 0 auto; color: #fff; font-size: 14px; font-family: "adelle"; } .campaign-page.oct-2023-month-discoveries section.invert-menu-section .content-wrap {min-height: 250px;display: none;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section .content-wrapper {border: none;background-color: transparent;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section .content-wrapper img {border-radius: 0;max-width: 100%;} /* oct 2023 css */ /* nov 2023 css */ .campaign-page.nov-2023-month-discoveries section.invert-menu-section.march-kmd-box, .campaign-page.nov-2023-month-discoveries section.invert-menu-section .content-wrap, .nov-2023-month-discoveries .promotion-rewards-section {background: #961B1E;} .campaign-page.nov-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper, .campaign-page.nov-2023-month-discoveries section.invert-menu-section {background-color: #1D323B;} .campaign-page.nov-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4 {color: #fff;} .campaign-page.nov-2023-month-discoveries section.invert-menu-section .cta-wrap a {color: #fff;background: #961B1E;box-shadow: 5px 5px 4px 0px #000;border-color: #961B1E;} .campaign-page.nov-2023-month-discoveries section.invert-menu-section .cta-wrap a:hover {border-color: #961B1E;} .campaign-page.nov-2023-month-discoveries section.invert-menu-section .content-wrap {display: none;} .campaign-page.nov-2023-month-discoveries section.invert-menu-section .content-wrapper {border: none;background: none;} .campaign-page.nov-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4, .campaign-page.nov-2023-month-discoveries section.invert-menu-section .cta-wrap a {font-family: "adelle" !important;font-weight: 800;} .campaign-page.nov-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.nov-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a {font-family: "adelle" !important;font-weight: 600 !important;font-size: 15px;} /* nov 2023 css */ /* peanuts bikkura css */ .peanuts-page {background: none;background-color: #C5E5D9;position: relative;} .peanuts-page .promotion-rewards-wrap .post-wrapper a {color: #000;} .peanuts-page .promotion-rewards-wrap .post-wrapper a:hover {color: #ed1c24;} .peanuts-page .cloud-wrap {position: absolute;height: 100%;width: 100%;} .peanuts-page .cloud-wrap img.cloud {width: 100%;max-width: 230px;position: absolute;z-index: 0;} .peanuts-page .cloud-wrap img.cloud-right {top: 12%;right: -105px;} .peanuts-page section.team-banner-section, .peanuts-page section.team-banner-section .team-banner-wrap {position: relative;} .peanuts-page .cloud-wrap img.cloud-left {top: 90%;left: -5%;max-width: 280px;} .peanuts-page .tattoos-section {padding: 50px 0 0;position: relative;} .peanuts-page .tattoos-section p {font-size: 30px;} .peanuts-page .join-our-team-section img {width: 100%;} .peanuts-page section.team-banner-section h1.banner-title br {display: none;} .peanuts-page .giveaway-bottom-images img {width: 100%;max-width: 500px;} .peanuts-page .join-our-team-section .giveaway-image .text-wrap h4:after {display: none;} .peanuts-page #giveaway {background-image: url(../png/peanuts-giveaway-bg.png);background-size: cover;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-left {top: 20%;z-index: -1;max-width: 200px;left: -7%;right: auto;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-right {right: 120px;left: auto;top: 53%;} .promotion-page.peanuts-page hr.line {border-color: #921810;} .promotion-page.peanuts-page #giveaway h3.ribbon-title {color: #fff;padding-top: 143px;} .peanuts-page .tattoos-section .tattoos-wrap h3 {color: #000;} .peanuts-page .join-our-team-section .giveaway-image .text-wrap h4 {font-size: 40px;color: #fff !important;text-transform: none;} .promotion-page.peanuts-page .image-wrapper h3 {color: #ed1c24;} .peanuts-page .cloud-wrap.clouds-wrapper {z-index: -1;} .promotion-page.peanuts-page .ribbon-title, .promotion-page.peanuts-page .image-wrapper h3, .peanuts-page .join-our-team-section .giveaway-image .text-wrap h4 {font-family: "sketchnote-text" !important;} .peanuts-page .giveaway-image p {font-family: "sketchnote-text" !important;color: #fff;} .peanuts-page .join-our-team-section .giveaway-image .text-wrap .note {margin: 35px 0;} .peanuts-page .join-our-team-section .giveaway-image .text-wrap .note p {font-style: normal;} /* peanuts bikkura css */ .page-title-frame .holiday-hours-wrap p, .holiday-hours-wrap ul.holiday-hours li {color: #fff;text-transform: none;} .page-title-frame .holiday-hours-wrap ul.holiday-hours, .city-location .city-card .holiday-hours-wrap ul.holiday-hours {margin: 0 auto;list-style-type: none;} .city-location .city-card .holiday-hours-wrap h3.location-sub-title, .city-location .city-card .holiday-hours-wrap p, .city-location .city-card .holiday-hours-wrap li {color: #ed1c24;} .city-location .city-card .holiday-hours-wrap h3.location-sub-title {font-weight: 700;font-size: 26px;} /* news room css */ .news-room-page section.team-banner-section h1.banner-title {border: none !important;color: #fff;font-family: 'DIN 2014';font-weight: 900;font-size: 3em;padding: 0;margin: 0 auto;} .news-room-page section.team-banner-section {background-color: #000;background-image: url(../png/artboard.png);} .news-room-page section.team-banner-section .banner-content {padding: 25px 0;} .news-room-page .banner-sub-section.news-section .release-details h4 {font-size: 25px;font-weight: 600;font-family: 'DIN 2014';padding-right: 5px;text-transform: uppercase;} .news-room-page .banner-sub-section.news-section .release-details p, .banner-sub-section.news-section .release-details h4 {margin: 0;} .news-room-page .banner-sub-section.news-section {padding: 50px 0;} .news-room-page .banner-sub-section.news-section .news-card .release-details-box p span, .news-room-page .banner-sub-section.news-section .news-card .release-details-box p {display: block;font-size: 18px;color: #000;} .news-room-page .banner-sub-section.news-section .release-details-wrap {display: flex;align-items: flex-start;justify-content: space-between;} .news-room-page .banner-sub-section.news-section .news-banner img {width: 100%;max-width: 250px;height: 228px;object-fit: contain;} .news-room-page .banner-sub-section.news-section .news-card:first-child {border-top: 1px solid #ddd;} .news-room-page .banner-sub-section.news-section .news-card {padding: 15px 0 20px;margin-bottom: 5px;border-bottom: 1px solid #ddd;} .news-room-page .banner-sub-section.news-section .news-banner {width: 100%;max-width: 20%;} .news-room-page .banner-sub-section.news-section .news-card:last-child {border-bottom: none;} .news-room-page .banner-sub-section.news-section .release-details-wrap .text-wrap {display: flex;align-items: flex-start;justify-content: space-between;} .news-room-page .banner-sub-section.news-section .release-details-wrap .text-wrap, .news-room-page .banner-sub-section.news-section .release-details-wrap .news-title {max-width: 80%;width: 100%;} .news-section .bottom-wrap {text-align: center;} .news-section .bottom-wrap ul.pagination li a {border: none;color: #000;} /* details page css */ .news-details-page .news-details-sec {padding: 50px 0;} .news-details-page section.team-banner-section h1.banner-title {font-size: 2em;text-align: left;} .news-details-page section.team-banner-section .left-content, .news-details-page section.team-banner-section .right-content {display: inline-block;vertical-align: bottom;width: 100%;text-align: left;padding: 0;} .news-details-page section.team-banner-section .left-content {max-width: 15%;} .news-details-page section.team-banner-section .right-content {max-width: 84%;} .news-details-page section.team-banner-section p {font-size: 20px;color: #fff;margin: 15px 0 0;} .news-details-page section.team-banner-section .banner-content {padding: 80px 0 30px;display: flex;align-items: flex-end;flex-direction: row-reverse;justify-content: space-between;} .news-details-page section.team-banner-section .release-date p {margin: 0 auto;font-size: 16px;} .news-details-page section.team-banner-section .cta-wrap button {background-color: transparent;border: 1px solid transparent;padding: 0;font-size: 16px;} .news-details-sec .sub-content-wrap p {margin: 0 auto 10px;} .news-details-sec .sub-content-wrap p>a:hover {text-decoration: underline;} .news-details-sec .sub-content-wrap {width: 100%;max-width: 84%;margin: 0 0 0 auto;} .news-details-page .gallery-sec .image-card {width: 100%;max-width: 22%;display: inline-block;margin: 12px 10px;} .news-details-page .gallery-sec {text-align: left;padding: 50px 0;} .news-details-page .read-more-sec h3, .gallery-sec h3 {font-size: 2em;margin: 0 auto 20px;} .news-details-page .read-more-sec {padding: 50px 0;} .news-details-page .read-more-sec p.category-title {margin: 15px auto 5px;color: #000;font-weight: 100;} .news-details-page .read-more-sec h4 {font-size: 24px;margin: 0 auto;min-height: 100px;} .news-details-page #galleryModal button.close:hover {background-color: transparent;} .news-details-page #galleryModal .modal-dialog {width: 100%;height: 100%;margin: 0 auto;} .news-details-page #galleryModal .modal-open .modal, #galleryModal .modal-content {background: none;background-color: #000;} .news-details-page #galleryModal .content-card .image-wrap {width: 100%;max-width: 70%;} .news-details-page #galleryModal .content-card .image-wrap, #galleryModal .content-card .right-content-card {display: inline-block;vertical-align: middle;width: 100%;} .news-details-page #galleryModal .content-card .right-content-card {max-width: 29%;padding: 30px 20px;} .news-details-page #galleryModal .content-card .image-wrap img {width: 100%;max-width: 75%;} .news-details-page #galleryModal .btn-wrap {display: flex;align-items: center;justify-content: space-between;} .news-details-page #galleryModal .modal-body {padding: 0;} .news-details-page #galleryModal .content-card .right-content-card .np-btn-wrap .kura-round-btn {padding: 10px 10px 5px 10px;border-radius: 25px;border: 2px solid #fff;} .news-details-page #galleryModal button.close {font-size: 30px;color: #fff;opacity: 1;} .news-details-page #galleryModal .content-wrap {padding: 30px 0;text-align: left;} .news-details-page #galleryModal .content-wrap h4 {color: #fff;font-size: 1.5em;} .news-details-page a.download-btn {font-size: 20px;display: flex;background-color: #ed1c24;width: 100%;max-width: 150px;padding: 10px 20px;color: #fff;margin: 0 0 25px;} .news-details-page a.download-btn svg {margin-left: 5px;} .news-details-page #galleryModal .content-wrap p {color: #fff;margin-bottom: 10px;} body.modal-open {overflow: hidden;width: 100%;height: 0;padding: 0 !important;} .news-details-page div#galleryModal {width: 100%;} .news-details-page .gallery-sec h3 {margin: 0;} .news-details-page #galleryModal button.close.mobile-btn {display: none;} .news-details-page .title-wrap a.download-btn {margin: 0;padding: 10px 0;max-width: 150px;justify-content: center;} .news-details-page .title-wrap {display: flex;align-items: center;justify-content: space-between;margin: 0 0 20px;width: 100%;padding-right: 5px;} .news-details-page .gallery-sec .gallery-wrap {text-align: center;} .news-details-page section.team-banner-section .cta-wrap button:focus, .news-details-page section.team-banner-section .cta-wrap button:focus-visible {border: 1px solid transparent !important;} .news-details-page section.team-banner-section .cta-wrap ul.drop-list {list-style-type: none;margin: 10px;padding: 10px 0;position: absolute;background-color: #fff;border-radius: 10px;border: 1px solid;height: 0;display: none;width: 100%;} .news-room-page ul.drop-list a>svg {display: inline-block;vertical-align: middle;margin-right: 5px;} .news-details-page section.team-banner-section .cta-wrap ul.drop-list a {color: #000;font-size: 16px;width: 100%;} .news-details-page section.team-banner-section .cta-wrap {position: relative;} .news-details-page section.team-banner-section .cta-wrap ul.drop-list li {padding: 0 20px;} .news-details-page section.team-banner-section .cta-wrap ul.drop-list.active {height: auto;display: block;} .news-details-page .read-more-sec .read-more-card img {width: 100%;height: 360px;object-fit: contain;} .news-details-page ul.news-list-text {list-style: disc;margin-left: 20px;} .news-details-page ul.news-list-text li {line-height: 1.25;} /* news room css */ /* december kmd css */ .campaign-page.dec-2023-month-discoveries .banner-section h1:before , .campaign-page.dec-2023-month-discoveries .banner-section h1:after {display: none;} .campaign-page.dec-2023-month-discoveries .banner-section h1>span {display: block;margin: 0;font-size: 25px;} .campaign-page.dec-2023-month-discoveries .banner-top {position: absolute;left: 0;top: 30px;width: 100%;max-width: 50%;text-align: center;} .campaign-page.dec-2023-month-discoveries .banner-top img.banner-top {width: 100%;max-width: 70%;margin: 0 auto;position: static;} .campaign-page.dec-2023-month-discoveries .july-month-campaign section.banner-section h1 {text-align: left;width: 100%;max-width: 70%;font-family: "sketchnote-text";color: #0871B0;text-transform: none;} .campaign-page.dec-2023-month-discoveries img.banner-bottom {position: absolute;bottom: 40px;width: 100%;max-width: 50%;} .campaign-page.dec-2023-month-discoveries section.invert-menu-section.march-kmd-box, .campaign-page.dec-2023-month-discoveries .promotion-rewards-section {background-color: #48C2C5;} .campaign-page.dec-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper, .campaign-page.dec-2023-month-discoveries section.invert-menu-section {background-color: #0871B0;} .campaign-page.dec-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.dec-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {color: #0871B0;font-family:"sketchnote-text";} .campaign-page.dec-2023-month-discoveries section.invert-menu-section .cta-wrap a {background-image: linear-gradient(#48C2C5, #0871B0);border-color: #0871B0;} .campaign-page.dec-2023-month-discoveries section.invert-menu-section .cta-wrap a:hover {border-color: #48C2C5;background-image: linear-gradient(#48C2C5, #0871B0);} .campaign-page.dec-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.dec-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper a, .campaign-page.dec-2023-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4 {font-family: "sketchnote-text";} .campaign-page.dec-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.dec-2023-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4 {font-family: 'DK Astromonkey';} .campaign-page.dec-2023-month-discoveries img.banner-bg.mobile-bg {display: none;} /* december kmd css */ section.upcoming-location-section.location-mobile {display: none;} .city-location .new-location-wrap .location-page-content-section .row-section.city-wrap .column-wrap .city-card h3 {font-size: 16px;} /* valentine 2024 kmd css */ .valentine-2024-kmd section.team-banner-section, .valentine-2024-kmd .valentine-content-section {background: none;} .valentine-2024-kmd {background-image: url(../jpg/valentines-2024-bg.jpg);background-size: cover;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content .image-wrap {box-shadow: none;text-align: center;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .note-wrap .cta-wrap a {padding: 0;background: transparent;border: none;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .note-wrap .cta-wrap img {width: 100%;max-width: 380px;} .valentine-2024-kmd .valentine-content-section .valentine-wrap {padding: 0;border: none;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content li {font-family: 'Gotham';font-style: normal;color: #c2262d;font-size: 25px;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content .image-wrap img {width: 100%;max-width: 70%;margin: 0 auto;} .valentine-2024-kmd .heart-section .heart-content-wrap h4>span {font-family: 'Gotham Ultra';font-weight: 100 !important;font-size: 25px;} .valentine-2024-kmd .heart-section .heart-content-wrap h4 {font-weight: 100;font-style: normal;text-transform: none;font-size: 25px;color: #c2262d;} .valentine-2024-kmd .heart-section .heart-content-wrap img {max-width: 300px;width: 100%;} .valentine-2024-kmd .heart-section {margin: 50px 0;} .valentine-2024-kmd .heart-section .heart-content-wrap .image-wrap {margin-right: 30px;} .valentine-2024-kmd .heart-section .heart-content-wrap {justify-content: space-evenly;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .note-wrap p.note-text {font-family: 'Gotham';font-size: 12px;color: #c2262d;line-height: 1.4;} .valentine-2024-kmd section.team-banner-section img {opacity: 1;width: 100%;} .valentine-2024-kmd section.team-banner-section h1.top-image { width: 100%; max-width: 90%; margin: 50px auto 0; position: relative; z-index: 3; } .valentine-2024-kmd section.team-banner-section h2 sup {font-family: 'Gotham';} .valentine-2024-kmd section.team-banner-section .banner-image {display: flex;align-items: baseline;justify-content: center;position: relative;z-index: 1;margin-top: 50px;} .valentine-2024-kmd section.team-banner-section img.center-image {max-width: 550px;} .valentine-2024-kmd section.team-banner-section img.right-image {max-width: 200px;margin-left: -45px;} .valentine-2024-kmd section.team-banner-section h2 {font-family: 'Gotham Ultra';color: #c2262d;text-align: left;font-size: 4.5em;text-transform: uppercase;} .valentine-2024-kmd section.team-banner-section h2>span {display: block;font-size: 3.5rem;} .valentine-2024-kmd section.team-banner-section img.left-bg {position: absolute;max-width: 500px;z-index: 2;left: -150px;} .valentine-2024-kmd section.team-banner-section .banner-image:before { content: " "; background-image: url(https://kuranew-1c49a.kxcdn.com/application/views/themes/theme-1/assets/images/chirashi-text-bg.svg); padding: 210px 0; left: 20px; right: 0px; width: 100%; background-size: contain; position: absolute; z-index: -1; background-repeat: no-repeat; max-width: 90%; margin: 0 auto; top: -40px; } .valentine-2024-kmd .love-text p {font-family: canada-type-gibson !important;color: #c2262d !important;font-size: 25px !important;text-align: left !important;margin: 20px 0;width: 100%;max-width: 80%;} .valentine-2024-kmd .love-text p>a {color: #c2262d;text-decoration: underline;} .valentine-2024-kmd section.team-banner-section .content-wrapper {padding-top: 50px;} .valentine-2024-kmd section.team-banner-section {padding: 0;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box, .campaign-page.valentine-2024-kmd .promotion-rewards-section {background-color: transparent;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper {background-color: transparent !important;text-align: center;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper .cta-wrap a {background-color: #ecc7cf;background-image: none;border-color: #ecc7cf;padding: 10px 35px 8px;font-size: 25px !important;font-family: "canada-type-gibson";color: #c2262d;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {background-color: #c2262d !important;margin: 0 auto;background-size: cover;padding: 30px;border: 5px solid #c2262d;border-radius: 20px;max-width: 350px;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper h4 {font-size: 2.5em;color: #ecc7cf;line-height: 1;font-family: canada-type-gibson !important;font-weight: 700;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .row {display: flex;align-items: center;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper .cta-wrap {margin: 35px auto 10px;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box {margin: 50px 0;} @media (max-width: 1300px) { .valentine-2024-kmd section.team-banner-section img.left-bg {max-width: 450px;} .valentine-2024-kmd section.team-banner-section img.center-image {max-width: 500px;} } @media (max-width: 1200px) { .valentine-2024-kmd section.team-banner-section img.center-image,.valentine-2024-kmd section.team-banner-section img.left-bg {max-width: 400px;} .valentine-2024-kmd section.team-banner-section img.right-image {max-width: 150px;} .news-details-page .read-more-sec h4 {font-size: 22px;} } @media (max-width: 1199px) { .news-details-page .read-more-sec .read-more-card img {height: 290px;} } @media (max-width: 991px) { .valentine-2024-kmd section.team-banner-section h2>span {font-size: 3rem;} .valentine-2024-kmd section.team-banner-section h2 {font-size: 4em;text-align: center;} .valentine-2024-kmd .love-text {margin-top: 30px;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box {margin: 20px 0;} .valentine-2024-kmd .love-text p {max-width: 100%;text-align: center !important;} .valentine-2024-kmd section.team-banner-section img.center-image {max-width: 350px;margin-left: 110px;} .valentine-2024-kmd section.team-banner-section img.left-bg {max-width: 330px;left: -100px;} .valentine-2024-kmd section.team-banner-section img.right-image {max-width: 150px;margin-left: -30px;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content ul {max-width: 175px;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content li, .valentine-2024-kmd .love-text p, .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper .cta-wrap a {font-size: 22px !important;} .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .row {display: block;} .news-details-page .read-more-sec h4 {font-size: 20px;} .news-room-page .banner-sub-section.news-section .news-banner img {height: 200px;} } @media (max-width: 850px) { .news-details-page .read-more-sec .read-more-card img {height: 230px;} } @media (max-width: 767px) { .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title {display: block;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title.mobile-view {display: none;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content .image-wrap {margin: 30px 0;} .valentine-2024-kmd .heart-section .heart-content-wrap {flex-direction: column;} .valentine-2024-kmd .heart-section .heart-content-wrap h4>span {display: inline-block;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .note-wrap p.note-text {text-align: center;} .valentine-2024-kmd section.team-banner-section h1.top-image, .valentine-2024-kmd section.team-banner-section .banner-image:before {max-width: 70%;} .valentine-2024-kmd section.team-banner-section img.center-image {max-width: 250px;} .valentine-2024-kmd section.team-banner-section img.left-bg {max-width: 280px;} .valentine-2024-kmd section.team-banner-section h2 {font-size: 3em;} .valentine-2024-kmd section.team-banner-section h2>span {font-size: 2.5rem;} .valentine-2024-kmd .heart-section .heart-content-wrap h4, .valentine-2024-kmd .heart-section .heart-content-wrap h4>span {font-size: 25px;margin: 0 auto;text-align: center;} .valentine-2024-kmd .heart-section .heart-content {margin: 20px 0 0;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .note-wrap .cta-wrap {padding: 30px 0;} .valentine-2024-kmd section.team-banner-section img.right-image {max-width: 100px;} .campaign-page.valentine-2024-kmd section.invert-menu-section {margin: 10px 0 !important;padding: 0;} .news-room-page .banner-sub-section.news-section .news-banner img, .news-details-page .read-more-sec .read-more-card img {height: auto;} } @media (max-width: 575px) { .valentine-2024-kmd .heart-section .heart-content-wrap h4, .valentine-2024-kmd .heart-section .heart-content-wrap h4>span {font-size: 20px;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .note-wrap .cta-wrap img {max-width: 250px;} .valentine-2024-kmd .heart-section {margin: 30px 0 0;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content .image-wrap img {max-width: 95%;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content ul {max-width: 120px;} .valentine-2024-kmd .valentine-content-section .valentine-wrap .seafood-content li, .valentine-2024-kmd .love-text p, .campaign-page.valentine-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper .cta-wrap a {font-size: 20px !important;} .valentine-2024-kmd section.team-banner-section img.left-bg {max-width: 250px;left: -105px;top: 0;} .valentine-2024-kmd section.team-banner-section .banner-image:before {padding: 100px 0;left: 0;} .valentine-2024-kmd section.team-banner-section h2 {font-size: 2.5em;} .valentine-2024-kmd section.team-banner-section h2>span {font-size: 2rem;} .valentine-2024-kmd section.team-banner-section img.center-image {margin-left: 70px;} .valentine-2024-kmd section.team-banner-section img.right-image {margin-left: -20px;} .valentine-2024-kmd section.team-banner-section .content-wrapper {padding-top: 15px;} } @media (max-width: 480px) { .valentine-2024-kmd section.team-banner-section h2 {width: 100%;max-width: 64%;margin: 0 auto 20px;} .valentine-2024-kmd section.team-banner-section img.left-bg {max-width: 180px;left: -50px;} .valentine-2024-kmd section.team-banner-section img.center-image {max-width: 200px;} .valentine-2024-kmd section.team-banner-section .banner-image {margin-top: 10px;} .valentine-2024-kmd section.team-banner-section .banner-image:before {top: -10px;} } @media (max-width: 375px) { .valentine-2024-kmd section.team-banner-section img.left-bg {left: -100px;} .valentine-2024-kmd section.team-banner-section h2 {max-width: 80%;} .valentine-2024-kmd section.team-banner-section img.center-image {margin-left: 20px;} .valentine-2024-kmd section.team-banner-section img.right-image {max-width: 70px;margin-left: -25px;} } @media (max-width: 320px) { .valentine-2024-kmd section.team-banner-section h2 {max-width: 95%;} } /* valentine 2024 kmd css */ /* February 2024 kmd css */ .feb-2024-kmd .banner-section .mobile-view {display: none;} .feb-2024-kmd .banner-bottom img {position: absolute;bottom: -50px;max-width: 550px;right: -10px;} .feb-2024-kmd .exclusive-section {position: relative;z-index: 0;} .feb-2024-kmd .banner-bottom {position: relative;z-index: 1;} .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box, .campaign-page.feb-2024-kmd section.invert-menu-section .cta-wrap a, .feb-2024-kmd .promotion-rewards-section {background-color: #993333;} .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {background: none;background-color: #CC6666;} .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4, .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p {color: #FAF0F5;} .campaign-page.feb-2024-kmd section.invert-menu-section .cta-wrap a, .campaign-page.feb-2024-kmd section.invert-menu-section .cta-wrap a:hover {border-color: #993333;box-shadow: 2px 3px 4px 0px #000;color: #FAF0F5;} .campaign-page.campaign-page.feb-2024-kmd section.invert-menu-section h5.kmd-menu-title {color: #993333;width: 100% !important;} .campaign-page.feb-2024-kmd .bg-section {background-image: url(../jpg/content-bg-feb-2024.jpg);background-size: cover;} .campaign-page.feb-2024-kmd section.invert-menu-section .content-wrapper {border: none;background-color: transparent;} .campaign-page.feb-2024-kmd section.invert-menu-section .content-wrap {display: none;} .campaign-page.feb-2024-kmd .promotion-rewards-wrap .post-wrapper a {color: #FAF0F5;} .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.campaign-page.feb-2024-kmd section.invert-menu-section h5.kmd-menu-title {font-family: "dazzle-unicase";font-weight: 700;} .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper p, .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper a {font-family: "bc-novatica-cyr" !important;font-weight: 500 !important;} /* February 2024 kmd css */ /* March 2024 kmd css */ .campaign-page.march-2024-kmd section.invert-menu-section .cta-wrap a, .campaign-page.march-2024-kmd section.invert-menu-section .cta-wrap a:hover, .march-2024-kmd .promotion-rewards-section, .campaign-page.march-2024-kmd section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {background-color: #f06f72;border-color: #fff;} .campaign-page.march-2024-kmd section.invert-menu-section {background-color: #e087bb;} .campaign-page.campaign-page.march-2024-kmd section.invert-menu-section h5.kmd-menu-title {color: #fff;} .campaign-page.march-2024-kmd section.invert-menu-section.march-kmd-box {background-color: #e59595;} .campaign-page.march-2024-kmd section.invert-menu-section .cta-wrap a {cursor: pointer;font-size: 20px;} .march-2024-kmd .note-wrapper p {text-align: center;width: 100%;max-width: 85%;margin: 30px auto 0;} .march-2024-kmd .banner-wrap {background-image: url(../jpg/march-2024-kmd-banner-bg.jpg);background-size: cover;background-position: center;} .march-2024-kmd .banner-bottom img {max-width: 500px;bottom: 20px; right: auto; left: 60%; max-width: 65%;} .march-2024-kmd .banner-bottom-wrap h2, .march-2024-kmd .banner-bottom-wrap img {display: inline-block;vertical-align: middle;} .campaign-page.march-2024-kmd .banner-section h1:before, .campaign-page.march-2024-kmd .banner-section h1:after {display: none;} .campaign-page.march-2024-kmd .banner-section h1, .campaign-page.march-2024-kmd .banner-section h1>span {color: #fff !important;padding: 30px 0 0;font-family: "filson-pro" !important;font-size: 13em !important;text-transform: none; line-height: 1 !important; margin-top: 0 !important; padding-top: 0;text-shadow: 2px 2px #000;} .campaign-page.march-2024-kmd .banner-section h1>span {display: block;font-size: 0.72em !important;padding: 0;} .campaign-page.march-2024-kmd .banner-section h1>span sup {font-weight: normal;} .march-2024-kmd .banner-bottom-wrap h2, .march-2024-kmd .note-wrapper p, .campaign-page.march-2024-kmd section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.march-2024-kmd section.invert-menu-section.march-kmd-box .content-wrapper a {font-family: "filson-pro" !important;font-weight: 400 !important;} .campaign-page.march-2024-kmd section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper h4, .campaign-page.campaign-page.march-2024-kmd section.invert-menu-section h5.kmd-menu-title {font-family: "filson-pro" !important;font-weight: 700 !important;} .campaign-page.march-2024-kmd section.invert-menu-section .cta-wrap a {font-size: 20px;} .march-2024-kmd .banner-bottom {position: static;padding: 30px 0 80px;} .nut-icon strong {font-size: 0; display: inline-block; width: 15px; height: 21px; background-image: url(../png/nut-icon.png); background-size: cover; background-position: center; vertical-align: middle;} /* March 2024 kmd css */ /* spy x 2024 kmd css */ .spyx-family-bikkura-page {background: none;background-color: #51625c;} .spyx-family-bikkura-page section.team-banner-section {padding: 0;} .spyx-family-bikkura-page section.team-banner-section h1.banner-title {padding: 30px 0;margin: 0 auto;color: #fff;} .spyx-family-bikkura-page .join-our-team-section {padding: 50px 0 0 !important;} .spyx-family-bikkura-page .tattoos-section .rules p {color: #fff;max-width: 65%;width: 100%;margin: 30px auto 0;font-weight: 400;line-height: 1.4;font-family: 'DIN 2014';} .spyx-family-bikkura-page .promotion-rewards-wrap .post-wrapper a {color: #fff;} .promotion-page.spyx-family-bikkura-page .image-wrapper.giveaway-image {padding-top: 0;} .promotion-page.spyx-family-bikkura-page h3.ribbon-title, .promotion-page.spyx-family-bikkura-page .tattoos-section p, .promotion-page.spyx-family-bikkura-page .tattoos-section p>a, .promotion-page.spyx-family-bikkura-page .image-wrapper h3 {color: #fff;font-family: 'DIN 2014';} .promotion-page.spyx-family-bikkura-page h3.ribbon-title {border-top: 2px solid #fff;padding: 25px 0 0;border-radius: 0;} .promotion-page.spyx-family-bikkura-page .tattoos-section p>a {text-decoration: underline;} .promotion-page.spyx-family-bikkura-page .tattoos-section p {font-size: 30px;font-weight: 300;} .promotion-page.spyx-family-bikkura-page .tatoos-content {padding-bottom: 25px;} .promotion-page.spyx-family-bikkura-page #monaka h3.ribbon-title {text-transform: none;} .promotion-page.spyx-family-bikkura-page .join-our-team-section .image-wrap img {width: 100%;} .promotion-page.spyx-family-bikkura-page #giveaway .image-wrapper.giveaway-image p, .promotion-page.spyx-family-bikkura-page #giveaway .image-wrapper.giveaway-image h4 {text-align: left;max-width: 70%;color: #fff !important;} .promotion-page.spyx-family-bikkura-page #giveaway .image-wrapper.giveaway-image .text-wrap h4:after {margin: 0 auto 0 0;background: none;background-color: #fff;} .promotion-page.spyx-family-bikkura-page #giveaway .image-wrapper.giveaway-image p, .promotion-page.spyx-family-bikkura-page .image-wrapper.giveaway-image li {margin: 5px auto 0 0 !important;font-size: 30px;font-weight: 300;color: #fff;} /* spy x 2024 kmd css */ /* dragon kmd css */ .dragon-ball section.team-banner-section {padding: 0;} .dragon-ball {background-color: transparent !important;} .dragon-ball .tattoos-section p, .dragon-ball .promotion-rewards-wrap .post-wrapper a {color: #000 !important;} .dragon-ball .join-our-team-section {padding: 0 !important;} .dragon-ball section.team-banner-section {padding: 0;} .promotion-page.dragon-ball .tattoos-section p {margin: 15px auto;} .promotion-page.dragon-ball .tatoos-content {padding: 30px 0;} .dragon-ball .banner-sub-section .row-section {display: flex;align-items: center;} .dragon-ball .banner-sub-section .row-section .cta-wrap a {background-color: #000;padding: 15px 50px;color: #fff;text-transform: uppercase;font-weight: 700;line-height: 3;text-decoration: none;} .dragon-ball .banner-sub-section .row-section .cta-wrap {margin: 20px 0 0;} .dragon-ball .banner-sub-section .row-section .content-wrap {width: 100%;max-width: 70%;margin: 0 auto;} .dragon-ball .banner-sub-section .row-section .content-wrap p {line-height: 1.5;margin: 0 0 15px;font-size: 18px;} .dragon-ball .bikkura-pon-section {background-image: url(../jpg/dragon-bikkura-pon.jpg);background-size: cover;padding: 100px 0;background-position-y: 30%;} .dragon-ball .bikkura-pon-section .bikkura-pon-wrap {width: 100%;max-width: 40%;} .dragon-ball .bikkura-pon-section .bikkura-pon-wrap p {margin-bottom: 30px} .dragon-ball .bikkura-pon-section .bikkura-pon-wrap h2, .dragon-ball .overlay-section h4 {margin: 0 0 5px;text-transform: uppercase;font-size: 32px;font-weight: 700;line-height: 1.2;} .dragon-ball .product-section h3 {font-family: 'DIN 2014';font-size: 20px;text-align: left;margin: 10px 0;color: #000;text-transform: none;} .dragon-ball .product-section {padding: 60px 0;} .dragon-ball .overlay-section .bottle-set-sec {background-image: url(../jpg/dragon-bottle-set.jpg);background-size: cover;} .dragon-ball .overlay-section .giveaway-sec {background-image: url(../jpg/dragon-tshirt.jpg);background-size: cover;} .dragon-ball .overlay-section .bottle-set-sec, .dragon-ball .overlay-section .giveaway-sec { margin: 50px 0 30px; padding: 255px 75px; background-position: center; } .dragon-ball .overlay-section .bottle-set-sec .image-wrap, .dragon-ball .overlay-section .giveaway-sec .image-wrap {width: 100%;max-width: 40%;} .dragon-ball .overlay-section .giveaway-sec h4, .dragon-ball .overlay-section .giveaway-sec p {color: #fff;} .dragon-ball .mobile-version {display: none;} .dragon-ball .bikkura-pon-section .bikkura-pon-wrap p:last-child {margin: 0;} .dragon-ball .overlay-section img {width: 100%;} .dragon-ball .banner-sub-section img.mobile-img {display: none;} .dragon-ball .giveaway-section.reverse-sec .right-content {text-align: right;padding: 0 50px 0 0;} .dragon-ball .giveaway-section.reverse-sec ul {list-style: none;} /* dragon kmd css */ @media (min-width: 768px) { .july-promotion-page .campaign-page section.invert-menu-section .order-section .container {width: 100%;} .promotion-page.halloween-costume-page .tattoos-section .container {width: 750px;} } @media (min-width: 992px) { .july-promotion-page .campaign-page section.invert-menu-section .order-section .container {width: 90%;} .promotion-page.halloween-costume-page .tattoos-section .container {width: 970px;} } @media (min-width: 1200px){ .promotion-page.halloween-costume-page .tattoos-section .container {width: 1170px;} section.terms-condition-page .privacy-wrapper {width: 100%;max-width: 90%;} } @media (min-width: 1500px){ .new-menu-item section.invert-menu-section .image-wrap img {max-width: 80%;} .new-menu-item section.invert-menu-section .row-section .column-section .content-wrap {max-width: 80%;} .new-menu-item section.invert-menu-section .content-wrap h4 {font-size: 80px;} .new-menu-item section.invert-menu-section .content-wrap p {font-size: 48px;} .new-menu-item h3.invert-section-title {font-size: 6rem;} .new-menu-item p.invert-section-text {font-size: 35px;width: 70%;margin: 0 auto;} .new-menu-item section.invert-menu-section .order-section p, .new-menu-item section.invert-menu-section .order-section a {font-size: 45px;} .campaign-page.august-month-discoveries section.invert-menu-section .content-wrap h4 {font-size: 35px;} .campaign-page.august-month-discoveries section.invert-menu-section .content-wrap p, .campaign-page.august-month-discoveries p.invert-section-text, .campaign-page.august-month-discoveries section.invert-menu-section .order-section p, .campaign-page.august-month-discoveries section.invert-menu-section .order-section p>a {font-size: 25px;} .campaign-page section.invert-menu-section .content-wrap {padding: 20px;min-height: 280px;} } @media (min-width: 1300px) { .kura-rewards-app .banner-image img.desktop-image {margin: -100px -170px 0 0;} .kura-rewards-app .banner-image img.image-overlay {max-width: 250px;top: 10%;} .kura-rewards-app .blue-bg-title {margin: 15px auto 0 -180px;} .kura-rewards-app .banner-bottom-wrap {margin: 0;} .kura-rewards-app .banner-bottom-wrap {margin: 0;} .kura-rewards-app section.team-banner-section h1 {font-size: 3em !important;} .kura-rewards-app .banner-content, .kura-rewards-app .banner-image {padding: 50px 0 20px;} .kura-rewards-app .banner-image img.image-overlay {max-width: 200px;} .kura-rewards-app .banner-image img.desktop-image {margin-top: -150px;} } @media (min-width: 1501px) { .kura-rewards-app section.team-banner-section h1, .kura-rewards-app section.team-banner-section p {margin: 30px 0 30px auto;max-width: 65%;} .kura-rewards-app section.team-banner-section h1 {font-size: 3.5em;} .kura-rewards-app .banner-image img.desktop-image {max-width: 970px;margin: -170px -280px 0 0;} .kura-rewards-app .banner-image img.image-overlay {max-width: 280px;top: 5%;} .kura-rewards-app .blue-bg-title {margin: 15px auto 0 -55px;} .kura-rewards-app .banner-bottom-wrap {width: 100%;max-width: 85%;margin: 0 auto;} .meet-our-team.banner-sub.rolling-rewards .container {width: 1200px;} .kura-rewards-app h3.section-title {font-size: 6.25em;} } @media (min-width: 1750px) { .kura-rewards-app .banner-image img.desktop-image {margin-right: -350px;} .kura-rewards-app .blue-bg-title {margin-left: -70px;} .kura-rewards-app section.team-banner-section h1 {font-size: 4em;} .kura-rewards-app .banner-image img.image-overlay {left: 25%;max-width: 320px;} .kura-rewards-app section.team-banner-section h1, .kura-rewards-app section.team-banner-section p {max-width: 66%;} } @media (max-width: 1729px) { .kura-rewards-app section.team-banner-section p { font-size: 20px; } } @media (min-width: 1800px) { .meet-our-team.banner-sub.rolling-rewards .container {width: 1450px;} .kura-rewards-app h3.section-title {font-size: 6.5em;} } @media (max-width: 767px) { .kura-rewards-app .team-banner-section .banner-section-wrap { padding-top: 11px; padding-bottom: 0px; } } @media (min-width: 1900px) { .kura-rewards-app .banner-image img.desktop-image {margin-right: -550px;} .kura-rewards-app .blue-bg-title {margin-left: -95px;} .kura-rewards-app .banner-bottom-wrap {max-width: 100%;padding: 15px 30px;} .kura-rewards-app h3.section-title {font-size: 7.5em;} } @media (min-width: 2200px) { .meet-our-team.banner-sub.rolling-rewards .container {width: 1565px;} .kura-rewards-app h3.section-title {font-size: 8.5em;} } @media (min-width: 2300px) { .kura-rewards-app .banner-image img.desktop-image {margin-right: -600px;} } @media (max-width: 1500px) { .rewards-banner-section .banner-image img, .rewards-page-banner .row-section .cta-wrap.app-cta img {max-width: 180px;} .kura-rewards-app section.team-banner-section h1 {margin: 10px 0 10px auto;} .kura-rewards-app .banner-image {padding: 50px 0 0;max-width: 45%;} .kura-rewards-app .rolling-rewards .row {padding: 20px 0;} .kura-rewards-app section.team-banner-section p br {display: none;} section.checkout-faq .checkout-wrap .content-wrap h3 {font-size: 4em;} } @media (max-width: 1400px) { .campaign-page .july-month-campaign section.banner-section h1 {font-size: 4rem;} .kura-rewards-app .rolling-rewards .border-image img {height: 195px;} } @media (max-width: 1300px) { section.location-page-wrap .location-detail-wrapper .store-btn-wrap button {padding: 5px 15px;} .kura-rewards-app .banner-bottom-wrap {margin: 0;} .kura-rewards-app section.team-banner-section h1 {font-size: 3em !important;} .kura-rewards-app .banner-content, .kura-rewards-app .banner-image {padding: 50px 0 20px;} .kura-rewards-app .banner-image img.image-overlay {max-width: 200px;} .kura-rewards-app .banner-image img.desktop-image {margin-top: -150px;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-right {right: 0;} .campaign-page.dec-2023-month-discoveries .banner-top {text-align: left;padding-left: 20px;} .campaign-page.dec-2023-month-discoveries .banner-top img.banner-top {padding: 0;} .campaign-page.dec-2023-month-discoveries .banner-section h1>span {font-size: 20px;} } @media (max-width: 1200px) { .promotion-page.tetris-bikkura-page h3, .promotion-page.tetris-bikkura-page section.meet-our-team h2 {width: 100%;margin: 0 auto 15px;font-size: 25px !important;padding: 0 !important;line-height: 1.2;} .promotion-page.tetris-bikkura-page .coaster-set-section .column-wrap h4 {font-size: 35px;} .promotion-page.tetris-bikkura-page .coaster-set-section .column-wrap h4:before {max-width: 70%;bottom: 5px;margin: 0 auto;left: 0;right: 0;} .promotion-page.tetris-bikkura-page section.coaster-set-section .text-wrap p {font-size: 12px;} .location-list-wrap .search-result ul.search-list-wrap .search-list-image {max-width: 160px;} .location-detail-wrapper .store-information {padding: 0;} section.meet-our-team.banner-sub h2, .tattoos-section p, .my-hero-page section.meet-our-team.banner-sub p, section.coaster-set-section .row-section .column-section p, section.instagram-giveaway-section .row-section .column-section p, .promotion-page.demon-slayer-page section.meet-our-team h2 span {font-size: 25px;} section.nutrition-menu-section .cta-wrap a, .menu-section-wrap .cta-wrap a {font-size: 13px;padding: 10px 5px;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content p, .location-list-wrap .search-result ul.search-list-wrap .search-list-hours {font-size: 14px;line-height: 1.3;margin-bottom: 0;} .teris-kura .instagram-giveaway-section .sticky-notes-wrap h5 {font-size: 21px;} table.nutrition-info-table th:not(:first-of-type) {max-width: 44px;} div#allergen table.nutrition-info-table th:not(:first-of-type) div {width: 4.5em;} .campaign-page section.banner-section h1>span {font-size: 28px;} .campaign-page .july-month-campaign section.banner-section h1 {font-size: 3.4rem;} .july-promotion-page .banner-section-wrap img.ribbon-title {max-width: 300px;} .new-menu-item section.invert-menu-section .content-wrap h4 {font-size: 50px;letter-spacing: 3px;} .new-menu-item section.invert-menu-section .content-wrap p {font-size: 25px;} .campaign-page section.invert-menu-section .image-wrap img {max-width: 400px;} .monthly-discovers-page.campaign-page.new-menu-item .container-wrap {max-width: 85vw;} .campaign-page.august-month-discoveries p.invert-section-text {font-size: 20px;} .promotion-page.pac-page .promotion-giveaway-section .column-section .column-wrap img {max-width: 350px;} .promotion-page.valentines-page .bottom-section p {padding: 0 !important;font-size: 20px !important;} .valentines-page section.holiday-column-section h4 {font-size: 22px;} .valentines-page section.holiday-column-section ul li {font-size: 20px;} .valentine-seafood-page section.team-banner-section {padding: 0;} .valentine-seafood-page section.team-banner-section img {opacity: 1;width: 100%;} .benefit-section .tab-content {width: 100%;} .valentine-content-section .valentine-wrap h3.valentine-title>span {font-size: 3.5rem;} .valentine-content-section .valentine-wrap h4 {font-size: 2.5rem;margin: 20px auto;} .valentine-content-section .valentine-wrap p, .valentine-content-section .valentine-wrap p>a {font-size: 1.5rem;} .valentine-content-section .valentine-wrap h3.valentine-title, .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title {font-size: 3rem;} .valentine-content-section .valentine-wrap .seafood-content li {font-size: 2rem;} .valentine-content-section .valentine-wrap .seafood-content ul {margin: 0 auto;padding: 0 0 0 3.5em;} .campaign-page.march-month-discoveries section.invert-menu-section .content-wrap p {padding: 0;} .campaign-page.march-month-discoveries section.invert-menu-section .content-wrap h4 {font-size: 22px;} .campaign-page.march-month-discoveries section.invert-menu-section h5.kmd-menu-title {width: 60%;} .contact-page .form-section .select2-container {width: 100% !important;} .demon-slayer-2023 .tattoos-section .image-wrapper:last-child .image {width: 45%;} .april-month-discoveries section.invert-menu-section .content-wrap {min-height: 280px;} .new-menu-2023-page section.meet-our-team.banner-sub h2 {font-size: 3.5em;} .new-menu-2023-page section.meet-our-team p {width: 75%;} .new-menu-2023-page section.join-our-team-section .row-section {width: 90%;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title {font-size: 1.75em;} .new-menu-2023-page .find-section .content-wrapper {width: 50%;padding: 20px;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 {font-size: 8em;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 span {font-size: 8rem;} .campaign-page.may-month-discoveries section.invert-menu-section .content-wrap h4 {font-size: 26px;} .campaign-page.july-month-discoveries section.invert-menu-section .content-wrap p {font-size: 16px;} .campaign-page.august-2023-month-discoveries section.invert-menu-section .content-wrap h4 {margin-bottom: 10px;font-size: 21px;} .kura-rewards-app section.team-banner-section h1, section.checkout-faq .checkout-wrap .content-wrap h3 {font-size: 3.10em;line-height: 0.9;} .kura-rewards-app .banner-content, .kura-rewards-app .banner-image {padding: 50px 0;} .kura-rewards-app section.team-banner-section p {font-size: 20px;} .kura-rewards-app .rolling-rewards h4 {font-size: 30px;} .kura-rewards-app .rolling-rewards .row .column-wrap {max-width: 85%;} section.checkout-faq .checkout-wrap .image-wrap img {bottom: -75px;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section .content-wrap p {font-size: 14px !important;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section .content-wrap h4 {font-size: 20px;} .sep-2023-month-discoveries section.invert-menu-section .content-wrap {padding: 10px;} .kura-rewards-app .banner-image img.image-overlay {max-width: 200px;top: 15px;left: 25%;} section.terms-condition-page .privacy-wrapper {max-width: 100%;width: 100%;} .kura-rewards-app section.team-banner-section h1, .kura-rewards-app section.team-banner-section p {max-width: 85%;margin-top: 0;} .kura-rewards-app .rolling-rewards .border-image img {height: 160px;} .kura-rewards-app h3.section-title {font-size: 5em;} .peanuts-page .cloud-wrap img.cloud {max-width: 180px;} .peanuts-page .tattoos-section .image-wrapper {width: 100%;max-width: 85%;margin: 0 auto;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-left {left: 0;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-right {top: 51%;right: 10px;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-left {max-width: 150px;} .news-room-page .banner-sub-section.news-section .release-details-wrap .news-title {max-width: 70%;} .news-details-page #galleryModal .content-card .right-content-card {max-width: 40%;} .news-details-page #galleryModal .content-card .image-wrap {max-width: 59%;} .campaign-page.march-2024-kmd .banner-section h1>span {font-size: 0.70em !important;} section.terms-condition-page h4 {font-size: 22px;} } @media (max-width: 1199px){ .halloween-costume-new div#count-down p {max-width: 15%;padding: 15px 0;} section.faq-section .container {max-width: 100%;width: 100%;margin: 0 auto;} section.faq-section h3.faq-titles {font-size: 18px;max-width: 100%;margin: 20px auto 0 !important;min-height: 75px;} } @media (max-width: 1031px) { .main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link {font-size: 14px;} } @media (max-width: 1024px) { .location-list-wrap .search-result ul.search-list-wrap li.search-list-item {padding: 10px 15px;} .location-list-wrap .search-result ul.search-list-wrap .search-list-image {width: 100px; max-height: 90px; padding-bottom:15px;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content {margin-left: 10px;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content h4 {font-size: 15px;} section.location-page-wrap input.search-text {font-size: 1em;} section.location-page-wrap .location-detail-wrapper .store-btn-wrap button {font-size: 14px;padding: 0;margin: 0 15px;} section.location-page-wrap .location-detail-wrapper div.location-address, section.location-page-wrap .location-detail-wrapper div.location-hours {margin: 10px 0;} section.location-page-wrap div.location-info-wrap .add-wrap p, section.location-page-wrap div.location-info-wrap div.location-hours p {font-size: 16px;} section.location-page-wrap .location-detail-wrapper {width: 55%;} .location-detail-wrapper .store-information {padding: 0;} .location-list-wrap .search-result ul.search-list-wrap .search-list-image img.search-image {height: 90px;object-fit: cover;object-position: center;} .rewards-page-wrap .bottom-section {max-width: 70%;} section.menu-section h4.menu-item-top-title {margin: 0 10px;} .rewards-page-content .bottom-section .tve_image_caption .tve_image {max-width: 150px;width: 100%;margin: 0 auto;} .july-promotion-page .monthly-discovers-page.campaign-page {height: 100%;} .july-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign .campaign-top, .july-promotion-page .monthly-discovers-campaign-page, .july-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign, .monthly-discovers-page.campaign-page.new-menu-item, .monthly-discovers-page.campaign-page.august-month-discoveries { width: 100%; height: 100vh; overflow-y: scroll; background-repeat: no-repeat; background-attachment: scroll; } .monthly-discovers-page.campaign-page.oct-month-discoveries {background-attachment: unset;height: 100% !important;} .campaign-page.oct-month-discoveries section.invert-menu-section{margin: 0 auto;padding: 30px 0 0;} .dec-promotion-page .monthly-discovers-page.campaign-page, .dec-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign .campaign-top, .dec-promotion-page .monthly-discovers-campaign-page, .dec-promotion-page .monthly-discovers-page.campaign-page .campaign-page-wrapper.july-month-campaign, .monthly-discovers-page.campaign-page.new-menu-item, .monthly-discovers-page.campaign-page.august-month-discoveries, .monthly-discovers-page.august-2023-month-discoveries, .monthly-discovers-page.sep-2023-month-discoveries, .monthly-discovers-page.oct-2023-month-discoveries {height: 100% !important;} .benefit-section .tab-content h4 {font-size: 22px;} .kura-rewards-app .hungry-features h4.section-title {font-size: 3.5em;} .kura-rewards-app .hungry-features .feature-card .content-wrap h4 {font-size: 30px;} .kura-rewards-app .hungry-features .feature-card {padding: 10px 0;} .kura-rewards-app .hungry-features .feature-card .content-wrap {padding-left: 10px;} .kura-rewards-app .hungry-features .row .columns-wrapper {padding: 0;} .kura-rewards-app .banner-image img.image-overlay {max-width: 180px;} .faq-section div.tab-wrapper .tab-item.active h3 {margin-bottom: 0;} .kura-rewards-app section.team-banner-section h1, .kura-rewards-app section.team-banner-section p {max-width: 85%;} .kura-rewards-app .blue-bg-title {margin-left: -150px;} .hungry-features.video-section .play_btn.pause img, .hungry-features.video-section .play_btn img.video-pause {display: none;} .news-room-page .banner-sub-section.news-section .release-details h4 {font-size: 20px;padding-right: 10px;} .news-room-page .banner-sub-section.news-section .news-banner {max-width: 25%;} } . search-list-imag img {width: 100%;} @media (max-width: 991px) { /*location css */ section.location-page-wrap .location-detail-wrapper .store-btn-wrap button span.icon {width: 35px;height: 35px;} section.location-page-wrap .location-detail-wrapper .store-btn-wrap button {margin: 0 10px;} .location-detail-wrapper h4.location-heading a {padding: 0;} section.location-page-wrap .location-detail-content-wrap .location-btns2 { font-size: 15px; display: block; text-align: center; margin: 0 0 5px; } .location-details-frame .sign-up-section { width: 60%; padding: 20px; } section.location-page-wrap div.location-info-wrap, section.location-page-wrap .job-info-wrap, section.location-page-wrap div.location-employment-btn-wrap, section.location-page-wrap .menu-detail-accordion-wrap a.location-btns2, section.location-page-wrap .location-detail-wrapper div.location-address, section.location-page-wrap .location-detail-wrapper div.location-hours { display: block; width: 100%; } /*location css */ /* nutrition css */ div#nutrition-info table.nutrition-info-table tr td.cat-name {min-width: 230px;max-width: 240px;} div#nutrition-info table.nutrition-info-table tr td {min-width: 36px;} div#nutrition-info table.nutrition-info-table td a, table.nutrition-info-table td div {font-size: 14px;} table.nutrition-info-table.menu-item-table th.category {max-width: 230px;min-width: 230px;} table.nutrition-info-table h3 {font-size: 20px;padding: 0 0 10px;} table.nutrition-info-table h3>span {font-size: 12px;} table.nutrition-info-table.menu-item-table {margin-top: 30px;} table.nutrition-info-table.allergen-menu-table tr td {min-width: 40px;} div#location-employment-wrapper {display: block;} /* nutrition css */ section.meet-our-team.banner-sub h2, .tattoos-section p, .my-hero-page section.meet-our-team.banner-sub p, section.coaster-set-section .row-section .column-section p, section.instagram-giveaway-section .row-section .column-section p, .promotion-page.demon-slayer-page section.meet-our-team h2 span {font-size: 20px;} .promotion-page.demon-slayer-page .sticky-notes-wrap p {font-size: 3em;} .meet-creator-section .video-wrap { height: 500px; } section.location-page-wrap .location-detail-content-wrap .location-btns2 { font-size: 14px; padding: 10px 0; max-width: 200px; } section.location-page-wrap div.location-info-wrap .add-wrap p, section.location-page-wrap div.location-info-wrap div.location-hours p { font-size: 13px; } section.location-page-wrap .location-detail-wrapper .location-hours-wrap, section.location-page-wrap .location-detail-wrapper .location-address-wrap { margin-right: 5px; } section.location-page-wrap .location-detail-content-wrap .panel-body {padding: 20px 0;} .teris-kura section.meet-our-team.banner-sub p {font-size: 25px;margin-bottom: 0;} .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content h4 {font-size: 40px;} .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content h5, .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content p {font-size: 25px;} .campaign-page section.banner-section h3 {font-size: 16px;width: 100%;} .campaign-page section.banner-section h3>span {margin-left: 40px;font-size: 12px;} .campaign-page section.banner-section h1 {font-size: 3.5em;} .campaign-page section.banner-section h1>span {font-size: 22px;margin-left: 0;} .campaign-page section.banner-section p {margin-top: 10px;font-size: 16px;} .campaign-page section.invert-menu-section .image-wrap img {max-width: 350px;} .kuru-homepage .owl-dots {bottom: -5px;} p.menu-disclaimer-text, section.menu-section p.sub-content {font-size: 0.68em;line-height: 1.2;} .campaign-page .july-month-campaign section.banner-section h1 { font-size: 3rem; } .july-promotion-page .banner-section-wrap img.ribbon-title { max-width: 200px; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span {font-size: 1.8em;} .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section:before {background-size: 50%;} .new-menu-item section.invert-menu-section .content-wrap h4 {font-size: 40px;} .monthly-discovers-page.campaign-page .container-wrap, .monthly-discovers-page.campaign-page.new-menu-item .container-wrap {max-width: 95vw;} .new-menu-item section.invert-menu-section .image-wrap img, .new-menu-item section.invert-menu-section .row-section .column-section .content-wrap {max-width: 320px;} .promotion-page.pac-page .promotion-giveaway-section .column-section .column-wrap img {max-width: 250px;} .halloween-costume-new div#count-down p {max-width: 18%;} .promotion-page.holiday2021-page .ribbon-content h3 {letter-spacing: 5px;} .valentines-page section.holiday-column-section .row.row-section {display: block;margin-bottom: 30px;} .valentines-page section.holiday-column-section .row.row-section .column-section {width: 100%;margin: 10px auto;} .dec-promotion-page .slider-section {position: static;} .dec-promotion-page .banner-section-wrap .image-wrap img, .dec-promotion-page .banner-section-wrap .title-wrap {max-width: 400px;} .dec-month-campaign h3.invert-section-title {font-size: 35px !important;} .dec-promotion-page h3.invert-section-title {font-size: 40px;} .dec-promotion-page p.invert-section-text, .dec-promotion-page .campaign-page section.invert-menu-section .content-wrap p, .dec-promotion-page .campaign-page section.invert-menu-section .order-section p, .dec-promotion-page .campaign-page section.invert-menu-section .order-section p>a {font-size: 18px;} .dec-promotion-page section.invert-menu-section .image-wrap img {max-width: 300px;} .dec-promotion-page section.invert-menu-section .row-section.even-box h4 {font-size: 30px;} .promotion-page.demon-slayer-page.my-hero-page .tattoos-wrap h3.ribbon-title {font-size: 2.5em;margin: 0 auto;} .promotion-page.demon-slayer-page.my-hero-page h4 {font-size: 1.5rem;} .valentine-seafood-page section.team-banner-section {padding: 0;} .valentine-content-section .valentine-wrap h3.valentine-title>span {font-size: 3rem;padding-left: 40px;} .valentine-content-section .valentine-wrap {padding: 30px;} .valentine-content-section .valentine-wrap h3.valentine-title, .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title, .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title span {font-size: 2rem;} .valentine-content-section .valentine-wrap h4 {font-size: 2rem;} .valentine-content-section .valentine-wrap p, .valentine-content-section .valentine-wrap p>a {font-size: 20px;} .valentine-content-section .valentine-wrap .seafood-content li {font-size: 20px;} .valentine-content-section .valentine-wrap .seafood-content ul {margin: 0 auto;max-width: 160px;padding: 0;} .feb-page .monthly-discovers-campaign-page .campaign-top {padding: 50px 0;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .row {display: block;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p>a, .campaign-page.march-month-discoveries section.invert-menu-section p.kmd-menu-sub-title, .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4 {text-align: left;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .row .col-md-6 {text-align: center;width: 100%;margin: 20px 0 0;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box {padding: 50px 0;} .campaign-page.march-month-discoveries section.invert-menu-section h5.kmd-menu-title {width: 80%;text-align: left;} .campaign-page.march-month-discoveries section.invert-menu-section .menu-content-wrapper {width: 100%;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.march-month-discoveries section.invert-menu-section h5.kmd-menu-title {font-size: 38px;} .march-month-discoveries section.invert-menu-section .content-wrap, .campaign-page.oct-2023-month-discoveries section.invert-menu-section .content-wrap{min-height: 185px;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section .content-wrap p {font-size: 16px;} .april-month-discoveries section.invert-menu-section .content-wrap {min-height: 220px;} .contact-page .form-section .custom-file {width: 65%;} .demon-slayer-2023 .tattoos-section .image-wrapper img.left-img, .demon-slayer-2023 .tattoos-section .image-wrapper img.right-img, .demon-slayer-2023 section.meet-our-team img.left-img, .demon-slayer-2023 section.join-our-team-section .tatoos-content img.right-img, section#giveaway img.left-img.left-bottom, .demon-slayer-2023 .tattoos-section .image-wrapper img.left-img.left-middle {max-width: 400px !important;} .demon-slayer-2023 section#giveaway img.left-img.left-bottom, .demon-slayer-2023 .tattoos-section .image-wrapper img.left-img, .demon-slayer-2023 .tattoos-section .image-wrapper img.left-img.left-middle {left: -100px;} .demon-slayer-2023 section#giveaway img.right-img.right-bottom, .demon-slayer-2023 section.join-our-team-section .tatoos-content img.right-img {right: -100px;} .new-menu-2023-page section.team-banner-section img {width: 100%;} .new-menu-2023-page section.meet-our-team h2, .new-menu-2023-page section.meet-our-team p {width: 100%;padding-bottom: 20px;} .new-menu-2023-page section.meet-our-team.banner-sub h2, .new-menu-2023-page section.join-our-team-section .row-section {width: 100%;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title {font-size: 25px;margin: 10px auto;} .new-menu-2023-page section.join-our-team-section .row-section p {line-height: 1.2;font-size: 20px;width: 100%;} .new-menu-2023-page .find-section .content-wrapper p {width: 90%;} .new-menu-2023-page .find-section .content-wrapper h4 {font-size: 35px;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 {font-size: 7em;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 span {font-size: 7rem;} .we-bare-page .tattoos-section .rules p {max-width: 80%;font-size: 25px;} .we-bare-page section.join-our-team-section #creatorvisit h4.creator-text {font-size: 30px;margin-bottom: 20px;} .we-bare-page section.join-our-team-section #creatorvisit .row-section .column-section .arrow-image img {max-width: 120px;bottom: -40%;left: 25px;} .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6 .content-wrapper p, .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.july-month-discoveries section.invert-menu-section h5.kmd-menu-title {text-align: center !important;} .campaign-page.july-month-discoveries section.invert-menu-section .menu-content-wrapper .content-wrapper {max-width: 320px;} .we-bare-page section.join-our-team-section #creatorvisit .row-section.come-together .column-section .arrow-image img {max-width: 170px;bottom: -80px;} .august-2023-month-discoveries section.invert-menu-section .content-wrap {min-height: 200px !important;} .campaign-page.august-2023-month-discoveries section.invert-menu-section .menu-content-wrapper .content-wrapper {max-width: 280px;margin: 20px auto;} .kura-rewards-app section.team-banner-section h1, .kura-rewards-app h3.section-title {font-size: 4em !important;line-height: 1;} .kura-rewards-app .banner-bottom-wrap h2.title {margin: 0;font-size: 25px;} .kura-rewards-app .banner-bottom-wrap .cta-wrap a {font-size: 20px;} .kura-rewards-app .banner-image img.desktop-image {margin: -80px -100px -30px 0;} .kura-rewards-app section.team-banner-section p {font-size: 17px;} .kura-rewards-app .rolling-rewards .row .column-wrap {max-width: 100%;} .kura-rewards-app section.meet-our-team p {font-size: 18px;} .kura-rewards-app .rolling-rewards img {width: 100%;margin: 0 auto;} .kura-rewards-app .hungry-features .feature-card .content-wrap h4 {font-size: 25px;} .kura-rewards-app section.team-banner-section p br, section.terms-condition-page h4>br {display: none;} section.terms-condition-page h4>br:last-child {display: block;} section.checkout-faq .checkout-wrap .image-wrap img {bottom: -60px;} .sep-2023-month-discoveries section.invert-menu-section .content-wrap {min-height: 200px;} .kura-rewards-app .banner-image img.image-overlay {top: 45px;left: 15%;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section.march-kmd-box, .campaign-page.sep-2023-month-discoveries section.invert-menu-section {padding: 30px 0 0 !important;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section .menu-content-wrapper {padding: 0;} .kura-rewards-app .hungry-features video#rewards-video {max-width: 350px;} .kura-rewards-app .hungry-features .row .column-wrap.video-wrap {margin-top: -30px;} .kura-rewards-app .hungry-features .feature-card img {max-width: 120px;} .faq-section div.tab-wrapper ul li img {max-width: 170px !important;} .faq-section div.tab-wrapper .menu-category-cta-contain {display: block;} .faq-section div.tab-wrapper .tab-content .menu-category-cta {max-width: 19.5%;display: inline-block;vertical-align: middle;} .faq-section div.tab-wrapper .tab-content .menu-category-cta span {font-size: 14px !important;} .kura-rewards-app section.team-banner-section h1 {font-size: 2.5em !important;} .kura-rewards-app section.team-banner-section p {font-size: 18px;} .kura-rewards-app .banner-image img.desktop-image {margin-top: -65px;} .kura-rewards-app .banner-image img.image-overlay {max-width: 165px;} .kura-rewards-app .rolling-rewards .border-image img {height: 150px;} .peanuts-page .cloud-wrap img.cloud-right {right: -5%;max-width: 150px;top: 25%;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-right {top: 50%;} .news-details-page #galleryModal .content-card .right-content-card, .news-details-page #galleryModal .content-card .image-wrap {max-width: 100%;text-align: center;} .news-details-page #galleryModal .btn-wrap {display: block;} .news-details-page #galleryModal .btn-wrap button.close {display: none;} .news-details-page #galleryModal button.close.mobile-btn {display: block;margin: 10px;} .news-details-page section.team-banner-section .left-content, .news-details-page section.team-banner-section .right-content {max-width: 100%;} .news-details-page section.team-banner-section .banner-content {padding: 20px 0;display: block;} .news-details-sec .sub-content-wrap {max-width: 100%;} .news-details-page .news-details-sec, .gallery-sec, .read-more-sec {padding: 30px 0;} .news-details-page .gallery-sec .image-card {max-width: 31.5%;margin: 5px;} .news-details-page section.team-banner-section .left-content {display: flex;align-items: flex-start;justify-content: space-between;} .news-details-page section.team-banner-section .right-content {margin: 20px 0 25px;} .news-details-page section.team-banner-section p {margin: 10px 0 0;} .news-details-page section.team-banner-section .release-date p {margin: 0;} .peanuts-page .cloud-wrap img.cloud-left {top: 80%;} .campaign-page.dec-2023-month-discoveries img.banner-bg, .campaign-page.dec-2023-month-discoveries .banner-top, .campaign-page.dec-2023-month-discoveries img.banner-bottom {display: none;} .campaign-page.dec-2023-month-discoveries img.banner-bg.mobile-bg {display: block;} .city-location .new-location-wrap .location-page-content-section .row-section.city-wrap .column-wrap .city-card h3 {font-size: 15px;} .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box {padding-top: 80px !important;} /*.march-2024-kmd .banner-bottom img {max-width: 300px;}*/ .march-2024-kmd .banner-bottom {padding: 30px 0 50px;} .march-2024-kmd .banner-bottom-wrap h2 {font-size: 2em;} .dragon-ball .bikkura-pon-section .bikkura-pon-wrap {max-width: 48%;} .dragon-ball .bikkura-pon-section {padding: 80px 0;} .dragon-ball .container {width: 100%;max-width: 90%;padding: 0;} .dragon-ball .banner-sub-section .row-section .content-wrap p {font-size: 16px;} .dragon-ball .product-section h3 {font-size: 18px;} .dragon-ball .banner-sub-section .row-section {padding: 20px 0;} .dragon-ball .product-section {padding: 30px 0;} .dragon-ball .overlay-section .bottle-set-sec, .dragon-ball .overlay-section .giveaway-sec {padding: 120px 50px;} .dragon-ball .owl-dots {display: block;text-align: center;width: 100%;position: absolute;bottom: -45px;} .dragon-ball .owl-dots .owl-dot {padding: 5px;margin: 5px;border-radius: 25px;border: 1px solid #000;display: inline-block;} .dragon-ball .owl-dot.active {background-color: #000;} .main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link {padding: 0 4px !important;font-size: 12px !important;} .ast-logo-title-inline .site-logo-img {padding: 0;} .header-main-layout-1 .ast-main-header-bar-alignment {margin: 0;} .header-main-layout-1 .ast-flex.main-header-container, .header-main-layout-3 .ast-flex.main-header-container {justify-content: space-between;} .faq-section div.tab-wrapper ul {display: block;} .faq-section div.tab-wrapper ul li {display: inline-block;width: 100%;max-width: 20%;vertical-align: bottom;} } @media (max-width: 900px) { .kura-rewards-app .blue-bg-title {margin-left: -120px;} .peanuts-page .tattoos-section p br {display: none;} } @media (max-width: 860px ){ .kura-rewards-app .banner-image img.image-overlay { top: 15px; max-width: 170px; } } @media (max-width: 800px) { div#nutrition-info table.nutrition-info-table tr td.cat-name { min-width: 225px; max-width: 100%; } div#nutrition-info table.nutrition-info-table th:first-of-type { min-width: 240px; max-width: 240px; } div#nutrition-info table.nutrition-info-table tr td {min-width: 30px;} } @media (min-width: 575px) and (max-width: 768px) { section.location-page-wrap .menu-detail-accordion-wrap { padding: 0; } section.location-page-wrap div.location-info-wrap, section.location-page-wrap .menu-detail-accordion-wrap { display: flex; } section.location-page-wrap .job-info-wrap, section.location-page-wrap div.location-employment-btn-wrap { display: inline-block; width: 50%; } section.location-page-wrap .menu-detail-accordion-wrap a.location-btns2, section.location-page-wrap .location-detail-content-wrap .location-btns2 { margin: 0 0 5px auto; } div#location-employment-wrapper { width: 100%; margin: 0 auto; } } @media (max-width: 768px) { section.location-page-wrap .location-listing-wrapper { position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; box-shadow: none; } section.location-page-wrap .location-detail-wrapper {left: calc(100% - 100%);width: 100%;} section.location-page-wrap .location-detail-wrapper .store-btn-wrap button {margin: 20px 10px;width: 25%;} section.location-page-wrap .map-content-wrap {left: 0;right: 0;position: relative;height: 100%;min-height: 300px;} .location-list-wrap .search-result {width: 100%;height: 100%;overflow: visible;} section.location-page-wrap .location-detail-wrapper.popup-toggled {position: fixed;left: 0;z-index: 100;right: 0;overflow-y: scroll;} section.location-page-wrap .menu-detail-accordion-wrap a.location-btns2 {max-width: 175px;display: inline-block;} section.location-page-wrap .menu-detail-accordion-wrap {padding-top: 0;} nav.search-result-pagination, .location-list-wrap .search-result .search-result-scroll, .location-list-wrap .search-result {position: static;width: 100%;overflow-x: hidden;} section.location-page-wrap .map-section-wrap {height: 100%;} .location-detail-wrapper .store-information h3.store-heading, .location-detail-wrapper .store-information h2.store-heading {font-size: 15px;} section.location-page-wrap {width: 100%;overflow: hidden;} nav.search-result-pagination {height: 35px;} section.location-page-wrap .location-detail-wrapper .add-wrap, section.location-page-wrap .location-detail-wrapper .location-hours-content {margin-top: -5px;} .campaign-page section.banner-section h3>span {margin-left: 20px;padding: 3px 5px;} section.promotion-section.team-section .owl-item {height: auto !important;} section.upcoming-location-section.location-mobile {display: block;} } @media (max-width: 767px) { table.nutrition-info-table th:not(:first-of-type) {display: none;} div#allergen table.nutrition-info-table th:first-of-type, div#nutrition-info table.nutrition-info-table th:first-of-type {max-width: 100%;min-width: 100%;width: 100%;} section.team-section .custome-slide.owl-carousel .owl-item.active.center {-webkit-transform: none; transform: none;} .note-section-wrap ul.disclimer-allergen-note { display: block; } .note-section-wrap ul.disclimer-allergen-note li { display: inline-block; margin: 5px; width: 30%; } .note-section-wrap ul.disclimer-allergen-note li>p>span { width: 25px; height: 25px; } .note-section-wrap ul.disclimer-allergen-note li>p { margin: 0; } section.team-banner-section h1.banner-title { font-size: 25px; border-bottom: 15px solid transparent; } .promotion-page h3 { font-size: 25px; margin-bottom: 20px; } section.team-section.meet-creator-section, section.sticky-notes-section .sticky-notes-wrap, section.rubber-bookmarks-section, .tattoos-section .image-wrapper, section.coaster-set-section .row-section, section.instagram-giveaway-section .row-section { padding: 20px 0; } .campaign-page section.invert-menu-section .order-section p, .campaign-page section.invert-menu-section .order-section a, .promotion-page.demon-slayer-page section.coaster-set-section .row-section .column-section p, .new-menu-item section.invert-menu-section .cta-wrap a {width: 100%;margin: 0 auto;font-size: 20px;} section.meet-our-team.banner-sub h2, .tattoos-section p, .my-hero-page section.meet-our-team.banner-sub p, section.coaster-set-section .row-section .column-section p, section.instagram-giveaway-section .row-section .column-section p, .we-bare-page .tattoos-section p { margin-bottom: 10px; width: 100%; } .promotion-page.demon-slayer-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content p, .promotion-page.puglie-bikura-page section.coaster-set-section.instagram-giveaway-section .sticky-notes-wrap .row-section .app-content p {padding: 0;} .promotion-page.demon-slayer-page .sticky-notes-wrap p, .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-date, .promotion-page.demon-slayer-page .sticky-notes-wrap .row-section h4, .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-text, .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap p { font-size: 30px;} .promotion-page.pac-page h3, .promotion-page.pac-page section.coaster-set-section .note .note-wrap {margin: 0;} .promotion-page.pac-page .promotion-giveaway-section .column-section .column-wrap img {max-width: 300px;} .promotion-page.demon-slayer-page .tattoos-section .image-wrapper .image {max-width: 250px;} .promotion-page.demon-slayer-page .sticky-notes-wrap {padding: 30px 10px;} section.sticky-notes-section .row-section .column-section { margin: 20px 10px; } section.sticky-notes-section .row-section .column-section .column-wrap, section.rubber-bookmarks-section .row-section .column-section .column-wrap, .tattoos-section .image-wrapper .image { max-width: 500px; width: 100%; margin: 0 auto; } .promotion-page.demon-slayer-page .tatoos-content, .promotion-page.demon-slayer-page section.meet-our-team h2 {padding: 20px 0;} section.coaster-set-section .row-section, section.instagram-giveaway-section .row-section, section.coaster-set-section .row-section .column-section, section.instagram-giveaway-section .row-section .column-section, section.coaster-set-section .note .note-wrap { display: block; width: 100%; } .tattoos-section .image-wrapper .image { margin: 0 auto 20px; } .meet-creator-section .video-wrap { padding: 10px 0; } .meet-creator-section .video-wrap {height: 300px;} section.instagram-giveaway-section .row-section .column-section p {padding-top: 20px;} section.instagram-giveaway-section .row-section .column-section .rules p, section.instagram-giveaway-section .row-section .column-section .giveaway-note p {padding: 0;} section.privacy-policy-page.custom-not-found h1 {font-size: 8rem;} .nutri-info.note-section-wrap {width: 80%;margin: 0 auto;text-align: left;} section.menu-section p.sub-content, .nutrition-menu-section-wrap p.menu-disclaimer-text {width: 100%;} .rewards-page-wrap .bottom-section {max-width: 60%;} section.menu-section h4.menu-item-top-title {margin: 0 0 10px;} table.nutrition-info-table.menu-item-table, table.nutrition-info-table.allergen-menu-table {margin: 5px 0 0;} .teris-kura section.sticky-notes-section .row-section .column-section, section.menu-section div.panel-default div.panel-body {margin: 0 auto;padding: 0;} .teris-kura .coaster-set-section .column-section .column-wrap img {max-width: 300px;} .teris-kura .coaster-set-section .column-section:first-child .column-wrap {text-align: center;} .teris-kura .meet-out-team-wrap-content, .teris-kura .instagram-giveaway-section .sticky-notes-wrap, .promotion-page.demon-slayer-page .sticky-notes-wrap .row-section {padding: 20px 10px;} .teris-kura section.meet-our-team.banner-sub p {font-size: 20px;line-height: 1.2;} .teris-kura section.team-section.meet-creator-section, .teris-kura .team-section-content-wrapper .meet-creator-wrap .row-section {padding: 0;display: block;} .teris-kura .team-section-content-wrapper .meet-creator-wrap h3, .teris-kura section.sticky-notes-section h3, .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content h4 {font-size: 25px;} .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content h5, .teris-kura .instagram-giveaway-section .sticky-notes-wrap .meet-out-team-wrap-content p, .teris-kura .instagram-giveaway-section .sticky-notes-wrap h5 {font-size: 20px;} .teris-kura section.coaster-set-section .note .note-wrap {margin: 20px auto 0;} .promotion-page.tetris-bikkura-page section.coaster-set-section .accordion .card-body { padding-bottom: 25px; } .promotion-page.tetris-bikkura-page p.availability-note { padding: 0 0 10px; } .promotion-page.tetris-bikkura-page .coaster-set-section h4 { font-size: 34px; padding: 20px 0 0; } .promotion-page.tetris-bikkura-page .content-wrap.sushi-box-price h4+p { font-weight: 900; font-size: 22px; } .promotion-page.tetris-bikkura-page .smaller-text-size .promotion-text { font-size: 20px !important; font-size: 12px !important; font-weight: 900 !important; font-family: 'Gotham' !important; font-style: initial !important; width: 100% !important; } .promotion-page.tetris-bikkura-page .tetris-bottom-section h3.tetris-ribbon-title, .promotion-page.tetris-bikkura-page .image-wrapper h3, .promotion-page.tetris-bikkura-page h3.tetris-ribbon-title { font-size: 24px; } .promotion-page.tetris-bikkura-page .sticky-notes-wrap p, .promotion-page.tetris-bikkura-page .tattoos-section p.prize-text span { font-size: 14px; } .promotion-page.tetris-bikkura-page .sticky-notes-wrap .content-wrap p>span { font-size: 36px; } .promotion-page.tetris-bikkura-page .sticky-notes-wrap .content-wrap p>span { font-family: 'Gotham'; font-weight: 900; font-style: italic; } .promotion-page.tetris-bikkura-page section.coaster-set-section .accordion .card-body { padding-bottom: 25px; } .promotion-page.tetris-bikkura-page p.availability-note { padding: 0 0 10px; } .promotion-page.tetris-bikkura-page .sticky-notes-wrap .content-wrap span { font-family: 'GothamBlack'; } .promotion-page.tetris-bikkura-page .t-shirt-giveaway-img { text-align: center; } .promotion-page.tetris-bikkura-page .t-shirt-giveaway-img img { max-width: 350px;opacity: 1; } .promotion-page.tetris-bikkura-page .sticky-notes-wrap p { font-family: 'Gotham'; font-weight: 300; font-style: italic; font-size: 28px; font-family: 'GothamLight'; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span.date-text {margin-left: 5px;} .promotion-page.tetris-bikkura-page .coaster-set-section .column-wrap h4:before { max-width: 240px; } .promotion-page.tetris-bikkura-page .coaster-set-section .column-wrap h4 { font-size: 25px; } .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section .column-section .rules p { font-size: 22px !important; margin-bottom: 10px; line-height: 1.2; font-weight: 900 !important; } .promotion-page.tetris-bikkura-page section.coaster-set-section .note .note-wrap { padding: 0; } .promotion-page.tetris-bikkura-page section.coaster-set-section .text-wrap p { font-size: 10px; } .promotion-page.tetris-bikkura-page p.availability-note { font-size: 19px; } .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span { font-size: 1.3em; letter-spacing: 1px; line-height: 1.2; text-shadow: 1px 1px 1px #000; } .promotion-page.tetris-bikkura-page .cta-wrap a { font-size: 20px; } .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section:before {display: none;} .promotion-page.tetris-bikkura-page .cta-wrap p.tshirt-link {font-size: 20px;max-width: 250px;padding: 10px 0;} .campaign-page section.banner-section .row-section { display: block; width: 100%; } .campaign-page section.banner-section .row-section .column-section { width: 100%; margin: 0 auto 20px; text-align: center; } .campaign-page section.banner-section h1>span {text-align: left;} .campaign-page section.banner-section h3 {margin: 10px auto;font-size: 17px;} .campaign-page section.invert-menu-section .row-section, .campaign-page section.invert-menu-section .row-section:last-child {padding: 50px 0 20px;} .campaign-page section.invert-menu-section .image-wrap {margin-bottom: 10px;} .campaign-page section.invert-menu-section .content-wrap h4 {font-size: 25px;} .campaign-page section.invert-menu-section .content-wrap p {font-size: 18px;} .campaign-page section.banner-section .row-section .column-section .content-wrap p {display: none;} .campaign-page section.banner-section .row-section .column-section .content-wrap.mobile-content-wrap, .campaign-page section.banner-section .row-section .column-section .content-wrap.mobile-content-wrap p {display: block;padding-top: 20px;margin: 0 auto;} .campaign-page section.invert-menu-section {margin-top: -160px;padding-top: 100px;} .campaign-page section.invert-menu-section .menu-content-wrapper {position: static;padding: 30px 0;} .campaign-page section.invert-menu-section .cta-wrap a {padding: 15px 50px;font-size: 20px !important;} section.team-section .owl-carousel .owl-nav .owl-prev, section.team-section .owl-carousel .owl-nav .owl-next {font-size: 25px;background: rgb(255 255 255 / 20%);} section.team-section .owl-carousel .owl-nav .owl-prev i:before, section.team-section .owl-carousel .owl-nav .owl-next i:before {padding: 10px;} section.team-section .owl-carousel .owl-nav .owl-prev {left: 0;} section.team-section .owl-carousel .owl-nav .owl-next {right: 0;} .july-promotion-page .campaign-page section.invert-menu-section { margin-top: 0; padding-top: 50px; } .campaign-page .july-month-campaign section.banner-section h1 { font-size: 2.3rem; } .july-month-campaign h3.invert-section-title { font-size: 30px; } .july-promotion-page .banner-section-wrap img.ribbon-title { max-width: 180px; } .july-promotion-page .container-wrap { max-width: 95vw !important; } .july-promotion-page .slider-section { padding: 50px 0; } .july-promotion-page .campaign-page section.invert-menu-section { padding-top: 20px; } .july-promotion-page .slider-section .owl-carousel .owl-dots { bottom: -40px; } .new-menu-item section.invert-menu-section .image-wrap img {max-width: 250px;} .august-month-discoveries section.invert-menu-section .menu-content-wrapper {padding-top: 60px;} .monthly-discovers-page.campaign-page.august-month-discoveries .container-wrap {max-width: 90vw;} .campaign-page section.invert-menu-section .content-wrapper {margin: 0;} .campaign-page section.invert-menu-section .content-wrap {min-height: 100%;padding: 30px 20px 50px;} .campaign-page.august-month-discoveries h3.invert-section-title {font-size: 45px;line-height: 1.2;} .campaign-page.august-month-discoveries section.invert-menu-section .content-wrap h4 {font-size: 25px;} .promotion-page.pac-page .promotion-giveaway-section .sticky-notes-wrap .text-wrapper p.promotion-text {min-height: auto;} section.coaster-set-section .row-section .column-section {margin-top: 20px;} .promotion-page.halloween-costume-page .ribbon-content {padding: 15px 0;} .promotion-page.halloween-costume-page .tattoos-section p {font-size: 20px;} .halloween-costume-new div#count-down p {font-size: 40px;} .halloween-costume-new div#count-down p>span {font-size: 16px;} .valentines-page section.holiday-column-section {padding: 0 0 30px;} .promotion-page.valentines-page .ribbon-content h3 {font-size: 25px !important;} .dec-promotion-page .campaign-page section.invert-menu-section {padding: 0;} .dec-promotion-page section.invert-menu-section .row-section.even-box h4 {font-size: 25px;} .dec-promotion-page section.invert-menu-section .row-section .column-section .content-wrap {max-width: 100%;padding: 0 10px;} .dec-promotion-page p.invert-section-text, .dec-promotion-page .campaign-page section.invert-menu-section .content-wrap p {font-size: 16px;max-width: 100%;} .dec-promotion-page .campaign-page section.invert-menu-section .row-section {padding: 20px 0;} .promotion-page.demon-slayer-page section.meet-our-team h2, .my-hero-page section.meet-our-team.banner-sub p {margin: 0 auto;padding: 10px 0;} .promotion-page.demon-slayer-page.my-hero-page .bikkura-prize .tattoos-wrap p:last-child, .dc-bikkura .tattoos-section p.prize-text {font-size: 15px;} .benefit-section .tab-content .content-wrap {min-height: auto;margin-bottom: 20px;} section.benefit-section ul.nav-tabs li a {font-size: 25px;} section.benefit-section ul.nav-tabs {max-width: 100%;text-align: center;display: flex;justify-content: center;align-items: center;} section.benefit-section ul.nav-tabs li:first-child a:after {bottom: 5px;max-height: 20px;} .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title {display: none;} .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title.mobile-view, .valentine-content-section .valentine-wrap .seafood-content .row.row-section {display: block;} .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title.mobile-view {padding: 0;margin: 20px auto;} .valentine-content-section hr.line {margin: 20px 0;} .heart-section .heart-content-wrap {flex-direction: column-reverse;} .heart-section .heart-content-wrap .image-wrap {text-align: center;margin: 15px 30px 10px 0;} .valentine-content-section .valentine-wrap h4 {margin: 0 0 30px;font-size: 1.9rem;} .valentine-content-section .valentine-wrap h4 span {display: block;font-size: 15px;} .valentine-content-section .valentine-wrap .note-wrap .cta-wrap a {font-size: 20px;} .valentine-content-section .valentine-wrap {padding: 20px 15px;} .valentine-content-section {padding: 30px 0;} .valentine-content-section .valentine-wrap .limited-time-content h3.valentine-title>span {display: block;padding: 0;} .valentine-content-section .valentine-wrap .limited-time-content h3.valentine-title>span:before {display: none;} .valentine-content-section .valentine-wrap h3.valentine-title, .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title, .valentine-content-section .valentine-wrap .seafood-content h3.valentine-title span {font-size: 26px;padding: 0;} .feb-page .campaign-page section.invert-menu-section {margin: 0 auto;} .feb-page .campaign-page section.invert-menu-section .content-wrap h4 {font-size: 30px;} .feb-page section.invert-menu-section.menu-section .menu-content-wrapper {padding: 0;} .feb-page section.invert-menu-section .image-wrap img {max-width: 250px;} .feb-page .campaign-page section.invert-menu-section .row-section.even-box .column-section:first-child, .feb-page .campaign-page section.invert-menu-section .row-section.odd-box .column-section:first-child {margin: 0 auto;text-align: center;} .feb-page section.invert-menu-section .menu-content-wrapper.top-content {padding: 30px 0;} .feb-page section.invert-menu-section .menu-content-wrapper.top-content p.invert-section-text {width: 100%;max-width: 85%;} .feb-page .monthly-discovers-campaign-page .campaign-top {padding: 30px 0;} .feb-page .campaign-wrapper.container {margin: 0 20px;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .column-wrapper {width: 100%;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4 {width: 75%;} .campaign-page.march-month-discoveries section.invert-menu-section .content-wrapper img {max-width: 100%;margin: 0 auto;} .campaign-page.march-month-discoveries section.invert-menu-section .image-wrap {margin: 0 auto;} .campaign-page.march-month-discoveries section.invert-menu-section .content-wrapper {max-width: 320px;margin: 0 auto 20px;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper {max-width: 80%;} .march-month-discoveries section.invert-menu-section .content-wrap, .april-month-discoveries section.invert-menu-section .content-wrap {min-height: auto;height: 100%;padding: 20px;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .column-wrapper .content-wrapper {padding-top: 50px;text-align: left;} .campaign-page.march-month-discoveries section.invert-menu-section .content-wrapper {max-width: 400px;} .campaign-page.march-month-discoveries section.invert-menu-section h5.kmd-menu-title, .campaign-page.march-month-discoveries section.invert-menu-section p.kmd-menu-sub-title {text-align: left;} .contact-page .form-group.text-center {display: block;} .contact-page .form-section .custom-file {width: 100%;padding-bottom: 30px;text-align: left;} .contact-page .form-section .custom-file span.file-name {position: static;line-height: 1.2;} .contact-page .form-section .custom-file input#fileToUpload {margin-bottom: 20px;} .demon-slayer-2023 .tattoos-section .image-wrapper .image {width: 100%;max-width: 100% !important;} .contact-page form#contact-form .form-group svg {height: 100%;} .new-menu-2023-page section.join-our-team-section .row-section {display: block;width: 100%;margin: 0 auto;} .new-menu-2023-page section.join-our-team-section .row-section .column-section {width: 100%;margin: 0 auto 30px;max-width: 100% !important;} .new-menu-2023-page section.join-our-team-section .find-section {padding: 0 0 30px;} .new-menu-2023-page .find-section .content-wrapper {width: 100%;max-width: 350px;} .new-menu-2023-page .find-section .content-wrapper h4 {font-size: 28px;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title:after {max-width: 30%;} .new-menu-2023-page section.team-banner-section h1 {font-size: 3.5em;} .new-menu-2023-page section.meet-our-team.banner-sub h2 {font-size: 3.25em;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 {font-size: 6em;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 span {font-size:6rem;} .campaign-page.may-month-discoveries section.invert-menu-section .content-wrap p {margin-bottom: 20px;} .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .left-image, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .right-image {display: block;} .promotion-page.we-bare-page .tattoos-section .image-wrapper {padding: 0px 0 20px;} .promotion-page.we-bare-page .divide {margin: 0 auto;} .promotion-page.we-bare-page .tattoos-section .image-wrapper .image {margin: 20px auto !important;} .promotion-page.we-bare-page h3.ribbon-title, .peanuts-page .join-our-team-section .giveaway-image .text-wrap h4 {font-size: 32px;} .promotion-page.we-bare-page .image-wrapper h3 {font-size: 28px;} .promotion-page.we-bare-page .divide img {max-width: 100%;} .promotion-page.we-bare-page .image-wrapper h3>span {font-size: 20px;} .promotion-page.we-bare-page .tattoos-section .image-wrapper.giveaway-image {padding: 0;} .campaign-page.june-month-discoveries section.invert-menu-section .content-wrap h4 {margin-bottom: 10px;} .we-bare-page .tattoos-section .rules p {max-width: 100%;font-size: 22px;line-height: 1;} .we-bare-page .join-our-team-section .giveaway-image .text-wrap .note {margin-top: 30px;} .we-bare-page section.join-our-team-section #creatorvisit .row-section {display: flex;} .we-bare-page section.join-our-team-section #creatorvisit h4.creator-text {font-size: 26px;} .we-bare-page section.join-our-team-section #creatorvisit .row-section .column-section .arrow-image img {max-width: 100px;} .we-bare-page .tattoos-section #creatorvisit .rules p {max-width: 95%;} .campaign-page.july-month-discoveries section.invert-menu-section .content-wrapper {max-width: 320px;} .new-menu-2023-page section.join-our-team-section .row-section .col-md-offset-3.column-section {max-width: 100% !important;width: 100%;margin: 0 auto;} .july-month-discoveries .banner-wrap img.desktop-view {display: none;} .july-month-discoveries .banner-wrap img.mobile-view, section.meet-our-team.banner-sub.rolling-rewards h3>br {display: block;} .we-bare-page section.join-our-team-section #creatorvisit .row-section.come-together .column-section .arrow-image img {max-width: 140px;bottom: -60px;} .promotion-page.dc-bikkura #giveaway.tattoos-section .image-wrapper {padding: 0;} .campaign-page.august-2023-month-discoveries section.invert-menu-section {padding: 30px 0 !important;} .campaign-page.august-2023-month-discoveries section.invert-menu-section .menu-content-wrapper {padding: 0;} .campaign-page.august-2023-month-discoveries .invert-menu-section .menu-content-wrapper .row {padding: 30px 0 0 !important;} .campaign-page.august-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title {font-size: 25px;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title {font-size: 30px;} .sep-2023-month-discoveries section.invert-menu-section .content-wrap {min-height: 220px;}section.terms-condition-page h4 {font-size: 22px;} section.terms-condition-page p {font-size: 15px;line-height: 2;} .kura-rewards-app section.team-banner-section h1, .kura-rewards-app .section-title, section.checkout-faq .checkout-wrap .content-wrap h3 {font-family: 'Gotham Ultra' !important;} .kura-rewards-app .hungry-features .row, .faq-section div.tab-wrapper .tab-content .menu-category-cta {display: block;} .hungry-features.video-section .play_btn {width: 50%;} .hungry-features.video-section .play_btn img {top: 45%;} .kura-rewards-app .hungry-features .row .column-wrap.video-wrap {margin-top: 30px;} .faq-section div.tab-wrapper .tab-item.active h3 {margin-bottom: 0;} .faq-section div.tab-wrapper ul li img {max-width: 135px !important;} .kura-rewards-app section.team-banner-section h1 {font-size: 3em !important;} .faq-section div.tab-wrapper .tab-content .menu-category-cta {margin: 0 auto;max-width: 100%;} .kura-rewards-app .hungry-features h4.section-title, section.checkout-faq .checkout-wrap .content-wrap h3, .kura-rewards-app h3.section-title {margin: 15px auto;} section.checkout-faq .checkout-wrap .content-wrap .cta-wrap {margin-bottom: 35px;} .kura-rewards-app .rolling-rewards .border-image img {height: 125px;} .kura-rewards-app .team-banner-section .download-wrap {display: block;} .peanuts-page .cloud-wrap img.cloud-left {max-width: 150px;left: -30px;} .peanuts-page .team-banner-wrap img {max-width: 90%;} .peanuts-page .tattoos-section {padding: 80px 0 0;position: relative;z-index: 1;} .peanuts-page .cloud-wrap img.cloud-right {right: -10%;} .peanuts-page .tattoos-section.content-section {padding: 0;} .peanuts-page .tattoos-section p {font-size: 25px;} .promotion-page.peanuts-page #giveaway h3.ribbon-title {padding: 53px 0 0;} .peanuts-page section.team-banner-section h1.banner-title strong {display: block;} .news-room-page .banner-sub-section.news-section .release-details-wrap {align-items: center;} .news-room-page .banner-sub-section.news-section .release-details-wrap .text-wrap {display: block;max-width: 80%;} .news-room-page .banner-sub-section.news-section .release-details-wrap .news-title {margin-top: 10px;max-width: 100%;} .news-room-page .banner-sub-section.news-section .news-card .release-details-box p span {display: inline-block;position: relative;padding-left: 15px;font-size: 16px;} .news-room-page .banner-sub-section.news-section .news-card .release-details-box p span:before {position: absolute;content: "—";left: 0;} .news-room-page .banner-sub-section.news-section .news-card .release-details-box p {font-size: 16px;} .news-room-page .banner-sub-section.news-section .news-banner {max-width: 20%;} .news-details-page .read-more-sec .read-more-card {margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;} .news-details-page .read-more-sec .read-more-card .press-card {display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;} .news-details-page .read-more-sec .read-more-card .press-card img {width: 100%;max-width: 25%;} .news-details-page .read-more-sec .read-more-card .read-more-text {padding-right: 5px;} .news-details-page .read-more-sec .col-md-4:first-child .read-more-card {border-top: 1px solid #ddd;padding: 15px 0;} .news-details-page .read-more-sec .col-md-4:last-child .read-more-card {border: none;padding-bottom: 0;} .news-details-page .read-more-sec p.category-title {margin: 0;} .news-details-page .title-wrap {display: block;margin: 0 0 20px;} .news-details-page .title-wrap a.download-btn {margin: 20px 0 0;} .feb-2024-kmd .banner-section img.banner-bg {display: none;} .feb-2024-kmd .banner-section img.banner-bg.mobile-view {display: block;} .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box {padding-top: 50px !important;} .feb-2024-kmd .banner-bottom img {bottom: -40px;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper p, .campaign-page.campaign-page.feb-2024-kmd section.invert-menu-section h5.kmd-menu-title {text-align: center !important;} .campaign-page.feb-2024-kmd section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {padding: 15px;} .campaign-page.feb-2024-kmd .bg-section {background-repeat: repeat-y;background-size: 100%;} .march-2024-kmd .banner-bottom {padding: 0px 0 50px;} .march-2024-kmd .banner-bottom img {bottom: -50px !important;max-width: 250px !important;right: 0; max-width: 90% !important; left: 38%;} .march-2024-kmd .banner-bottom-wrap h2 {font-size: 25px; font-size: 18px;} .campaign-page.march-2024-kmd .banner-section h1 {font-size: 7em !important;} .dragon-ball .owl-nav .owl-next:before, .owl-nav .owl-prev:before {content: "\f104";font-family: Fontawesome;font-size: 28px;line-height: 1;} .dragon-ball .owl-nav .owl-next:before {content: "\f105";} .dragon-ball .owl-nav .owl-next, .owl-nav .owl-prev {position: absolute;left: 0;top: 50%;font-size: 0;width: 30px;height: 30px;padding-right: 3px;background: #ccc;line-height: 1;border-radius: 50%;color: #333;text-align: center;} .dragon-ball .owl-nav .owl-next {left: auto;right: 0;padding-right: 0;padding-left: 3px;} .dragon-ball .desktop-version {display: none;} .dragon-ball .mobile-version {display: block;} .dragon-ball .product-section h3 {text-transform: uppercase;text-align: center;margin: 20px 0;font-size: 20px;} .dragon-ball .banner-sub-section .row-section .content-wrap {max-width: 100%;} .dragon-ball .banner-sub-section .row-section {justify-content: space-between;padding: 20px 15px 30px;} .dragon-ball .banner-sub-section .row-section .column-section { display: inline-block; width: 100%; max-width: 56%; padding: 0; } .dragon-ball .banner-sub-section .row-section .column-section:last-child {max-width: 49%;} .dragon-ball .banner-sub-section .row-section .cta-wrap a {padding: 10px 25px;} .dragon-ball .banner-sub-section .row-section .content-wrap p {margin: 10px 5px 10px 0;} .dragon-ball .overlay-section .bottle-set-sec, .dragon-ball .overlay-section .giveaway-sec {padding: 50px 50px 350px;background-position: center;} .dragon-ball .overlay-section .bottle-set-sec {background-image: url(../jpg/dragon-bottle-set-mobile.jpg);} .dragon-ball .overlay-section .giveaway-sec {background-image: url(../jpg/dragon-tshirt-mobile.jpg)} } @media (max-width: 680px) { .promotion-page.holiday2021-page .ribbon-content h3 {letter-spacing: 2px;font-size: 25px;margin: 0;} .holiday2021-page section.join-our-team-section .ribbon-content {padding: 15px;} .holiday2021-page section.join-our-team-section .ribbon-content p, .holiday2021-page section.join-our-team-section .ribbon-content p>a, .promotion-page.holiday2021-page .bottom-section p {margin: 0 auto;width: 100%;font-size: 18px !important;padding: 0 !important;} .holiday2021-page section.join-our-team-section .ribbon-content br {display: none;} .holiday2021-page section.holiday-column-section .menu-bottom .cta-wrap a {font-size: 20px;padding: 5px 50px;} .holiday2021-page section.holiday-column-section {padding: 20px 0;} .promotion-page.valentines-page .ribbon-content h3 {font-size: 30px;letter-spacing: 5px;} .dec-promotion-page .owl-item img {max-width: 500px;margin: 0 auto;width: 100%;} .dec-promotion-page .slider-section .owl-carousel .owl-dots {bottom: 0;} .dec-promotion-page .slider-section .owl-carousel {padding: 20px 0 50px !important;} .dec-promotion-page h3.invert-section-title, .dec-promotion-page p.invert-section-text {max-width: 100%;} .dec-promotion-page h3.invert-section-title {font-size: 35px;} .dec-promotion-page .campaign-page section.invert-menu-section .order-section .order-section-wrap {padding: 10px;} .feb-page .campaign-page section.invert-menu-section .order-section .order-section-wrap {padding: 30px 20px 50px;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4, .campaign-page.march-month-discoveries section.invert-menu-section .menu-content-wrapper {width: 100%;} section.upcoming-location-section .upcoming-wrap {margin-top: 30px;} /* section.upcoming-location-section .location-list p {max-width: 30%;}*/ section.upcoming-location-section h3.section-title {font-size: 2.5em !important;} section.upcoming-location-section p {font-size: 20px;} .we-bare-page section.join-our-team-section #creatorvisit h4.creator-text {font-size: 20px;margin-bottom: 50px;} .we-bare-page section.join-our-team-section #creatorvisit h4.creator-text br {display: none;} .we-bare-page section.join-our-team-section #creatorvisit .row-section .column-section .arrow-image img {bottom: -20px;} .promotion-page.we-bare-page .tattoos-section #creatorvisit .row-section .image img {max-width: 200px !important;} .we-bare-page section.join-our-team-section #creatorvisit .row-section.come-together .column-section .arrow-image img {bottom: -40px;rotate: 10deg;} .campaign-page.august-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title {font-size: 25px !important;} .august-2023-month-discoveries .promotion-rewards-section .col-xs-6 {padding: 0;} .campaign-page.sep-2023-month-discoveries section.invert-menu-section h5.kmd-menu-title br {display: none;} .faq-section div.tab-wrapper ul {display: block;text-align: center;} .faq-section div.tab-wrapper ul li.tab-item {display: inline-block;vertical-align: middle;width: 100%;max-width: 49%;margin-bottom: 15px;} .faq-section div.tab-wrapper .tab-item h3, .faq-section div.tab-wrapper .tab-item.active h3 {min-height: auto;} section.faq-section h3.faq-titles br {display: block;} .promotion-page.we-bare-page .tattoos-section .image-wrapper {max-width: 100%;} .peanuts-page .cloud-wrap img.cloud-left {top: 85%;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-left {top: 20%;left: -10px;} .dragon-ball .bikkura-pon-section {padding: 30px 0;background-position: 25% 10%;} .dragon-ball .overlay-section .bottle-set-sec, .dragon-ball .overlay-section .giveaway-sec {padding: 50px 30px 300px;} } @media (max-width: 575px) { .campaign-page section.invert-menu-section .row-section.odd-box .column-section:first-child, .campaign-page section.invert-menu-section .row-section.even-box .column-section:nth-child(2), .campaign-page section.invert-menu-section .row-section.odd-box .column-section:nth-child(2), .campaign-page section.invert-menu-section .row-section.even-box .column-section:first-child, .campaign-page section.banner-section h3 { text-align: center; margin: 0 auto; width: 100%; } .campaign-page section.invert-menu-section .row-section { display: block; width: 100%; } section.location-page-wrap .location-detail-wrapper .store-btn-wrap button { margin: 10px; width: auto; } .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-text, .promotion-page.demon-slayer-page .sticky-notes-wrap p, .promotion-page.demon-slayer-page .sticky-notes-wrap p, .promotion-page.demon-slayer-page .sticky-notes-wrap p.promotion-date {font-size: 20px;} section.location-page-wrap .menu-detail-accordion-wrap a.location-btns2 {display: block;} .team-section-wrap.desktop-view {display: none;} .team-section-wrap.mobile-view {display: block;} section.team-section .team-section-wrap.mobile-view .flip-box { background-color: transparent; width: 100%; height: 550px; /*perspective: 1000px; */ } section.team-section .team-section-wrap.mobile-view .flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } section.team-section .team-section-wrap.mobile-view .flip-box .flip-box-inner.active { transform: rotateY(180deg); } section.team-section .team-section-wrap.mobile-view .flip-box-front, section.team-section .team-section-wrap.mobile-view .flip-box-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; } section.team-section .team-section-wrap.mobile-view .flip-box-front { color: #000; } section.team-section .team-section-wrap.mobile-view .flip-box-back { color: #FFF; transform: rotateY(180deg); padding: 20px; opacity: 0; /*visibility: hidden;*/ transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } section.team-section .team-section-wrap.mobile-view .flip-box-inner.active .main-reviewimage img, section.team-section .team-section-wrap.mobile-view .flip-box-inner.active .owl-item-content {opacity: 0; /*visibility: hidden;*/} section.team-section .team-section-wrap.mobile-view .main-reviewimage img, section.team-section .team-section-wrap.mobile-view .flip-box-inner.active .flip-box-back {filter: grayscale(0%);width: 100%;height: 100%;visibility: visible; opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;object-fit: cover;object-position: top;} section.team-section {padding: 30px 0;} section.team-section .team-section-wrap.mobile-view .team-image {margin: 10px auto;} .back.face.back-flip {position: absolute;} section.team-section .team-section-wrap.mobile-view .owl-item-content {visibility: visible;opacity: 1;bottom: 20px;} section.team-section .team-section-wrap.mobile-view .owl-item-content h3.team-title {margin: 5px;} .location-details-frame .sign-up-section {width: 100%;padding: 15px;} section.instagram-giveaway-section .row-section .column-section .rules p {font-size: 18px;} .location-list-wrap .search-result ul.search-list-wrap li.search-list-item button.more-cta {display: none;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content p, .location-list-wrap .search-result ul.search-list-wrap .search-list-hours {font-size: 13px;} .location-list-wrap .search-result ul.search-list-wrap .search-list-image {width: 115px;height: 100%;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content h4 {font-size: 14px;margin-bottom: 0;} .note-section-wrap ul.disclimer-allergen-note li {width: calc(25% - 15px);margin: 0 5px 5px 0;} .note-section-wrap ul.disclimer-allergen-note li>p {font-size: 11px;} .note-section-wrap ul.disclimer-allergen-note li>p>span {width: 18px;height: 18px;margin-right: 0px;} section.menu-section p.sub-content, .nutrition-menu-section-wrap p.menu-disclaimer-text, p.menu-disclaimer-text {font-size: 9px;line-height: 1.2;} section.nutrition-menu-section ul.nav.nav-pills>li.active a {padding-bottom: 14px;} section.menu-section {padding: 0 0 30px;} section.team-section.mobile-view .custome-slide .team-popup-content {align-items: baseline;} .july-promotion-page .container-wrap { max-width: 100vw !important; } .july-promotion-page .banner-section-wrap img.ribbon-title { max-width: 100px; margin: 0 auto; } .campaign-page .july-month-campaign section.banner-section h1 { margin: 25px 0; font-size: 20px; } .new-menu-item section.invert-menu-section .row-section.even-box .column-section .content-wrap, .new-menu-item section.invert-menu-section .row-section .column-section .content-wrap {margin: 20px auto 0;} .new-menu-item section.invert-menu-section .even-box .image-wrap, .new-menu-item section.invert-menu-section .image-wrap {text-align: center;} .new-menu-item section.invert-menu-section .image-wrap img {max-width: 100%;} .monthly-discovers-page.campaign-page .container-wrap {max-width: 100%;} .new-menu-item h3.invert-section-title, .new-menu-item section.invert-menu-section .content-wrap h4, .new-menu-item p.invert-section-text, .new-menu-item section.invert-menu-section .content-wrap p {padding: 0 10px;font-size: 25px;} .new-menu-item h3.invert-section-title, .new-menu-item section.invert-menu-section .content-wrap h4 {font-size: 35px;line-height: 1.2;} .teris-kura .meet-out-team-wrap-content, .teris-kura .instagram-giveaway-section .sticky-notes-wrap, .promotion-page.demon-slayer-page .sticky-notes-wrap .row-section {padding: 10px;} .promotion-page.tetris-bikkura-page section.coaster-set-section .text-wrap p {font-size: 5px;} .promotion-page.tetris-bikkura-page .cta-wrap p.tshirt-link {max-width: 180px;padding: 5px 0;font-size: 16px;} .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section .column-section .note-wrap p {font-size: 14px !important;padding: 0 20px 20px;} .promotion-page.tetris-bikkura-page section.coaster-set-section .row-section .column-section .rules p {font-size: 18px !important;width: 100%;padding: 0 15px;} .promotion-page.tetris-bikkura-page .t-shirt-giveaway-img img {max-width: 350px;transform: rotate(10deg) !important;} .promotion-rewards-wrap .post-wrapper a {font-size: 15px;} .promotion-page.tetris-bikkura-page .coaster-set-section h4 {margin: 10px 0;} .promotion-page.pac-page .promotion-giveaway-section .sticky-wrapper {padding: 15px 20px;} .halloween-costume-new div#count-down p {margin: 0 5px;font-size: 28px;} .halloween-costume-new div#count-down p>span {font-size: 14px;} .faq-section div.tab-wrapper ul {display: block;text-align: center;} section.faq-section .card-head h4 {font-size: 20px;line-height: 1.2;} section.faq-section .card-head h4 span.toggle-arrow {height: 100%;top: 0;} section.faq-section .faq-card-wrap {padding: 0 0 20px;} .dec-promotion-page section.invert-menu-section .row-section.even-box h4, .dec-promotion-page section.invert-menu-section .row-section.even-box p {text-align: left;} .dec-promotion-page section.invert-menu-section .image-wrap img {max-width: 100%;margin: 30px 0 10px;} .dec-promotion-page .banner-section-wrap .title-wrap img.mobile-image {display: block;} .dec-promotion-page .banner-section-wrap .image-wrap.desktop {display: none;} .dec-promotion-page .banner-section-wrap .title-wrap {padding: 20px 10px 0;} .dec-promotion-page section.invert-menu-section .row-section {display: block;width: 100%;padding: 0 !important;overflow: hidden;} .jan-page .banner-section-wrap .image-wrap.desktop {display: block;} section.benefit-section ul.nav-tabs li a {font-size: 20px;padding: 0 15px;} .heart-section .heart-content-wrap img {max-width: 250px;} .feb-page .campaign-page section.invert-menu-section .content-wrap p, .feb-page .campaign-page section.invert-menu-section .content-wrap h4 {text-align: center !important;} .feb-page .campaign-page section.invert-menu-section .row-section {width: 80%;margin: 0 auto;padding-bottom: 50px !important;} .feb-page section.invert-menu-section .image-wrap img {margin: 0 auto 10px;} .feb-page .campaign-page section.invert-menu-section .content-wrap h4 {font-size: 28px;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .column-wrapper .content-wrapper {padding-top: 20px;} .contact-page .meet-out-team-wrap h1 {margin: 0 auto;} .contact-page .form-section {max-width: 95%;} .contact-page .form-section .form-group.text-center {display: block;padding: 0;} .demon-slayer-2023 section.meet-our-team img.left-img {top: 60%;} .demon-slayer-2023 section.join-our-team-section .tatoos-content img.right-img {top: 3%;right: -220px;} .demon-slayer-2023 .tattoos-section .image-wrapper img.left-img {left: -180px;top: 5%;} .promotion-page.demon-slayer-2023 .tattoos-section .image-wrapper .image {width: 100%;max-width: 100% !important;margin: 20px auto;} .demon-slayer-2023 section#giveaway img.right-img.right-bottom {top: 0;} .demon-slayer-2023 section#giveaway img.left-img.left-bottom {bottom: 25%;left: -200px;} .demon-slayer-2023 .tattoos-section p.small-text {font-size: 18px;} section.upcoming-location-section .location-list p {max-width: 50%;} .new-menu-2023-page section.meet-our-team.banner-sub h2 {font-size: 32px;} .new-menu-2023-page section.meet-our-team.banner-sub h2:after {max-width: 70%;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title:after {max-width: 55%;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 {line-height: 1.5;font-size: 4em;margin: 10px auto 0;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 span {font-size: 4rem;} .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .left-image, .campaign-page.may-month-discoveries section.invert-menu-section.march-kmd-box .right-image {opacity: 0.3;} .promotion-page.we-bare-page .tattoos-section .image-wrapper .column-section .image, .promotion-page.we-bare-page section.join-our-team-section .row-section .column-section:first-child, .promotion-page.we-bare-page section.join-our-team-section .row-section .column-section {margin: 0 auto !important;} .dc-bikkura .tattoos-section p.prize-text br {display: none;} .faq-section div.tab-wrapper ul {display: block;text-align: center;} section.faq-section .faq-card-wrap h3.panel-title a {font-size: 18px !important;} .kura-rewards-app .hungry-features video#rewards-video {max-width: 300px;} .faq-section div.tab-wrapper ul li img {max-width: 120px !important;} .hungry-features.video-section .play_btn {width: 90%;} .peanuts-page .cloud-wrap img.cloud-left, .peanuts-page .cloud-wrap img.cloud-right {max-width: 120px;} .peanuts-page section.team-banner-section h1.banner-title {font-size: 28px;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-left {top: 22%;max-width: 100px;} .peanuts-page section.team-banner-section h1.banner-title br {display: block;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-right {top: 45%;} .news-details-page .gallery-sec .image-card {max-width: 45%;} .news-details-page .read-more-sec h3, .gallery-sec h3 {font-size: 26px;} .news-details-page .read-more-sec h4 {font-size: 20px;} .feb-2024-kmd .banner-bottom img {bottom: -35px;max-width: 300px;} .march-2024-kmd .banner-bottom img {left: 40%;} .dragon-ball .overlay-section .bottle-set-sec .image-wrap, .dragon-ball .overlay-section .giveaway-sec .image-wrap {max-width: 50%;} .dragon-ball .banner-sub-section .row-section .content-wrap p {font-size: 12px;margin: 5px 0;line-height: 1.2;} .dragon-ball .banner-sub-section .row-section .column-section:last-child {padding: 0 10px;} .dragon-ball .banner-sub-section .row-section .cta-wrap a {font-size: 14px;padding: 5px 10px;} .dragon-ball .banner-sub-section .row-section .cta-wrap {margin: 0;} .dragon-ball .banner-sub-section .row-section {padding: 10px;} .dragon-ball .banner-sub-section img.mobile-img {display: block;} .banner-sub-section img.desk-img {display: none;} .dragon-ball .bikkura-pon-section {background-position: 0% 10%;} .dragon-ball .bikkura-pon-section .bikkura-pon-wrap p {font-size: 12px;margin-bottom: 10px;line-height: 1.2;} .dragon-ball .container {max-width: 95%;} .dragon-ball .bikkura-pon-section .bikkura-pon-wrap h2, .dragon-ball .overlay-section h4 {font-size: 20px;} } @media (max-width: 500px) { .march-2024-kmd .banner-bottom img {left: 45%;} } @media (max-width: 480px) { section.team-section .team-section-wrap.mobile-view .flip-box {height: 450px;margin: 0 auto;} section.team-section .main-reviewimage {height: 420px;} section.location-page-wrap .location-detail-content-wrap .location-btns2, section.location-page-wrap div.location-employment-btn-wrap {width: 100%;} section.sticky-notes-section .row-section .column-section .column-wrap, section.rubber-bookmarks-section .row-section .column-section .column-wrap, .tattoos-section .image-wrapper .image {max-width: 200px;} section.menu-section button.dbc_lightbox img {width: 100%;background-color: #ddd;height: 100%;} .nutri-info.note-section-wrap {width: 100%;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content h4 {font-size: 13px;} .location-list-wrap .search-result ul.search-list-wrap .search-list-content p, .location-list-wrap .search-result ul.search-list-wrap .search-list-hours, .location-list-wrap .search-result ul.search-list-wrap .search-list-content h4 .miles-count {font-size: 12px;} .rewards-page-wrap .bottom-section {max-width: 100%;} section.location-page-wrap .menu-detail-accordion-wrap a.location-btns2 {margin: 10px 0;} section.newsletter-section h3.section-title, .sign-up-section h3, section.newsletter-section {font-size: 17px !important;} .location-details-frame .sign-up-section p {font-size: 15px;} .rewards-banner-section :not(#tve) [data-css="tve-u-16d41bd85c2"] {font-size: 13px !important;} .halloween-costume-new div#count-down p {margin: 0 5px;max-width: 20%;font-size: 25px;} .halloween-costume-new div#count-down p>span {font-size: 12px;} .valentine-content-section .valentine-wrap .seafood-content ul {max-width: 160px;padding: 0;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper {max-width: 100%;padding: 20px;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper h4 {margin: 15px 0;font-size: 25px;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .col-md-6:first-child .content-wrapper p, .campaign-page.march-month-discoveries section.invert-menu-section p.kmd-menu-sub-title, .campaign-page.march-month-discoveries section.invert-menu-section h5.kmd-menu-title {width: 100%;padding: 0;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper {width: 100%;max-width: 100%;} .campaign-page.march-month-discoveries section.invert-menu-section, .campaign-page.march-month-discoveries .invert-menu-section .menu-content-wrapper .row {padding: 30px 0 !important;} .campaign-page.march-month-discoveries section.invert-menu-section .menu-content-wrapper {padding: 0;} .campaign-page.march-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.march-month-discoveries section.invert-menu-section h5.kmd-menu-title {font-size: 30px;} section.upcoming-location-section .location-list p {max-width: 100%;} .new-menu-2023-page section.join-our-team-section .row-section p {font-size: 20px;} .new-menu-2023-page .find-section .content-wrapper {padding: 10px;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title, .new-menu-2023-page .find-section .content-wrapper h4 {font-size: 25px;line-height: 1.2;} .new-menu-2023-page .find-section .content-wrapper .cta-wrap {padding: 30px 0;} .new-menu-2023-page section.meet-our-team h2, .new-menu-2023-page section.meet-our-team p {font-size: 22px;} .new-menu-2023-page .find-section .content-wrapper p {width: 95%;} .new-menu-2023-page .find-section .content-wrapper .cta-wrap a {font-size: 20px;padding: 10px 30px;} .new-menu-2023-page section.join-our-team-section .row-section h3.menu-title:after {max-width: 80%;} .new-menu-2023-page section.promotion-rewards-section {border-top: 30px solid transparent !important;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 {line-height: 1.3;font-size: 3em;} .campaign-page.may-month-discoveries .july-month-campaign section.banner-section h1 span {font-size: 3rem;} .promotion-page.we-bare-page .tattoos-section #creatorvisit .row-section .image img{max-width: 165px !important;} .we-bare-page section.join-our-team-section #creatorvisit h4.creator-text {font-size: 16px;padding: 0 0 0 5px;} .we-bare-page section.join-our-team-section #creatorvisit .row-section .column-section .arrow-image img {max-width: 70px;bottom: 0;} .campaign-page.july-month-discoveries section.invert-menu-section.march-kmd-box .content-wrapper h4, .campaign-page.july-month-discoveries section.invert-menu-section h5.kmd-menu-title {font-size: 28px;} .we-bare-page section.join-our-team-section #creatorvisit .row-section.come-together .column-section .arrow-image img {max-width: 100px;bottom: -10px;} .campaign-page.august-2023-month-discoveries .invert-menu-section .menu-content-wrapper .row {padding: 30px 0 0 !important;} .peanuts-page .tattoos-section {padding: 30px 0 0;} .peanuts-page .cloud-wrap img.cloud-left, .peanuts-page .cloud-wrap img.cloud-right {max-width: 100px;} .peanuts-page .tattoos-section p {font-size: 22px;} .peanuts-page section.team-banner-section h1.banner-title {font-size: 24px;} .peanuts-page section.team-banner-section h1.banner-title br {display: block;} .peanuts-page .cloud-wrap img.cloud-right {top: 35%;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-right {top: 42%;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-left {top: 18%;} .news-room-page section.team-banner-section h1.banner-title {font-size: 28px;} .news-room-page .banner-sub-section.news-section .release-details h4 {font-size: 18px;} .news-room-page .banner-sub-section.news-section .release-details-wrap .news-title {margin-top: 5px;} .news-room-page .banner-sub-section.news-section {padding: 30px 0;} .news-room-page .banner-sub-section.news-section .news-card {padding: 10px 0 15px;} .news-room-page .banner-sub-section.news-section .release-details-wrap .text-wrap {max-width: 75%;} .news-room-page .banner-sub-section.news-section .news-banner {max-width: 25%;} .news-room-page .container.banner-sub-wrap {padding: 0 10px;} .campaign-page.march-2024-kmd .banner-section h1 {font-size: 4.5em !important;} .march-2024-kmd .banner-bottom img {max-width: 220px !important; max-width: 90% !important;bottom: -45px !important;} .dragon-ball .overlay-section .bottle-set-sec, .dragon-ball .overlay-section .giveaway-sec {padding: 15px 15px 240px;} .dragon-ball .overlay-section p {font-size: 12px;} } @media (max-width: 394px) { .note-section-wrap ul.disclimer-allergen-note li {width: calc(27% - 15px);margin: 0 5px 5px 0;} .campaign-page section.banner-section h1 { font-size: 3em; } .campaign-page section.banner-section h3 { font-size: 14px; } .campaign-page section.banner-section h3>span { margin-left: 8px; font-size: 12px; padding: 2px 5px; } .campaign-page section.banner-section h1>span { font-size: 20px; } } @media (max-width: 379px) { section.team-section .owl-carousel .owl-nav .owl-prev, section.team-section .owl-carousel .owl-nav .owl-next {top: 30%;} section.team-section .owl-carousel .owl-nav .owl-next {right: -10px;} section.team-section .owl-carousel .owl-nav .owl-prev {left: -10px;} } @media (max-width: 375px) { .promotion-page.tetris-bikkura-page .coaster-set-section h4.color-title span {font-size: 1.1em;} .promotion-page.tetris-bikkura-page .coaster-set-section h4 {font-size: 32px;} .promotion-page.tetris-bikkura-page .t-shirt-giveaway-img img {max-width: 280px;} .promotion-page.we-bare-page .tattoos-section #creatorvisit .image a {padding: 0;} .we-bare-page section.join-our-team-section #creatorvisit h4.creator-text {font-size: 14px;padding: 0 0 0 5px;} .we-bare-page section.join-our-team-section #creatorvisit .row-section .column-section .arrow-image img {left: 10px;} .promotion-page.we-bare-page .tattoos-section #creatorvisit .row-section .image img {max-width: 140px !important;} .peanuts-page .cloud-wrap img.cloud-left {top: 78%;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-left {top: 18%;} .peanuts-page .tattoos-section .cloud-wrap.clouds-wrapper img.cloud-right {top: 40%;} .news-room-page .banner-sub-section.news-section .release-details h4 {font-size: 16px;} .feb-2024-kmd .banner-bottom img {max-width: 250px;left: 45%;} .dragon-ball .bikkura-pon-section .bikkura-pon-wrap h2, .dragon-ball .overlay-section h4 {font-size: 16px;} .dragon-ball .bikkura-pon-section {background-position: 36% 10%;} .dragon-ball .overlay-section .bottle-set-sec, .dragon-ball .overlay-section .giveaway-sec { padding: 15px 15px 160px; } .dragon-ball .banner-sub-section img.mobile-img {transform: scale(1.15s);} } @media (max-width: 320px) { section.menu-section ul.nav-pills>li>a, section.menu-section .nav-pills>li.active>a, section.menu-section ul.nav-pills>li>a, section.nutrition-menu-section ul.nav.nav-pills>li>a, section.nutrition-menu-section ul.nav.nav-pills>li.active a {font-size: 15px;padding:8px;} .campaign-page section.banner-section h1 {font-size: 2.5em;} .campaign-page section.banner-section h1>span {font-size: 18px;} .campaign-page section.banner-section h3>span {font-size: 10px;} .campaign-page section.banner-section h3 {font-size: 12px;} .campaign-page section.invert-menu-section .cta-wrap a {padding: 10px 20px;} } /*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { section.location-page-wrap .map-section-wrap {height: 100vh;} } @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) { section.location-page-wrap .map-section-wrap {height: 100vh;} } @media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { section.location-page-wrap .map-section-wrap {height: 80vh;} } @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { section.location-page-wrap .map-section-wrap {height: 80vh;} } */ /* location page css end */ @supports (-webkit-touch-callout: none) { @media (max-width: 900px) { section.team-banner-section h1.banner-title { border-bottom: 20px solid transparent !important; -webkit-border-image: url(../png/cross-lines.png) 85 repeat !important; -o-border-image: url(../border.html) 85 round !important; } } } @supports (-webkit-overflow-scrolling: touch) { input { font-size: 16px; } } @media (max-width: 768px) { .search-list-image img { width: 100%; } #location-hours { width: 100% !important; } #location-address { width: 100% !important; } section.location-page-wrap .job-info-wrap p { font-size: 12px; } } /* our promise */ #ast-scroll-top { display: block !important; bottom: 5px; right: 10px; } .promise-cta-section .finest_content .section-title { margin: 0; font-weight: 600; } .promise-cta-section .finest_content { max-width: 550px; margin: 0 auto; } .promise-cta-section .finest_content p { color: #000; } .promise-cta-section .pd-sec { padding: 30px 0; } .promise-cta-section .row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; justify-content: center; } .promise-cta-section .cta-img img { width: 100%; height: 600px; object-fit: cover; object-position: center; height: 100vh; } .promise-cta-section .pd-0 { padding: 0 !important; } .promise-cta-section .circle-left-path { position: absolute; width: 57%; height: 123%; left: -45%; background-color: #fff; top: -12%; border-radius: 50%; z-index: 0; } .promise-cta-section .circle-right-path { position: absolute; width: 54%; height: 124%; right: -43%; background-color: #fff; top: -12%; border-radius: 50%; z-index: 0; } .promise-cta-section .cta-description .cta-main-title { -webkit-text-stroke: 2px; -webkit-text-stroke-color: #000; color: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 4rem; text-align: center; font-weight: 700; } .promise-cta-section .cta-img { position: relative; overflow: hidden; } .promise-cta-section .cta-description { /* padding: 20px;*/ max-width: 550px; margin: 0 auto; } .promise-cta-section .cta-main-title.brown-color {-webkit-text-stroke-color: #000;color: #544422;} .promise-cta-section .cta-main-title.red-color {-webkit-text-stroke-color: #000;color: #ff0000;} .promise-cta-section .cta-main-title.green-color {-webkit-text-stroke-color: #000000;color: #008037;} .promise-cta-section .our-sub-content + img { max-width: 270px; } .promise-cta-section .d-flex { display: flex; align-items: center; } .promise-cta-section .cta-main-content p, .promise-cta-section .cta-main-content ul li { color: #000; } .promise-cta-section .row-flex:nth-child(3) .d-flex img { top: -30px; position: relative; max-width: 426px; margin-right: -280px; z-index: 80000; } .promise-cta-section .our-sub-content { padding-right: 20px; } .promise-cta-section .mobile-img{ display: none; } .promise-cta-section .desktop-img{ display: block; } .promise-sub-header, h2.promise-sub-header { font-size: 26px; max-width: 786px; margin: auto; font-weight: bold; color: #000; } #wasabi { margin-right: 0; } #vinegar { margin-left: 0; } #broth { margin-right: 0; } .promise-page-wrap .banner-bottom-section-wrap .row-section .column-wrap .image-wrap h4 a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .finest_content { padding: 50px 0; } .promise-cta-section .cta-main-content p, .promise-cta-section .cta-main-content ul li { line-height: 1.4; } .promise-page-wrap { padding-bottom: 75px; } .broth-d-flex{ max-height: 128px; } .promotion-slider .owl-carousel .owl-dots.disabled { display: block; } .who-we-video-section .youtube-wrapper .youtube { background-color: #000; } .who-we-video-section .youtube-wrapper .youtube .play-button { height: 50px; z-index: 1; opacity: 0.8; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); max-width: 100px } .main-navigation ul#primary-menu li.menu-item.ast-submenu-expanded:focus-within ul.sub-menu { left: 0; right: auto; visibility: visible; } @media (min-width:1200px) and (max-width:1366px){ .promise-cta-section .cta-description .cta-main-title { font-size: 3rem; } .promise-cta-section .our-sub-content + img { max-width: 220px; } .promise-cta-section .row-flex:nth-child(3) .d-flex img { max-width: 360px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .promise-cta-section .cta-img img{ height: 50vh; } section.video-section .video_wrap { height: 33vh; height: 350px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){ .promise-cta-section .cta-img img { height: 60vh; } } @media (min-width:992px) and (max-width:1199px){ .promise-cta-section .row-flex:nth-child(3) .d-flex img { max-width: 350px; } .promise-cta-section .cta-description { padding: 15px; } .promise-cta-section .cta-description .cta-main-title { font-size: 3rem; margin: 0; line-height: 1.2; } .promise-cta-section .our-sub-content + img { max-width: 225px; } .promise-page-wrap .banner-bottom-section-wrap .row-section .column-wrap .image-wrap { height: 400px; } section.video-section .video_wrap { height: 50vh; min-height: 350px; } .finest_content { padding: 30px 0; } } @media (max-width:991px){ section.video-section .video_wrap { width: 100%; height: 33vh; min-height: 350px; } .orders-2 { order: 1; } .orders-1 { order: 2; } .promise-cta-section .d-flex { flex-wrap: wrap; align-items: center; justify-content: center; } .promise-cta-section .mobile-img { display: block; } .promise-cta-section .desktop-img { display: none; } .promise-cta-section .circle-left-path { display: none; } .promise-cta-section .cta-img img { height: 40vh; } .promise-cta-section .circle-right-path { display: none; } .promise-page-wrap { padding-bottom: 40px; } #wasabi { margin-right: auto; } #broth { margin-right: auto; } #vinegar { margin-left: auto; } .mobile-top-circle-path { position: absolute; width: 100%; right: 0; background-color: #ffffff; border-radius: 50%; top: -5vh; height: 10vh; z-index: 1; left: 0px; } .mobile-bottom-circle-path { position: absolute; width: 100%; right: 0; background-color: #ffffff; border-radius: 50%; top: auto; height: 10vh; z-index: 0; left: 0px; bottom: -5vh; } .promise-cta-section .cta-description { position: relative; z-index: 2; } .note-section-wrap ul.disclimer-allergen-note li>p {margin: 0 10px 0 0;} div#allergen table.nutrition-info-table th:not(:first-of-type) div {width: 4em;} } @media (max-width: 767px) { .promise-sub-header { font-size: 16px; } .promise-page-wrap { padding-bottom: 10px; } .promise-page-wrap .banner-bottom-section-wrap .row-section .column-wrap .image-wrap { height: 150px; } section.video-section .video_wrap { width: 100%; height: 25vh; } .finest_content { padding: 0px 0; } .finest_content .section-title { font-size: 22px; margin: 15px 0; line-height: 1.3; } .finest_content .section-title { font-size: 22px; margin: 15px 0; line-height: 1.3; } .cta-description { padding: 0 15px; } .promise-cta-section .cta-description .cta-main-title { font-size: 3rem; line-height: 1.2; } .promise-cta-section .cta-img img { height: 35vh; } .promise-cta-section .circle-left-path { display: none; } .cta-description { position: relative; z-index: 2; } .mobile-top-circle-path { position: absolute; width: 100%; right: 0; background-color: #ffffff; border-radius: 50%; top: -5vh; height: 10vh; z-index: 1; left: 0px; } .mobile-bottom-circle-path { position: absolute; width: 100%; right: 0; background-color: #ffffff; border-radius: 50%; top: auto; height: 10vh; z-index: 0; left: 0px; bottom: -5vh; } .new-menu-item section.invert-menu-section { margin: 0 auto; padding: 0; } } @media (max-width: 575px) { section.video-section .video_wrap {height: 60vh;} .rewards-banner-section [data-css="tve-u-16d40711b6b"] { background-size: cover !important; background-image: url(../jpg/rewards-banner-bg.jpg) !important; } .rewards-banner-section .image-wrap { max-width: 200px; position: absolute; left: 20px; display: block !important; } .monthly-discovers-page.campaign-page.new-menu-item .container-wrap{max-width: 100%;margin: 0 auto;text-align: center;} } @media (max-width: 480px) { .rewards-banner-section .image-wrap {max-width: 150px;left: 0;bottom: 10px;} .kura-rewards-app .team-banner-section .download-content-wrap h3 {font-size: 22px;} .kura-rewards-app .team-banner-section .download-content-wrap {padding: 20px 10px;} .kura-rewards-app .team-banner-section .download-content-wrap .cta-wrap {max-width: 25%;} .promotion-page.jujutsu-page .tattoos-section .image-wrapper {padding: 0 10px;} .jujutsu-page .tattoos-section .image-wrapper {padding: 0;} } /* our promise */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { header, footer { border-bottom: 20px solid transparent !important; border-image: url(../png/cross-lines.png) 85 repeat !important; -webkit-border-image: url(../png/cross-lines.png) 85 repeat !important; -o-border-image: url(../border.html) 85 repeat !important; } footer {border-bottom: 0 !important;} } } /***13 Sep 2022 **/ .september-month-discoveries section.banner-section img { width: 100%; margin: 0 auto; } .monthly-discovers-page.september-month-discoveries { background: none; background-color: #CC622B; text-align: center; height: 100% !important; } .september-month-discoveries section.invert-menu-section .image-wrap img { width: 100%; max-width: 100% !important; } .september-month-discoveries section.banner-section { padding: 0; } .campaign-page.september-month-discoveries h3.invert-section-title { color: #fff; font-family: 'Rustica'; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 50px; } .campaign-page.september-month-discoveries p.invert-section-text{ color: #fff; font-family: 'Rustica'; font-weight: 300; font-size: 25px; letter-spacing: 2px; margin-bottom: 20px; line-height: 1.35; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrapper{ background-color: #d97947; margin-bottom: 30px; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap h4{ font-family: 'Rustica'; font-weight: bold; color: #fae9c3; font-size: 26px; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap p{ font-family: 'Rustica'; font-weight: 300; color: #fae9c3; } .campaign-page.september-month-discoveries section.invert-menu-section { margin-top: 0; padding: 50px 0 10px; } .campaign-page.september-month-discoveries section.invert-menu-section .menu-content-wrapper { top: 0; } hr.custom-hr { border-top: 2px solid #fae9c3; } .campaign-page.september-month-discoveries section.invert-menu-section .order-section .order-section-wrap { border: none; background-color: #d97947; padding: 60px 0; } .campaign-page.september-month-discoveries section.invert-menu-section .order-section p, .campaign-page.september-month-discoveries section.invert-menu-section .order-section p a { font-family: 'Rustica'; font-weight: normal; color: #fae9c3; width: 100%; max-width: 1024px; } .campaign-page.september-month-discoveries section.invert-menu-section .cta-wrap a { background: #faeab9; border: 1px solid #faeab9; color: #d3501c; text-transform: capitalize; font-family: 'Rustica'; line-height: 1.5; padding: 12px 100px 10px; } .campaign-page.september-month-discoveries section.invert-menu-section .cta-wrap a:hover, .campaign-page.september-month-discoveries section.invert-menu-section .cta-wrap a:focus { color: #faeab9; background: #d3501c; border: 1px solid #d3501c; } .campaign-page.september-month-discoveries .promotion-rewards-section { background: #faeab9; } .campaign-page.september-month-discoveries .promotion-rewards-wrap .post-wrapper a.right-link { color: #d3501c; text-align: left; } .campaign-page.september-month-discoveries section.banner-section .container02 { position: relative; text-align: center; color: white; } /* Bottom left text */ .campaign-page.september-month-discoveries section.banner-section .bottom-left{ position: absolute; bottom: 8px; left: 16px; text-align: left; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-month{ color: #faebc4; font-family: 'Rustica'; font-size: 11rem; line-height: 0.9; font-weight: 900; text-transform: uppercase; margin: 0; padding: 0; text-shadow: 10px 10px 15px rgb(0 0 0 / 30%); } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-date{ color: #faebc4; font-family: 'Rustica'; font-size: 11rem; line-height: 0.9; font-weight: 500; text-transform: uppercase; margin: 0; padding: 0; text-shadow: 10px 10px 15px rgb(0 0 0 / 30%); } .campaign-page.september-month-discoveries section.banner-section .bottom-left p { color: #faebc4; font-weight: 500; text-transform: uppercase; font-size: 63px; text-align: left; line-height: 66px; font-family: 'Rustica'; margin: 0; margin-bottom: 20px; text-shadow: 10px 10px 15px rgb(0 0 0 / 30%); } .campaign-page.september-month-discoveries section.banner-section .bottom-left .super-date{ font-size: 78px; vertical-align: super; font-weight: normal; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .super-hyfen{ font-weight: 300; } /* Bottom right text */ .campaign-page.september-month-discoveries section.banner-section .bottom-right { position: absolute; bottom: 5%; right: 0; background-color: rgb(250, 235, 196, 0.8); padding: 30px; padding-right: 50px; color: #1d1617; font-size: 42px; font-style: italic; font-weight: 500; text-transform: uppercase; font-family: 'Rustica'; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } @media (min-width: 1400px) and (max-width:1600px){ .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-month { font-size: 8rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-date { font-size: 8rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left p { line-height: 1; font-size: 52px; } } @media (min-width: 1281px) and (max-width:1399px){ .campaign-page.september-month-discoveries section.banner-section .bottom-left p { font-size: 42px; line-height: 1; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-month { font-size: 7rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-date { font-size: 7rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .super-date { font-size: 60px; } .campaign-page.september-month-discoveries section.banner-section .bottom-right { padding: 20px; font-size: 36px; } } @media (min-width: 1024px) and (max-width:1280px){ .campaign-page.september-month-discoveries section.banner-section .bottom-left p { font-size: 32px; line-height: 1; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-month { font-size: 5rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-date { font-size: 5rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .super-date { font-size: 40px; } .campaign-page.september-month-discoveries section.banner-section .bottom-right { font-size: 30px; padding: 25px; } } @media (min-width: 992px) and (max-width:1023px){ .campaign-page.september-month-discoveries section.banner-section .bottom-left p { font-size: 36px; line-height: 1; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-month { font-size: 5rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-date { font-size: 5rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .super-date { font-size: 40px; } .campaign-page.september-month-discoveries section.banner-section .bottom-right { font-size: 30px; padding: 20px; } } @media (max-width:1024px){ .campaign-page.september-month-discoveries section.invert-menu-section .order-section p, .campaign-page.september-month-discoveries section.invert-menu-section .order-section p a { font-size: 18px; line-height: 1.5; max-width: 750px; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap h4 { font-size: 18px; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap p { font-size: 18px; line-height: 1.5; } .campaign-page.september-month-discoveries p.invert-section-text { font-size: 18px; line-height: 1.5; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap { min-height: 280px; } } @media (min-width: 768px) and (max-width:991px){ .campaign-page.september-month-discoveries section.invert-menu-section .order-section p, .campaign-page.september-month-discoveries section.invert-menu-section .order-section p a { font-size: 18px; line-height: 1.5; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap h4 { font-size: 18px; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap p { font-size: 18px; line-height: 1.5; } .campaign-page.september-month-discoveries p.invert-section-text { font-size: 18px; line-height: 1.5; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-month { font-size: 4rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left p { font-size: 30px; line-height: 1; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-date { font-size: 4rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .super-date { font-size: 32px; } .campaign-page.september-month-discoveries section.banner-section .bottom-right { font-size: 24px; padding: 20px; } } @media (max-width: 767px){ .campaign-page.september-month-discoveries section.invert-menu-section .content-wrapper { margin: 0px 40px 40px; } .campaign-page.september-month-discoveries section.invert-menu-section [class*="col-"]:last-child .content-wrapper { margin: 0px 40px 20px; } .custom-hr-section { margin: 0 50px; } .campaign-page.september-month-discoveries section.invert-menu-section .order-section { margin: 0 50px; padding: 20px 0 35px; } .campaign-page.september-month-discoveries section.invert-menu-section .cta-wrap a { padding: 16px 30px 10px; } .campaign-page.september-month-discoveries section.invert-menu-section .order-section .order-section-wrap { padding: 40px 30px 50px; } .campaign-page.september-month-discoveries section.invert-menu-section .order-section p, .campaign-page.september-month-discoveries section.invert-menu-section .order-section p a { font-size: 18px; line-height: 1.5; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap h4 { font-size: 18px; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap p { font-size: 18px; line-height: 1.5; } .campaign-page.september-month-discoveries p.invert-section-text { font-size: 18px; line-height: 1.5; } .campaign-page.september-month-discoveries section.invert-menu-section { margin-top: 0; padding: 30px 0 10px; } .campaign-page.september-month-discoveries section.invert-menu-section .menu-content-wrapper { padding: 0 10px; } .campaign-page.september-month-discoveries h3.invert-section-title { font-size: 36px; } .campaign-page.september-month-discoveries section.invert-menu-section .content-wrap { min-height: 100%; padding: 30px 20px 30px; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-month { font-size: 2rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .dis-date { font-size: 2rem; } .campaign-page.september-month-discoveries section.banner-section .bottom-right { font-size: 14px; padding: 8px; line-height: 1; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .campaign-page.september-month-discoveries section.banner-section .bottom-left p { font-size: 14px; line-height: 1; margin-bottom: 7px; } .campaign-page.september-month-discoveries section.banner-section .bottom-left .super-date { font-size: 14px; } .promotion-rewards-wrap .post-wrapper a {font-size: 15px;} .kura-rewards-app .banner-content, .kura-rewards-app .banner-image {max-width: 100%;position: relative;padding: 50px 0 20px;} .kura-rewards-app .banner-image img.desktop-image {display: none;} .kura-rewards-app .team-banner-section .banner-section-wrap {display: block;} .kura-rewards-app .banner-image {background-image: none;padding: 0 !important;} .kura-rewards-app section.team-banner-section img.hidden {display: block !important;} .kura-rewards-app .rolling-rewards .row .column-wrap, section.checkout-faq .checkout-wrap .content-wrap, section.checkout-faq .checkout-wrap .image-wrap {max-width: 100%;} .kura-rewards-app .rolling-rewards .row {padding: 0;} .kura-rewards-app .hungry-features .feature-card {display: block;} .kura-rewards-app .hungry-features .row .columns-wrapper, .kura-rewards-app .hungry-features h4.section-title, .kura-rewards-app .hungry-features .feature-card .content-wrap h4, .hungry-features .feature-card .content-wrap p { width: 100%; text-align: center; } .kura-rewards-app .hungry-features .feature-card .content-wrap {padding: 0;} section.checkout-faq .checkout-wrap .content-wrap h3, section.checkout-faq .checkout-wrap .content-wrap p, section.checkout-faq .checkout-wrap .content-wrap h3, section.checkout-faq .checkout-wrap .content-wrap .cta-wrap { margin: 10px auto 20px; text-align: center; width: 100%; max-width: 100%; } .kura-rewards-app section.team-banner-section h1, .kura-rewards-app section.team-banner-section p {padding: 0 15px;line-height: 1.2;max-width: 95%;} section.checkout-faq {padding-top: 40px;} .kura-rewards-app .rolling-rewards .row .column-wrap {max-width: 320px;text-align: center;} .kura-rewards-app section.meet-our-team p, .kura-rewards-app .rolling-rewards h4 {text-align: center;margin-top: 0;} .kura-rewards-app .rolling-rewards .meet-out-team-wrap {padding-bottom: 30px;} .kura-rewards-app .hungry-features .feature-card {max-width: 70%;margin: 20px auto;} .kura-rewards-app section.checkout-faq img {max-width: 250px !important;bottom: -25px !important;margin: 10px auto 0;} .kura-rewards-app section.checkout-faq .checkout-bottom {padding: 20px 0;} .kura-rewards-app section.checkout-faq .checkout-bottom .btn-wrap {padding: 0;} .kura-rewards-app .banner-bottom-wrap, .sticky-popup img.mobile-img {display: block;display:none;} .sticky-popup img.desktop-img {/*display: none;*/} .kura-rewards-app .banner-content .blue-image {display: none;} .kura-rewards-app section.team-banner-section h1 br {display: block;} .kura-rewards-app .banner-image img.image-overlay {display: none;padding: 0;} .kura-rewards-app .banner-content img.hidden-mobile {display: block !important;} .kura-rewards-app .banner-content img.image-overlay {width: 100%;max-width: 260px;margin: 0 auto;position: absolute;top: 5%;right: 35%;transform: rotate(-10deg);} .kura-rewards-app .banner-content img.desktop-image {width: 100%;position: relative;right: -30%;max-width: 650px; transform: rotate(-25deg);} .kura-rewards-app .banner-bottom-wrap h2.title {font-size: 22px;margin-bottom: 15px} .kura-rewards-app .banner-bottom-wrap .cta-wrap a {font-size: 16px;} .kura-rewards-app .banner-bottom-wrap .cta-wrap a:last-child {padding: 5px 8px;} .jujutsu-page .tattoos-section p {width: 100%;max-width: 90%;} .jujutsu-page .tattoos-section .rules p {margin: 20px auto 0 !important;} .promotion-page.jujutsu-page hr.line {margin-top: 30px;} .kura-rewards-app .banner-bottom {text-align: center;} .oct-2023-month-discoveries .banner-wrap img.desktop-view {display: block;} .campaign-page.oct-2023-month-discoveries section.invert-menu-section .note-wrapper p {text-align: center;width: 100%;} } @media (max-width: 680px) { .kura-rewards-app section.team-banner-section h1, .kura-rewards-app .hungry-features h4.section-title, section.checkout-faq .checkout-wrap .content-wrap h3, .kura-rewards-app h3.section-title {font-size: 40px;} .kura-rewards-app .rolling-rewards h4, .kura-rewards-app .hungry-features .feature-card .content-wrap h4 {font-size: 25px;margin-bottom: 5px;text-align: center;} .kura-rewards-app section.team-banner-section p {font-size: 18px;} .kura-rewards-app .banner-bottom {margin: 0 auto;} .kura-rewards-app .rolling-rewards .row {padding: 0;} .kura-rewards-app .banner-bottom-wrap {display: block;} .kura-rewards-app section.meet-our-team p {font-size: 18px;text-align: center;} .kura-rewards-app .banner-content img.desktop-image {max-width: 500px;right: -40%;} .kura-rewards-app .banner-content img.image-overlay {max-width: 200px;} .kura-rewards-app .rolling-rewards .border-image img {display: none;} .kura-rewards-app .rolling-rewards .border-image img.mobile-border {display: block;height: auto;} section.checkout-faq .checkout-bottom .btn-wrap img {max-width: 180px !important;} } @media (max-width: 575px) { .content-wrap h3 {margin-top: 10px !important;} .promotion-page.holiday2021-page .ribbon-content h3 {letter-spacing: 0.5px;font-size: 20px;} form#comming-soon-form .form-group.checkbox-wrap label { display: inline; font-size: 15px; word-wrap: break-word; line-height: 1.2; } .kura-rewards-app .hungry-features .feature-card {max-width: 100%;} .kura-rewards-app section.team-banner-section h1, .kura-rewards-app .hungry-features h4.section-title, section.checkout-faq .checkout-wrap .content-wrap h3, .kura-rewards-app h3.section-title {font-size: 50px !important;} .kura-rewards-app section.team-banner-section h1 {margin-top: 40px;} .kura-rewards-app .banner-content img.image-overlay {max-width: 180px;} .kura-rewards-app .banner-content img.desktop-image {max-width: 400px;} .jujutsu-page .tattoos-section p {max-width: 95%;} .new-menu-2023-page section.team-banner-section img.desktop-image {display: none;} .new-menu-2023-page section.team-banner-section img.mobile-image {display: block;} } @media (max-width: 480px) { section.checkout-faq .checkout-wrap .image-wrap img {max-width: 180px !important;bottom: -50px !important;} .kura-rewards-app .banner-content {padding: 0;} .kura-rewards-app .banner-content img.image-overlay {max-width: 140px;top: 25px;} .kura-rewards-app .banner-content img.desktop-image {right: -40%;max-width: 350px;top: 8px;} section.checkout-faq .checkout-wrap .content-wrap .cta-wrap a {font-size: 16px;} .kura-rewards-app section.team-banner-section h1, .kura-rewards-app section.team-banner-section p {max-width: 100%;margin-bottom: 15px;} .kura-rewards-app section.team-banner-section h1 {font-size: 30px !important;margin: 20px auto 5px;} section.checkout-faq .checkout-bottom .btn-wrap img {max-width: 145px !important;margin: 0 5px;} } @media (max-width: 375px) { .kura-rewards-app section.team-banner-section h1, .kura-rewards-app section.team-banner-section p {margin-top: 10px;margin-bottom: 10px;} .kura-rewards-app .banner-content img.image-overlay {max-width: 120px;top: 25px;} } @media (max-width: 319px) { .kura-rewards-app .banner-content img.image-overlay {max-width: 115px;} .kura-rewards-app section.team-banner-section h1 {font-size: 26px;} .kura-rewards-app section.team-banner-section p {font-size: 15px;} } /* Embed responsive code */ .embed-responsive-21by9 { padding-bottom: 42.857143%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .embed-responsive-1by1 { padding-bottom: 100%; } @media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) { .new-terms-and-condition-page li:before {top: 3px;} } @media all and (width: 1024px) and (height: 768px) and (orientation:landscape){ .new-terms-and-condition-page li:before {top: 3px;} } /***** 18-MAY-2024 ******/ .giveaway-section { padding: 70px 0; } .giveaway-section .row { display: flex; align-items: center; flex-wrap: wrap; } .entry-content .give-title { margin: 0; font-size: 2rem; } .entry-content .give-main-title { margin: 0; font-size: 3rem; } .entry-content .give-sub-title { margin: 0; font-size: 2rem; text-decoration: underline; } .how-to-recieve ul { padding: 15px 0; margin: 0 0 10px 2em; list-style: decimal; } .how-to-recieve ul li { font-size: 1.25rem; margin-bottom: 10px; } .how-to-recieve { padding-top: 25px; } .entry-content .give-t-title { font-size: 2rem; margin: 0; } .mob-view { text-align: center; display: none; } .give-notes p { font-style: italic; } @media (min-width:768px){ .left-img { padding-right: 20px; } .right-content { padding-left: 30px; } } @media (min-width:768px) and (max-width:1200px){ .entry-content .give-title { font-size: 1.05rem; } .entry-content .give-main-title { font-size: 1.5rem; } .entry-content .give-sub-title { font-size: 1.05rem; } .how-to-recieve ul li { font-size: 1rem; margin-bottom: 5px; } .how-to-recieve { padding-top: 10px; } .how-to-recieve ul { padding: 15px 0 5px; } .give-notes p { font-size: 14px; } .how-to-recieve ul li:last-child { margin-bottom: 0; } .giveaway-section { padding: 20px 0; } } @media (max-width: 767px) { .mob-view { display: block; margin-bottom: 20px; } .des-view { display: none; } .entry-content .give-sub-title { text-align: center; font-size: 1.5rem; } .how-to-recieve ul li { font-size: 1.1rem; } .entry-content .give-title { font-size: 1.5rem; } .entry-content .give-main-title { font-size: 2.5rem; } .entry-content .give-t-title { font-size: 1.5rem; } .giveaway-section { padding: 30px 0; } .dragon-ball .giveaway-section.reverse-sec {padding: 50px 0 30px;} .dragon-ball .giveaway-section.reverse-sec ul {margin: 0 auto;padding: 0;} .dragon-ball .giveaway-section.reverse-sec .mob-view, .dragon-ball .giveaway-section .give-notes {padding: 0 20px;} .dragon-ball .giveaway-section .how-to-recieve ul {padding: 15px;} .dragon-ball .giveaway-section.reverse-sec ul {padding: 0;} } /***** 18-MAY-2024 ******/ /***** April-2024 ******/ .apr-2024-kmd .team-banner-section video {width: 100%;} .apr-2024-kmd .team-banner-section {padding: 0;position: relative;} .apr-2024-kmd section.meet-our-team.banner-sub h2 {padding: 0 !important;margin: 0 auto 20px;border-bottom: none;font-weight: 700;} .apr-2024-kmd section.meet-our-team.banner-sub p, .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap p {font-size: 16px;line-height: 1.2;} .apr-2024-kmd section.meet-our-team.banner-sub .cta-wrap a {/*background-color: #ed1c24;*/background-color: #AD1419;padding: 12px 25px;color: #fff;font-family: 'DIN 2014';font-weight: 700;} .apr-2024-kmd section.invert-menu-section.bg-section, .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap, .apr-2024-kmd .promotion-rewards-section {background: none;} .apr-2024-kmd section.invert-menu-section.bg-section h5.kmd-menu-title {line-height: 1.2;font-family: 'DIN 2014';margin: 0 auto 30px 0;width: 100%;} .campaign-page.apr-2024-kmd section.invert-menu-section .item img, .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap {margin: 0 auto;} .apr-2024-kmd section.invert-menu-section.bg-section .menu-content-wrapper {width: 100%;margin: 0 auto;padding: 0;} .apr-2024-kmd section.invert-menu-section.bg-section .menu-content-wrapper .owl-item {/*margin: 10px;*/} .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap p {font-weight: 400;margin: 20px auto 25px;padding: 0;} .apr-2024-kmd .banner-sub .meet-out-team-wrap, .apr-2024-kmd section.meet-our-team.banner-sub h2, .apr-2024-kmd section.meet-our-team.banner-sub p, .apr-2024-kmd section.invert-menu-section.bg-section h5.kmd-menu-title, .campaign-page.apr-2024-kmd .allergen-information ul, .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap h4, .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap p {text-align: left;} .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap {padding: 20px 0;} .apr-2024-kmd .bg-section .menu-content-wrapper .owl-dots {text-align: center;width: 100%;position: absolute;bottom: 5px;display: none;} .apr-2024-kmd .bg-section .menu-content-wrapper .owl-dots .owl-dot {padding: 5px;margin: 5px;border-radius: 25px;border: 1px solid #000;display: inline-block;} .apr-2024-kmd .bg-section .menu-content-wrapper .owl-dots .owl-dot.active {background-color: #000;} .accordion-section .panel-default>.panel-heading {background: none;padding: 10px 20px;} .accordion-section h3.panel-title, .accordion-section h3.panel-title>a {font-size: 20px;text-align: left;color: #000;width: 100%;line-height: 1.5;position: relative;text-decoration: none;display: block;margin: 0 auto;} .accordion-section a span.toggle-arrow, .accordion-section span.toggle-arrow {position: absolute;right: 10px;opacity: 0.5;} .accordion-section .panel-group .panel {border-radius: 0;} /*.accordion-section .acortion-first i.fa.fa-angle-right, .accordion-section .acortion-first.collapsed i.fa.fa-angle-down {display: none;} .accordion-section .acortion-first i.fa.fa-angle-down, .accordion-section .acortion-first.collapsed i.fa.fa-angle-right {display: block;} */ .accordion-section .acortion-first i.fa {height: 100%;font-size: 30px;} .note-sec-wrapper {padding: 25px;background-color: #f5f5f5;} .note-sec-wrapper h4 {font-weight: 700;text-transform: uppercase;font-size: 20px;margin: 0 auto;} .note-sec-wrapper p, .note-sec-wrapper p>a {font-style: italic;color: #000;margin: 10px 0;} .note-sec-wrapper p>a {text-decoration: underline;} .apr-2024-kmd section.bottom-bg-section {margin: 50px 0 0;padding: 150px 0;background-size: cover;background-image: url(../jpg/apr-2024-banner.jpg);text-align: center;background-position: center;} .apr-2024-kmd section.bottom-bg-section h3, .apr-2024-kmd section.bottom-bg-section p {color: #fff !important;} .apr-2024-kmd section.bottom-bg-section p {font-style: italic;margin: 10px 0;} .apr-2024-kmd section.invert-menu-section.bg-section h5.kmd-menu-title, .apr-2024-kmd section.meet-our-team.banner-sub h2 {font-size: 35px;margin: 30px auto 25px !important;} .campaign-page.apr-2024-kmd .owl-carousel {height: 100%;/*max-height: 800px;*/} .apr-2024-kmd .team-banner-section img, section.bottom-bg-section img {width: 100%;} .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage {height: 100% !important;/*max-height: 700px;*/} .apr-2024-kmd section.meet-our-team.banner-sub h2, .apr-2024-kmd section.meet-our-team.banner-sub p {margin-left: 0 !important;} .apr-2024-kmd h2, .apr-2024-kmd h5, .apr-2024-kmd h4, .apr-2024-kmd p, .apr-2024-kmd h3, .accordion-section h3.panel-title>a {color: #231f20 !important;} .apr-2024-kmd .team-banner-section .banner-content-wrap {position: absolute;width: 100%;height: 100%;top: 0;} .apr-2024-kmd .team-banner-section .banner-content-wrap .content-wrap {display: flex;align-items: center;justify-content: space-between;height: 100%;} .apr-2024-kmd .team-banner-section .banner-content-wrap .content-wrap img {width: 100%;max-width: 500px;} .apr-2024-kmd .team-banner-section .banner-content-wrap .content-wrap h1 {font-size: 3em;color: #fff;font-family: 'DIN 2014';font-weight: 700;} .apr-2024-kmd .team-banner-section .banner-content-wrap .container{height: 100%;} .apr-2024-kmd-slider .owl-nav .owl-next, .apr-2024-kmd-slider .owl-nav .owl-prev {position: absolute;left: 0;top: 35%; font-size: 0; width: 30px; height: 30px; padding-right: 3px; background: #ccc; line-height: 1; border-radius: 50%; color: #333;} .apr-2024-kmd-slider .owl-nav .owl-next {left: auto; right: 0; padding-right: 0; padding-left: 3px;} .apr-2024-kmd-slider .owl-nav .owl-next:before, .apr-2024-kmd-slider .owl-nav .owl-prev:before { content: "\f104"; font-family: Fontawesome; font-size: 28px; line-height: 1;} .apr-2024-kmd-slider .owl-nav .owl-next:before {content: "\f105";} .apr-2024-kmd-slider .owl-carousel .owl-item .allergen-icons span{width: 25px; height: 25px; font-size: 0; margin-right: 3px !important; display: inline-block; background-position: center; background-size: cover;} .allergen-icons .wheat-icon {background-image: url(../png/wheat.png);} .allergen-icons .soy-icon {background-image: url(../png/soy.png);} .allergen-icons .peanuts-icon {background-image: url(../png/peanut.png);} .allergen-icons .treenuts-icon {background-image: url(../png/treenuts.png);} .allergen-icons .eggs-icon {background-image: url(../png/egg.png);} .allergen-icons .milk-icon {background-image: url(../png/milk.png);} .allergen-icons .shellfish-icon {background-image: url(../png/shellfish.png);} .allergen-icons .sesame-icon {background-image: url(../png/sesame.png);} @media (max-width: 991px) { .apr-2024-kmd .team-banner-section .banner-content-wrap .content-wrap img {max-width: 350px;} .apr-2024-kmd .team-banner-section .banner-content-wrap .content-wrap h1 {font-size: 2.75em;} .apr-2024-kmd section.meet-our-team.banner-sub h2, .apr-2024-kmd section.meet-our-team.banner-sub p {width: 95%;} } @media (max-width: 767px) { .apr-2024-kmd section.invert-menu-section.bg-section h5.kmd-menu-title, .apr-2024-kmd section.meet-our-team.banner-sub h2 {text-align: center;} .apr-2024-kmd .banner-sub .meet-out-team-wrap, .apr-2024-kmd section.meet-our-team.banner-sub h2, .apr-2024-kmd section.meet-our-team.banner-sub p, .apr-2024-kmd section.invert-menu-section.bg-section h5.kmd-menu-title, .campaign-page.apr-2024-kmd .allergen-information ul, .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap h4, .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap p {text-align: center;margin: 15px auto 0 !important;} .apr-2024-kmd section.invert-menu-section.bg-section h5.kmd-menu-title, .apr-2024-kmd section.meet-our-team.banner-sub h2 {font-size: 30px;} .accordion-section h3.panel-title, .accordion-section h3.panel-title>a, .note-sec-wrapper h4 {font-size: 18px;} .note-sec-wrapper {padding: 20px;} .campaign-page.apr-2024-kmd .owl-carousel, .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage {/*max-height: 680px;*/} .apr-2024-kmd section.invert-menu-section.bg-section {padding: 50px 0 80px !important;} .apr-2024-kmd section.invert-menu-section.bg-section .menu-content-wrapper .owl-item {margin: 10px 0;} .apr-2024-kmd .bg-section .menu-content-wrapper .owl-dots {bottom: -25px;} .apr-2024-kmd section.bottom-bg-section {background-image: url(../jpg/apr-2024-banner-mobile.jpg);} .apr-2024-kmd .bg-section .menu-content-wrapper .owl-dots {display: block;} .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap {max-width: 50%;} .apr-2024-kmd section.bottom-bg-section h3 {margin: 0;} .allergen-icons {text-align: center; margin-top: 15px;} .invert-menu-section .container {padding: 0;} } @media (max-width: 680px) { .apr-2024-kmd .team-banner-section .banner-content-wrap .content-wrap {display: block;} .apr-2024-kmd .team-banner-section .banner-content-wrap {height: auto;top: 30%;} } @media (max-width: 575px) { .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap {max-width: 80%;} #top-video {padding-bottom: 80vh; position: relative;} .apr-2024-kmd .team-banner-section video {position: absolute; top: 50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%);} .apr-2024-kmd .team-banner-section .banner-content-wrap {top: 40%;} .campaign-page section.invert-menu-section .item .image-wrap img {max-width: 100%} } @media (max-width: 480px) { .apr-2024-kmd .team-banner-section .banner-content-wrap .content-wrap h1 {/*font-size: 2em;*/margin: 0 auto;} .campaign-page.apr-2024-kmd section.invert-menu-section .item .content-wrap {max-width: 100%; padding: 0 20px;} } /***** April-2024 ******/ /***** one piece kmd ******/ .promotion-page.one-piece-campaign {background-color: transparent;} .promotion-page.one-piece-campaign .tattoos-section p {font-weight: 500;} .promotion-page.one-piece-campaign .tattoos-section p, .promotion-page.one-piece-campaign .promotion-rewards-wrap .post-wrapper a {color: #000;} .promotion-page.one-piece-campaign img.mobile-banner {display: none;} .promotion-page.one-piece-campaign .tatoos-content {padding: 20px 0 50px;} .promotion-page.one-piece-campaign .bikkura-pon-section {background-image: url(../jpg/onepiece-bikkura-pon-section.jpg);padding: 10% 0;background-position: right;} .one-piece-campaign .overlay-section .bottle-set-sec {background-image: url(../jpg/onepiece-bottle-section.jpg);padding: 120px 75px;background-size: cover;background-repeat: no-repeat;background-position: center;} .one-piece-campaign .overlay-section .food-special-sec {background-image: url(../jpg/onepiece-food-section.jpg);padding: 135px 75px;} .one-piece-campaign .overlay-section .giveaway-sec {background-image: url(../jpg/onepiece-giveaway.jpg);padding: 50px 75px;} .one-piece-campaign .overlay-section .giveaway-sec.tshirt-sec {background-image: url(../jpg/desktop-tshirt.jpg);padding: 45px 75px;} .one-piece-campaign .how-to-recieve {padding: 0;} .one-piece-campaign .how-to-recieve li {font-size: 16px;margin: 5px 0;} .one-piece-campaign .how-to-recieve ul {padding: 0;margin: 0 0 0 15px;font-weight: 600;} .one-piece-campaign .bottle-set-sec p.note-text {font-size: 14px !important;color: #000;margin: 20px 0 10px;font-style: italic;} .one-piece-campaign .bottle-set-sec h4.give-sub-title {color: #000;font-size: 20px !important;} .one-piece-campaign .bottle-set-sec.giveaway-sec h4 {color: #000;} .one-piece-campaign .overlay-section .food-special-sec .image-wrap {margin: 0 0 0 auto;text-align: right;} .one-piece-campaign .mobile-image-sec {display: none;} .one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap h2, .one-piece-campaign .overlay-section h4 {color: #000;} .one-piece-campaign .banner-sub-section .row-section .column-section img.mobile-img {display: none;} .one-piece-campaign .banner-sub-section .row-section .column-section img {width: 100%;} .one-piece-campaign .banner-sub-section .row-section .column-section {padding: 0;} .one-piece-campaign .how-to-recieve li span, .one-piece-campaign .how-to-recieve li:nth-child(2) br {display: none;} @media (min-width: 1500px) { .promotion-page.one-piece-campaign .bikkura-pon-section {padding: 12% 0%;} } @media (max-width: 1425px) { .promotion-page.one-piece-campaign .banner-sub-section .row-section .content-wrap p br {display: none;} } @media (max-width: 1199px) { .one-piece-campaign .bottle-set-sec p.note-text br {display: none;} .one-piece-campaign .bottle-set-sec.food-special-sec p.note-text br {display: block;} .one-piece-campaign .overlay-section .bottle-set-sec {padding: 100px 30px;} .one-piece-campaign .overlay-section .giveaway-sec {padding: 15px 30px;background-position: 80% 100%;} } @media (max-width: 991px) { .one-piece-campaign .banner-sub-section .row-section {padding: 0;} .one-piece-campaign .banner-sub-section .row-section .content-wrap {max-width: 85%;} .one-piece-campaign .overlay-section .bottle-set-sec {padding: 95px 30px;} .one-piece-campaign .overlay-section .giveaway-sec {padding: 10px 0 10px 35px !important;background-position: 70% 100%;} .one-piece-campaign .how-to-recieve li {font-size: 14px;} } @media (max-width: 965px) { .promotion-page.one-piece-campaign .bikkura-pon-section, .one-piece-campaign .overlay-section .bottle-set-sec.odd-sec, .one-piece-campaign .overlay-section .bottle-set-sec.even-sec {background-image: url(../jpg/onepiece-mobile-bikkura-section.jpg);padding: 50px 0 75%;background-position: bottom center;} .one-piece-campaign .overlay-section .bottle-set-sec.odd-sec {background-image: url(../jpg/onepiece-mobile-bottle-section.jpg);} .one-piece-campaign .overlay-section .food-special-sec.even-sec {background-image: url(../jpg/onepiece-mobile-food-section.jpg);} .one-piece-campaign .overlay-section .giveaway-sec {background-image: url(../jpg/onepiece-mobile-giveaway.jpg) !important;} .one-piece-campaign .overlay-section .giveaway-sec.tshirt-sec {background-image: url(../jpg/mobile-tshirt.jpg) !important;} .one-piece-campaign .banner-sub-section .row-section .column-section {width: 100%;max-width: 100% !important;display: block;} .one-piece-campaign .banner-sub-section .row-section {display: block;text-align: center;width: 100%;margin: 0 auto;} .one-piece-campaign .banner-sub-section .row-section .content-wrap {margin: 50px auto;} .one-piece-campaign .banner-sub-section .row-section .column-section img.desk-img {display: none;} .one-piece-campaign .banner-sub-section .row-section .column-section img.mobile-img {display: block;} .promotion-page.one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap, .promotion-page.one-piece-campaign .overlay-section .bottle-set-sec .image-wrap {max-width: 80%;margin: 0 auto;text-align: center;} .promotion-page.one-piece-campaign .banner-sub-section .row-section .content-wrap p, .promotion-page.one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap p, .promotion-page.one-piece-campaign .bottle-set-sec p {font-size: 18px;} .promotion-page.one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.one-piece-campaign .overlay-section h4 {font-size: 35px;margin: 0 auto 20px;} .one-piece-campaign .overlay-section .bottle-set-sec.odd-sec, .one-piece-campaign .overlay-section .bottle-set-sec.even-sec {padding: 50px 0 80% !important;} .one-piece-campaign .overlay-section .bottle-set-sec#bottle-set {padding: 50px 0 100% !important;} .one-piece-campaign .overlay-section .bottle-set-sec#bottle-set .image-wrap {margin-bottom: 65px;} .one-piece-campaign .banner-sub-section .row-section .cta-wrap {margin: 30px 0 0;} .one-piece-campaign .banner-sub-section .row-section .cta-wrap a {padding: 15px 50px;font-size: 16px;} .one-piece-campaign .overlay-section .bottle-set-sec#bottle-set, .one-piece-campaign .overlay-section .bottle-set-sec.odd-sec, .one-piece-campaign .overlay-section .bottle-set-sec.even-sec {margin: 0 auto;} .one-piece-campaign .overlay-section {margin: 50px 0 30px;} .one-piece-campaign .bikkura-pon-section .container {max-width: 100%;} .one-piece-campaign .bottle-set-sec p.note-text {font-size: 12px !important;} .one-piece-campaign .how-to-recieve ul {list-style-type: none;margin: 0;} .one-piece-campaign .how-to-recieve li span {display: inline-block;} .one-piece-campaign .overlay-section .overlay-container {max-width: 100%;} .one-piece-campaign .overlay-section .giveaway-sec.tshirt-sec {padding: 50px 0 95% !important;} } @media (max-width: 767px) { .promotion-page.one-piece-campaign img.desktop-banner {display: none;} .promotion-page.one-piece-campaign img.mobile-banner {display: block;} .promotion-page.one-piece-campaign .tatoos-content {padding: 0 0 30px;} .promotion-page.one-piece-campaign .banner-sub-section .row-section .content-wrap p br {display: block;} .one-piece-campaign .product-section h3 {text-transform: none;} .product-section .container {max-width: 80%;margin: 0 auto;} .one-piece-campaign .bottom-image-sec {padding: 0 !important;} } @media (max-width: 575px) { .promotion-page.one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap, .promotion-page.one-piece-campaign .overlay-section .bottle-set-sec .image-wrap {max-width: 90%;} .one-piece-campaign .overlay-section .bottle-set-sec .image-wrap {/*position: absolute;width: 100%;left: 0;right: 0;top: 30px;z-index: 9;*/max-width: 90% !important;} .promotion-page.one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.one-piece-campaign .overlay-section h4 {font-size: 30px;} .promotion-page.one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.one-piece-campaign .overlay-section h4 { margin: 0 auto 5px; } .one-piece-campaign .overlay-section .bottle-set-sec#bottle-set {padding: 35px 0 100% !important;} .promotion-page.one-piece-campaign .banner-sub-section .row-section .content-wrap p, .promotion-page.one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap p, .promotion-page.one-piece-campaign .bottle-set-sec p { font-size: 16px; margin: 5px 0 !important; } .one-piece-campaign .overlay-section .bottle-set-sec.odd-sec, .one-piece-campaign .overlay-section .bottle-set-sec.even-sec {padding: 25px 0 80% !important;} .promotion-page.one-piece-campaign .banner-sub-section .row-section .content-wrap {margin: 20px auto 35px;} .one-piece-campaign .overlay-section .giveaway-sec.tshirt-sec {padding: 25px 0 95% !important;} } @media (max-width: 480px) { .promotion-page.one-piece-campaign .banner-sub-section .row-section .content-wrap p br {display: none;} } @media (max-width: 375px) { .one-piece-campaign .overlay-section .bottle-set-sec#bottle-set .image-wrap {margin-bottom: 125px;} .one-piece-campaign .banner-sub-section .row-section .content-wrap, .promotion-page.one-piece-campaign .bikkura-pon-section .bikkura-pon-wrap, .promotion-page.one-piece-campaign .overlay-section .bottle-set-sec .image-wrap {max-width: 91%;} .one-piece-campaign .how-to-recieve li br {display: none;} .one-piece-campaign .how-to-recieve li:nth-child(2) br, .one-piece-campaign .how-to-recieve li:last-child br:last-child {display: block;} } /***** one piece kmd ******/ /***** 15th anniversay ******/ .campaign-page.kura-15th-anniversary video {width: 100%;} .campaign-page.kura-15th-anniversary #top-video, .campaign-page.kura-15th-anniversary #spotlight-video {position: relative;max-width: 71%;margin: auto;} .campaign-page.kura-15th-anniversary .banner-section img {max-width: 500px;margin: 0 auto;} .campaign-page.kura-15th-anniversary .logo-section, .campaign-page.kura-15th-anniversary .authentic-section .video-wrap {text-align: center;padding: 30px 0;} .campaign-page.kura-15th-anniversary .banner-section {padding: 0;} .campaign-page.kura-15th-anniversary p, .campaign-page.kura-15th-anniversary .banner-section p {color: #000;font-family: 'DIN 2014';font-size: 18px;font-weight: 500;text-align: left;} .campaign-page.kura-15th-anniversary .our-journey-section {padding: 50px 0;text-align: center;} .campaign-page.kura-15th-anniversary h2, .campaign-page.kura-15th-anniversary h3 {line-height: 1.2; margin: 0;text-transform: uppercase;font-size: 3rem;font-weight: 700;} .campaign-page.kura-15th-anniversary h3 {margin-bottom: 20px;} .campaign-page.kura-15th-anniversary .our-journey-section .image-wrap {padding-top: 30px;} .campaign-page.kura-15th-anniversary .archives-section .column-wrap {width: 100%;max-width: 70%;margin: 0 auto;text-align: center;} .campaign-page.kura-15th-anniversary .team-banner-section.authentic-section {padding: 50px 0;} .campaign-page.kura-15th-anniversary .cta-wrap a {display: inline-block;text-align: center;max-width: 200px;width: 100%;padding: 20px;font-weight: 700;margin: 0 auto;background-image: none;} .campaign-page.kura-15th-anniversary .cta-wrap {margin: 30px 0 0;text-align: center;} .campaign-page.kura-15th-anniversary .fly-to-japan-section .cta-wrap a {max-width: 48%;margin: 0 10px;width: 100%;} .campaign-page.kura-15th-anniversary .promotion-rewards-section {background: transparent;} .campaign-page.kura-15th-anniversary .promotion-rewards-section a {color: #000;} .campaign-page.kura-15th-anniversary .archives-section p {text-align: center;} .campaign-page.kura-15th-anniversary .archives-section .row-section {display: flex;align-items: center;justify-content: space-between;} .campaign-page.kura-15th-anniversary .archives-section .image-wrap .column-wrap {max-width: 100%;} .campaign-page.kura-15th-anniversary .archives-section .image-wrap .column-wrap .image-wrap {margin: 10px;box-shadow: 0 0px 5px 0 #000;} .campaign-page.kura-15th-anniversary .archives-section .image-wrap .column-wrap .col-md-4 {padding: 0;} .campaign-page.kura-15th-anniversary .archives-section .image-wrap .column-wrap .image-wrap img {width: 100%;height: 180px;object-fit: cover;} .campaign-page.kura-15th-anniversary .archives-section h3 {margin-bottom: 20px;} .campaign-page.kura-15th-anniversary .fly-to-japan-section .content-wrap {padding-top: 30px;} .campaign-page.kura-15th-anniversary .authentic-section .video-wrap {padding-bottom: 0;} .campaign-page.kura-15th-anniversary .fly-to-japan-section button.play_btn, .campaign-page.kura-15th-anniversary .fly-to-japan-section button.mute-video {background-color: #000 !important;width: 30px !important;background-size: 18px !important;} .campaign-page.kura-15th-anniversary .fly-to-japan-section .cta-wrap {margin: 10px 0;} @media (max-width: 1199px) { .campaign-page.kura-15th-anniversary .fly-to-japan-section .cta-wrap a {max-width: 45%;margin: 10px;} .campaign-page.kura-15th-anniversary .archives-section .image-wrap .column-wrap .image-wrap img {height: 150px;} } @media (max-width: 991px) { .campaign-page.kura-15th-anniversary .archives-section .column-wrap {max-width: 90%;} .campaign-page.kura-15th-anniversary #top-video, .campaign-page.kura-15th-anniversary #spotlight-video {max-width:100%;padding: 0;} .logo-section {max-width: 260px;margin: auto;} .campaign-page.kura-15th-anniversary .archives-section .image-wrap .column-wrap .image-wrap img {height: 120px;} .campaign-page.kura-15th-anniversary h2, .campaign-page.kura-15th-anniversary h3 {font-size: 2.5rem;} } @media (max-width: 767px) { .campaign-page.kura-15th-anniversary .archives-section .row-section {display: block;} .campaign-page.kura-15th-anniversary .archives-section .column-wrap .row {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;padding: 30px 0 0;} .campaign-page.kura-15th-anniversary h2, .campaign-page.kura-15th-anniversary h3 {font-size: 2.5rem;} .campaign-page.kura-15th-anniversary .archives-section .column-wrap {max-width: 100%;padding: 0 15px;} .campaign-page.kura-15th-anniversary p, .campaign-page.kura-15th-anniversary .banner-section p {font-size: 16px;} .campaign-page.kura-15th-anniversary .archives-section .image-wrap .column-wrap .image-wrap img {height: 200px;} } @media (max-width: 590px) { .campaign-page.kura-15th-anniversary .archives-section .image-wrap .column-wrap .image-wrap img {height: auto;} } @media (max-width: 575px) { .campaign-page.kura-15th-anniversary video {padding: 20px 0 0;} .campaign-page.kura-15th-anniversary .fly-to-japan-section .cta-wrap a {padding: 10px;font-size: 18px;margin: 5px;} } @media (max-width: 480px) { .campaign-page.kura-15th-anniversary .fly-to-japan-section .cta-wrap a {max-width: 100%;margin: 5px 0;} } /***** 15th anniversay ******/ /***** Pikmin kmd ******/ .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section {background-image: url(../png/pikmin-desk-bikkura.png);padding: 11% 0;position: relative;margin-top: -2px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec {background-image: url(../png/pikmin-desk-food.png);padding: 155px 0;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec .image-wrap {width: 100%;max-width: 420px;margin: 0 0 0 auto;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec {background-image: url(../png/pikmin-desk-tshirt.png);padding: 65px 0;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec .image-wrap {margin: 0 auto 0 50px;} .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec h4, .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec li, .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec p.note-text {line-height: 1.5;} .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec li {font-weight: 400;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec {background-image: url(../jpg/pikmin-bloom-desk.jpg);padding: 112px 0;position: relative;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec .image-wrap {margin: 85px 50px 0 auto;text-align: center;max-width: 480px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec .image-wrap p {color: #000;font-weight: 600;line-height: 1.5;font-size: 20px;margin: 15px 0 20px !important;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec .image-wrap h4 {text-transform: none;margin-bottom: 0px;line-height: 1;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section h2, .promotion-page.pikmin-bikkura-pon-page .overlay-section h4 {margin-bottom: 10px;} .promotion-page.pikmin-bikkura-pon-page .product-section h3 {font-size: 1.5rem;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec p.note-text {position: absolute;margin: 0 auto 0 10px;bottom: 25px;font-size: 12px !important;right: 10px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec .image-wrap p br {display: none;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec a.kura-btn {background-image: none;font-size: 18px;font-weight: 600;display: block;width: 100%;max-width: 350px;margin: 0 auto;padding: 12px 0;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap p.note-text {font-size: 14px;} @media (max-width: 1199px) { .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec {padding: 80px 0;} .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec h4, .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec li, .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec p.note-text {line-height: 1.2;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec {padding: 6% 0;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec .image-wrap {max-width: 280px;margin: 0 50px 0 auto;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec {padding: 125px 0;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {max-width: 380px;margin: 60px 55px 0 auto;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec .image-wrap p, .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec a.kura-btn {font-size: 16px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec {padding: 135px 0;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec p.note-text {font-size: 10px !important;} } @media (max-width: 1024px) { .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec {padding: 50px 0;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section {padding: 85px 0;} } @media (max-width: 991px) { .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section h2, .promotion-page.pikmin-bikkura-pon-page .overlay-section h4 {font-size: 30px;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section, .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec {padding: 75px 0;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec {padding: 40px 0 !important;!i;!;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {margin: 60px 25px 0 auto;} .promotion-page.pikmin-bikkura-pon-page .product-section h3 {font-size: 20px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec {padding: 115px 0 !important;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec p.note-text {bottom: 18px;} } @media (max-width: 965px) { .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section { background-image: url(../png/pikmin-mobile-bikkura-pon.png);padding: 30px 0 100%;background-position: bottom center;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec {background-image: url(../png/pikmin-mobile-food.png);} .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec.tshirt-sec {background-image: url(../png/pikmin-mobile-tshirt.png) !important;padding: 50px 0 100% !important;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec.pikmin-bloom-sec {background-image: url(../jpg/pikmin-bloom-mobile.jpg) !important;padding: 122% 0 !important;position: relative;} .pikmin-bikkura-pon-page .overlay-section {margin: 50px 0 0;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec .owl-nav, .promotion-page.pikmin-bikkura-pon-page .overlay-section .desktop-version.bottle-set-sec.odd-sec {display: none;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .mobile-version.bottle-set-sec.odd-sec {display: block;padding: 32px 0 !important;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec .image-wrap, .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec .image-wrap {max-width: 100%;margin: 0 auto 30px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec img {max-width: 350px;margin: 0 auto;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec .owl-dots {bottom: -5px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.giveaway-sec .image-wrap {max-width: 500px;margin: 0 auto;padding-bottom: 220px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {max-width: 500px;margin: 0 auto;position: absolute;bottom: 10%;left: 0;right: 0;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec p.note-text {text-align: center;bottom: 180px;font-size: 16px !important;left: 0;right: 0;width: 100%;} .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec p.note-text {margin-top: 10px !important;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap {padding-bottom: 50px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec a.kura-btn {font-size: 20px;} } @media (max-width: 767px) { .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {bottom: 8%;} } @media (max-width: 680px) { .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec.tshirt-sec .image-wrap {padding-bottom: 150px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .giveaway-sec.tshirt-sec {padding: 30px 0 100% !important;} .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec p.note-text {bottom: 130px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {bottom: 18%;max-width: 90%;padding: 0 !important;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec a.kura-btn {font-size: 18px;} } @media (max-width: 575px) { .promotion-page.pikmin-bikkura-pon-page .banner-sub-section .row-section .content-wrap {margin: 0 auto 35px;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.pikmin-bikkura-pon-page .overlay-section h4 {font-size: 24px;} .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec p.note-text {bottom: 110px;font-size: 12px !important;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {bottom: 16.5%;max-width: 85% !important;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap p.note-text {margin: 10px 0 0 !important;font-size: 12px;} } @media (max-width: 480px) { .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.pikmin-bikkura-pon-page .overlay-section h4 {font-size: 26px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec .image-wrap p {line-height: 1.2;font-size: 15px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec p.note-text {width: 100%;max-width: 320px;margin: 0 auto !important;bottom: 100px;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.pikmin-bikkura-pon-page .overlay-section h4 {font-size: 20px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .bottle-set-sec.odd-sec .image-wrap p br {display: block;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.pikmin-bikkura-pon-page .overlay-section h4 {font-size: 22px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec a.kura-btn {font-size: 16px;max-width: 300px;} } @media (max-width: 430px) { .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {max-width: 95% !important;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec p.note-text {bottom: 85px;} } @media (max-width: 375px) { .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec .image-wrap p {margin: 10px 0 !important;font-size: 14px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec p.note-text {font-size: 10px !important;bottom: 80px;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.pikmin-bikkura-pon-page .overlay-section h4 {font-size: 20px;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {bottom: 17%;} } @media (max-width: 366px) { .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap h2, .promotion-page.pikmin-bikkura-pon-page .overlay-section h4 {font-size: 20px;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section .bikkura-pon-wrap p {font-size: 15px;} .promotion-page.pikmin-bikkura-pon-page .bikkura-pon-section {padding: 30px 0 100%;} .promotion-page.pikmin-bikkura-pon-page .bottle-set-sec.giveaway-sec h4.give-sub-title {font-size: 18px !important;} } @media (max-width: 352px) { .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec.odd-sec .image-wrap {bottom: 14.65%;max-width: 90% !important;} .promotion-page.pikmin-bikkura-pon-page .overlay-section .pikmin-bloom-sec p.note-text {bottom: 65px;} } /***** Pikmin kmd ******/ /***** mr.fresh figure keychain2 ******/ .promotion-page.mr-freshfigure-keychain .bikkura-pon-section {background-image: none;background-color: #004a8f;padding: 50px 0 60px;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec {background-color: transparent;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .row-section {display: flex;align-items: center;} .promotion-page.mr-freshfigure-keychain .slider-wrapper .content-wrap {text-align: center;} .promotion-page.mr-freshfigure-keychain .slider-wrapper .content-wrap h4 {color: #fff;font-size: 24px;font-weight: 600;} .promotion-page.mr-freshfigure-keychain .owl-dots {width: 100%;text-align: center;margin-top: 20px;} .promotion-page.mr-freshfigure-keychain .owl-dots .owl-dot {padding: 5px;border: 1px solid #fff;width: 5px;height: 5px;display: inline-block;vertical-align: middle;margin: 0 2px;border-radius: 25px;} .promotion-page.mr-freshfigure-keychain .owl-dots .owl-dot.active {background-color: #fff;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section h2 {text-transform: uppercase;color: #fff;margin: 0 auto 10px;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .bikkura-pon-wrapper .content-wrap {width: 100%;max-width: 90%;margin: 0 auto;text-align: left;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .bikkura-pon-wrapper .content-wrap p {color: #fff;margin-bottom: 15px;font-weight: 300;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .bikkura-pon-wrapper .content-wrap p.note-text {margin: 30px 0 0;font-style: italic;font-size: 14px;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec h2 {color: #000;font-size: 2rem;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec ul.fun-fact-list {padding: 0;margin: 20px 0 0;font-weight: 600;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec ul.fun-fact-list li {font-weight: 400;font-size: 16px;margin: 5px 0;list-style: none;line-height: 1.5;} .promotion-page.mr-freshfigure-keychain .fun-facts-sec .image-wrap img {width: 100%;} .mr-freshfigure-keychain .banner-sub-section, .mr-freshfigure-keychain .team-banner-section {position: relative;} .mr-freshfigure-keychain .banner-sub-section .row-section .column-section img {z-index: -1;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec h2.mobile-view, .mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .fun-fact-mobile {display: none;} .mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .text-box {width: 100%;max-width: 75%;} @media (max-width: 1199px) { .mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .text-box {max-width: 90%;margin: 0 auto 0 0;} } @media (max-width: 991px) { .promotion-page.mr-freshfigure-keychain .bikkura-pon-section {padding: 50px 0 100px;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .row-section .column-section {width: 50%;} .mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .text-box {margin: 0 auto;} } @media (max-width: 965px) { .mr-freshfigure-keychain .banner-sub-section .row-section .column-section img.mobile-img {margin-top: -120px;} .mr-freshfigure-keychain .banner-sub-section .image-wrap {padding: 0;position: relative;z-index: -1;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section {padding: 30px 0 50px;} .promotion-page.mr-freshfigure-keychain .slider-wrapper {margin: 30px auto 50px;width: 100%;max-width: 80%;text-align: center;} .promotion-page.mr-freshfigure-keychain .slider-wrapper .content-wrap h4 {width: 100%;margin: 0 auto 15px;} .promotion-page.mr-freshfigure-keychain .fun-facts-sec .image-wrap img {margin: 0 auto;} } @media (max-width: 767px) { .promotion-page.mr-freshfigure-keychain .bikkura-pon-section {padding: 30px 0;} .promotion-page.mr-freshfigure-keychain .fun-facts-sec .image-wrap img, .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec ul.fun-fact-list {margin: 0 auto;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .column-section:last-child {margin: 0 auto;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec ul.fun-fact-list li {margin: 0 auto 10px;font-size: 15px;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .column-section:last-child { margin: 0 auto;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .bikkura-pon-wrapper .content-wrap p {font-size: 15px;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec h2 {font-size: 26px;} .mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .text-box {margin: 0 auto 0 0;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .bikkura-pon-wrapper .content-wrap {max-width: 95%;margin: 0 0 0 auto;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .row-section .column-section {width: 60%;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .row-section .column-section.image-slider-wrap:last-child {width: 40%;padding-left: 0;} .mr-freshfigure-keychain .banner-sub-section .row-section .column-section img.mobile-img {margin-top: -100px;} } @media (max-width: 680px) { .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .bikkura-pon-wrapper .content-wrap {max-width: 70%;text-align: center;margin: 0 auto;} .promotion-page.mr-freshfigure-keychain .slider-wrapper {max-width: 60%;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .row-section .column-section, .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .row-section .column-section.image-slider-wrap:last-child {width: 100%;} .mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .fun-fact-desk {display: none;} .mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .fun-fact-mobile, .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .row-section {display: block;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .row-section .column-section.image-slider-wrap:last-child {padding-left: 15px; } .mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec .text-box {margin: 0 auto;text-align: center;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec ul.fun-fact-list {max-width: 365px;} } @media (max-width: 575px) { .mr-freshfigure-keychain .banner-sub-section .row-section .column-section img.mobile-img {margin-top: -70px;} } @media (max-width: 480px) { .mr-freshfigure-keychain .banner-sub-section .row-section .column-section img.mobile-img {margin: -60px auto 20px;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .bikkura-pon-wrapper .content-wrap {max-width: 90%;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section.fun-facts-sec ul.fun-fact-list {max-width: 280px;} .promotion-page.mr-freshfigure-keychain .bikkura-pon-section .bikkura-pon-wrapper .content-wrap p {font-size: 16px;} .promotion-page.mr-freshfigure-keychain .slider-wrapper {max-width: 90%;margin: 50px auto;} } @media (max-width: 375px) { .mr-freshfigure-keychain .banner-sub-section .row-section .column-section img.mobile-img {margin: -45px auto 20px;} } /***** mr.fresh figure keychain2 ******/ .announcement-card a.press-card, .menu-category-cta a {display: block;} .menu-category-cta a:focus-visible {outline: 1px solid #000 !important;}