@charset "UTF-8"; /*! Global Element */ /* line 11, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ .clear { clear: both; } /* line 12, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ header .container { padding: 0px; } /* line 13, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ .no-padding { padding-left: 0px; padding-right: 0px; } /* line 14, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ main { background-color: #FFF; } /* line 15, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ .text-center { text-align: center; } /*.container {padding: 0px!important;}*/ /* line 20, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ button:disabled { background-color: #dddddd !important; color: #b3b3b3 !important; } /* line 25, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ div.no-padding { padding: 0px; } /* line 30, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ div.bg-none { background-color: transparent; } /* line 34, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ span.blue, i.blue { color: #ea5c81; } /* line 37, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ span.blue { display: inline-block; width: 100%; } /* line 42, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ button { cursor: pointer; } /* line 46, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ .no-padding { padding: 0; } /* line 49, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ .no-padding-top { padding-top: 0; } /* line 53, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ h1 { margin-bottom: 0; } /* line 57, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ .bg-center { background-size: 100%; background-position: center; } /* line 61, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/food-global.scss */ main { min-height: 800px; } @media only screen and (min-width: 0px) and (max-width: 320px) { /*html {width:320px; } #share-open, #share-btn, #fb-btn, #what-btn, #line-btn, #bookmark-btn {vertical-align: top;} .stick-share {width: 320px!important;}*/ } /* icon */ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon { display: inherit; } /* line 5, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .orange { background-color: #ec9729; color: #fff; } /* line 11, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.search { background-image: url(../images/search-page-icon-01.svg); background-repeat: no-repeat; } /* line 16, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.topsearch { background-image: url(../images/search-btn.svg); background-repeat: no-repeat; } /* line 21, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.topuser { background-image: url(../images/user-btn.svg); background-repeat: no-repeat; } /* line 28, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.top1 { background-image: url(../images/top1.svg); background-repeat: no-repeat; } /* line 33, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.top2 { background-image: url(../images/top2.svg); background-repeat: no-repeat; } /* line 38, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.top3 { background-image: url(../images/top3.svg); background-repeat: no-repeat; } /* line 45, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.jetso { background-image: url(../images/icon-menu-07.svg); background-repeat: no-repeat; } /* line 50, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.mall { background-image: url(../images/icon-menu-05.svg); background-repeat: no-repeat; } /* line 55, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.talk { background-image: url(../images/icon-menu-15.svg); background-repeat: no-repeat; } /* line 60, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.picks { background-image: url(../images/icon-menu-16.svg); background-repeat: no-repeat; } /* line 65, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.hot { background-image: url(../images/icon-menu-06.svg); background-repeat: no-repeat; } /* line 83, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.bookmark { background-color: #fff; -webkit-mask-image: url(../images/share-05.svg); mask-image: url(../images/share-05.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* line 90, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.link { background-color: #fff; -webkit-mask-image: url(../images/share-04.svg); mask-image: url(../images/share-04.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* line 97, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.whatsapp { background-color: #fff; -webkit-mask-image: url(../images/share-03.svg); mask-image: url(../images/share-03.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* line 104, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.fb { background-color: #fff; -webkit-mask-image: url(../images/share-02.svg); mask-image: url(../images/share-02.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* line 111, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.line { background-color: #fff; -webkit-mask-image: url(../images/share-07.svg); mask-image: url(../images/share-07.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* line 119, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.tag { -webkit-mask-image: url("../images/tag-01.svg"); mask-image: url("../images/tag-01.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background-color: #28a838; width: 20px; height: 20px; } /* line 125, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.product { -webkit-mask-image: url("../images/product-01.svg"); mask-image: url("../images/product-01.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background-color: #28a838; width: 20px; height: 20px; } /* line 131, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.search-result { -webkit-mask-image: url("../images/search-result-icon-01.svg"); mask-image: url("../images/search-result-icon-01.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background-color: #28a838; width: 20px; height: 20px; display: inline-block; } /* line 139, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.latest-news { -webkit-mask-image: url("../images/icon-menu-14.svg"); mask-image: url("../images/icon-menu-14.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; /*background-image: url(../images/icon-menu-14.svg); background-repeat: no-repeat;*/ background-color: #28a838; /*width:20px; height:20px;*/ display: inline-block; } /* line 148, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.new-product { -webkit-mask-image: url("../images/icon-new-product-menu.svg"); mask-image: url("../images/icon-new-product-menu.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background-color: #28a838; display: inline-block; } /* line 153, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.blog { -webkit-mask-image: url("../images/icon-new-blog.svg"); mask-image: url("../images/icon-new-blog.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background-color: #28a838; display: inline-block; } /* line 158, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.member { -webkit-mask-image: url("../images/icon-menu-17.svg"); mask-image: url("../images/icon-menu-17.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background-color: #28a838; display: inline-block; } /* line 168, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.about { background-image: url(../images/icon-menu-18.svg); background-repeat: no-repeat; } /* line 173, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.distant { background-image: url(../images/icon-menu-10.svg); background-repeat: no-repeat; } /* line 178, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.tour { background-image: url(../images/icon-menu-08.svg); background-repeat: no-repeat; } /* line 183, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.section { background-image: url(../images/icon-menu-19.svg); background-repeat: no-repeat; } /* line 188, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.createEvent { background-image: url(../images/create-event.svg); background-repeat: no-repeat; } /* line 192, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.newsletter { background-image: url(../images/icon-menu-12.svg); background-repeat: no-repeat; } /* line 199, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.hkyellow { background-color: #28a838; } /* line 203, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.share { background-color: #28a838; -webkit-mask-image: url(../images/share-01.svg); mask-image: url(../images/share-01.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; width: 30px; height: 30px; } /* line 215, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.nextarticle { background-color: #28a838; -webkit-mask-image: url(../images/share-06.svg); mask-image: url(../images/share-06.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; width: 30px; height: 30px; } /* line 226, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .icon.feeback { background: url(../images/send-mail.svg) no-repeat center center; width: 30px; height: 30px; margin: auto; text-align: center; } /* line 239, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ #share-open svg, #share-btn svg, #fb-btn svg, #what-btn svg, #line-btn svg, #threads-btn svg, #bookmark-btn svg, #link-btn svg { fill: rgba(0, 0, 0, 0.84); } /* line 243, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ #share-open i.icon, #share-btn i.icon, #fb-btn i.icon, #what-btn i.icon, #line-btn i.icon, #threads-btn i.icon, #bookmark-btn i.icon, #link-btn i.icon { width: 25px; background-size: 100%; height: 25px; } /* New */ /* line 253, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .large { width: 50px !important; height: 50px !important; } /* line 257, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/_global-icon.scss */ .white { background: #fff !important; } /*/ New*/ /* Ad zone */ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .ad-zone-desktop { padding: 10px 0px; } /* line 4, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .ad-zone-desktop img { display: block; margin: 0 auto; } /* line 10, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .ad { background-color: #fff; } /* line 14, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .adv_left { flex: 0 0 calc(99% - 300px); max-width: calc(99% - 300px); } @media (max-width: 991px) { /* line 14, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .adv_left { flex: 0 0 100%; max-width: 100%; width: 100%; } /* line 26, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .adv_left .owl-carousel .owl-item img { /*display: block; width: 30%; float: left;*/ } /* line 33, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .adv_left .caption-wrapper { /* position: relative!important;*/ } } /* line 41, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .adv_right { max-width: 300px; width: 300px; } @media (max-width: 991px) { /* line 41, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-adzone.scss */ .adv_right { max-width: 100%; width: 100%; text-align: center; /*padding-bottom: 10px;*/ padding: 20px; } } /* end Ad zone */ /* end Section Nav */ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-header { height: 130px; background-size: cover; } /* line 4, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-header .title-container { text-align: center; display: block; margin: auto 0; color: #ffffff; } /* line 10, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-header .chi-title { font-family: 'Noto Sans TC'; font-weight: 500; font-size: 20px !important; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); letter-spacing: 8px; } /* line 17, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-header .eng-title { font-family: 'Kalam', cursive; font-size: 60px !important; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); line-height: 1.3; } @media (max-width: 575px) { /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-header { height: 90px; } /* line 24, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-header h1 { font-size: 33px; } /* line 25, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-header .chi-title { font-size: 18px !important; } /* line 28, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-header .eng-title { font-size: 35px !important; } } /* line 39, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft { flex: 0 0 calc(99% - 300px); max-width: calc(99% - 300px); /*padding-left: 0px;*/ } @media (max-width: 991px) { /* line 39, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft { flex: 0 0 100%; max-width: 100%; width: 100%; } } /* line 53, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft-one, .section-slider .sliderLeft-two { padding: 0 10px 25px; } @media (min-width: 1170px) { /* line 53, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft-one, .section-slider .sliderLeft-two { flex: 0 0 calc(62% - 300px); max-width: calc(62% - 300px); } } @media (min-width: 992px) and (max-width: 1169px) { /* line 53, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft-one, .section-slider .sliderLeft-two { flex: 0 0 calc(65% - 300px); max-width: calc(65% - 300px); } } @media (min-width: 576px) and (max-width: 991px) { /* line 53, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft-one, .section-slider .sliderLeft-two { flex: 0 0 calc(50% - 0px); max-width: calc(50% - 0px); } } @media (max-width: 575px) { /* line 53, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft-one, .section-slider .sliderLeft-two { flex: 0 0 calc(100% - 0px); max-width: calc(100% - 0px); padding: 0 0.8rem 30px; } } /* line 82, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft-one .banner_caption .banner_tag, .section-slider .sliderLeft-two .banner_caption .banner_tag { margin-bottom: 0px !important; } /* line 83, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft-one .banner_caption .banner_tag a, .section-slider .sliderLeft-two .banner_caption .banner_tag a { color: #ea5c81; border-bottom: 3px solid #59c9bd; display: inline-block; margin: 4px 0px; font-weight: 500; line-height: 1.6; font-size: 16px; } /* line 92, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderLeft-one .banner_caption .content a, .section-slider .sliderLeft-two .banner_caption .content a { font-size: 18px; color: #505050; font-weight: 300; } /* line 98, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderRight { max-width: 300px; width: 300px; } @media (max-width: 991px) { /* line 98, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-slider .sliderRight { max-width: 100%; width: 100%; text-align: center; padding-bottom: 10px; } } /* line 116, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .adv_left > h3 { font-size: 20px; color: #59c9bd; } /* line 123, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .sub-section { background-color: #fff; margin: 20px 0; padding: 0px 20px; min-height: 32px; } /* line 130, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .section-block { padding: 12px 0px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } /* line 138, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .sub-tag { border-width: 0px 0px 3px 0px; border-style: solid; color: #424242 !important; font-weight: 300; font-size: 17px; margin-right: 5px; display: inline-block; /*padding:0px!important;*/ } @media (max-width: 575px) { /* line 146, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .sub-section { margin: 12px 0; padding: 0px 5px; } /* line 150, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionListing.scss */ .sub-tag { font-size: 15px; margin-right: 10px; } } /* end section Nav*/ /* end Section Nav */ /* line 2, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location, #section-bar { /* .time { .owl-item { padding:0px!important; } .owl-nav { margin-top: -17px!important; } } */ } /* line 6, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .container, #section-bar .container { /*overflow-x: auto;*/ } /* line 10, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location ul, #section-bar ul { /*width: 900px;*/ margin: 0px; padding: 0px; clear: left; height: 45px; /*overflow-x: auto;*/ } /* line 18, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location ul.owl-carousel, #section-bar ul.owl-carousel { width: auto; } /* line 23, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location ul li, #section-bar ul li { margin: 0px; padding: 0px; list-style: none; float: left; } /* line 25, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location ul li a, #section-bar ul li a { color: #757575; padding: 9px 0px; margin: 0px 10px; display: inline-block; font-size: 16px; } /* line 30, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location ul li a.active, #section-bar ul li a.active { color: #ec9729; font-weight: 700; border-bottom: solid 3px #ec9729; } /* line 45, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-stage-outer, #section-bar .owl-carousel .owl-stage-outer { padding-top: 0px; } /* line 50, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-nav, #section-bar .owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin-top: -15px; /* .owl-prev { left: -20px; } .owl-next { left: -20px; } */ } /* line 66, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-prev.disabled, #location .owl-carousel .owl-next.disabled, #section-bar .owl-carousel .owl-prev.disabled, #section-bar .owl-carousel .owl-next.disabled { display: none; } /* line 69, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-nav .owl-next, #section-bar .owl-carousel .owl-nav .owl-next { right: -60px; } @media (max-width: 1000px) { /* line 69, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-nav .owl-next, #section-bar .owl-carousel .owl-nav .owl-next { right: -20px; } } @media (max-width: 575px) { /* line 69, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-nav .owl-next, #section-bar .owl-carousel .owl-nav .owl-next { right: 10px; } } /* line 79, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-nav, #section-bar .owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin-top: -17px; margin-left: -30px; } @media (max-width: 575px) { /* line 79, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-nav, #section-bar .owl-carousel .owl-nav { margin-left: 10px; } } /* line 91, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-nav [class*=owl-], #section-bar .owl-carousel .owl-nav [class*=owl-] { position: absolute; color: #28a838; background-color: transparent; padding: 0; margin: 0; } /* line 102, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location .owl-carousel .owl-item, #section-bar .owl-carousel .owl-item { padding: 0px; } /* line 122, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #section-bar { background-color: #eeeeee; } /* line 128, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location ul { margin: 10px 0px; } /* line 132, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location ul li > a { padding: 10px 30px; background-color: #00a0e9; color: #fff; border-radius: 10px; color: 20px; } /* line 141, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-sectionNav.scss */ #location ul li > a:hover { background-color: #0091c4; } /* end section Nav*/ /* Listing style */ @media (min-width: 768px) and (max-width: 991px) { /* line 3, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ img.card-img-top { display: block; } /* line 6, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .card-detail { /* background-color: #fff;*/ } } @media (min-width: 376px) and (max-width: 575px) { /* line 14, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list { border-bottom: 1px solid rgba(102, 102, 102, 0.25); margin-top: 20px; } /* line 18, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list h5 { line-height: 15px; font-size: 1.5rem; padding: 0px; } /* line 19, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list h6 { margin-bottom: 0px; } /* line 20, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card { display: table; border: none; background-color: rgba(255, 255, 255, 0); width: 100%; } /* line 27, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list img.card-img-top { display: block; border-left: 4px solid #f9d400; float: left; width: 35%; margin-right: 10px; border-radius: 0px; } /* line 37, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-detail { /*border-left: 4px solid #f9d400;*/ border-top: none; margin-left: 0px; padding: 0px 0px 0px 0px; display: table; width: 60%; border-radius: 0px; vertical-align: top; } /* line 49, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-title { margin: 0px; /* height: 35px!important; min-height: 35px!important;*/ } /* line 55, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-title a, .mobile-list .card-tag a { font-size: 1rem !important; padding: 0px; } /* line 56, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-detail .card-info .author, .mobile-list .card-detail .card-info .time { line-height: 1.5rem; padding: 0px; } /* line 61, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-info { /*display: inline-block;*/ vertical-align: bottom; } /* line 65, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list.card-wrapper { padding-top: 0px; } } @media (min-width: 321px) and (max-width: 375px) { /* line 73, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list { border-bottom: 1px solid rgba(102, 102, 102, 0.25); margin-top: 20px; } /* line 77, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list h5 { line-height: 13px; font-size: 1.5rem; padding: 0px; } /* line 78, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list h6 { margin-bottom: 0px; } /* line 79, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card { display: table; border: none; background-color: rgba(255, 255, 255, 0); width: 100%; } /* line 86, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list img.card-img-top { display: block; border-left: 4px solid #f9d400; float: left; width: 35%; margin-right: 10px; border-radius: 0px; } /* line 96, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-detail { /*border-left: 4px solid #f9d400;*/ border-top: none; margin-left: 0px; padding: 0px 0px 0px 0px; display: table; width: 60%; border-radius: 0px; vertical-align: top; } /* line 107, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-title { margin: 0px; height: 35px !important; min-height: 35px !important; } /* line 113, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-title a, .mobile-list .card-tag a { font-size: 0.8rem !important; padding: 0px; } /* line 114, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-detail .card-info .author, .mobile-list .card-detail .card-info .time { line-height: 1rem; padding: 0px; } /* line 119, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-info { /*display: inline-block;*/ vertical-align: bottom; } /* line 124, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list.card-wrapper { padding-top: 0px; } } @media (max-width: 320px) { /* line 134, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list { border-bottom: 1px solid rgba(102, 102, 102, 0.25); border-left: 4px solid #f9d400; margin-top: 20px; } /* line 139, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list h5 { line-height: 15px; font-size: 1.5rem; padding: 0px; } /* line 140, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list h6 { margin-bottom: 0px; } /* line 141, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card { display: table; border: none; background-color: rgba(255, 255, 255, 0); width: 100%; } /* line 148, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list img.card-img-top { display: none; } /* line 154, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-detail { /*border-left: 4px solid #f9d400;*/ border-top: none; margin-left: 0px; padding: 0px 0px 0px 0px; display: table; width: 100%; border-radius: 0px; vertical-align: top; } /* line 165, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-title { margin: 0px; /*height: 35px!important;*/ min-height: 35px !important; } /* line 171, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-title a, .mobile-list .card-tag a { font-size: 1rem !important; padding: 0px; } /* line 172, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-detail .card-info .author, .mobile-list .card-detail .card-info .time { line-height: 1rem; padding: 0px; } /* line 177, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-listing.scss */ .mobile-list .card-info { display: inline-block; vertical-align: bottom; width: 100%; } } /* end custom card style */ /* custom card style */ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card { border: 1px solid #eeeeee !important; } /* line 3, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-wrapper { padding: 0.8rem; } /* line 7, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail { border-top: 4px solid #59c9bd; padding: 5px 10px 0px 10px; } /* line 11, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail .card-tag { margin: 2px 0px !important; font-size: 15px !important; } /* line 12, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail .card-tag a { color: #ea5c81; font-weight: 300; } /* line 13, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail .card-title { margin: 0px; height: 47px; min-height: 47px; overflow: hidden; } /* line 19, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail .card-title a { font-size: 16px; color: #505050; padding: 4px 0px 4px 0px; font-weight: 300; } /* line 27, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail .card-info { display: inline-block; width: 100%; } /* line 30, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail .card-info .author { float: left; color: #b3b3b3; font-size: 12px; line-height: 1.5rem; } /* line 31, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail .card-info .time { float: right; color: #b3b3b3; font-size: 12px; line-height: 1.5rem; } /* line 34, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .card-detail.no-information { padding-bottom: 10px; } /* line 39, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .sales-element .card-detail .card-info .author, .sales-element .card-detail .card-info .time { line-height: 1rem; padding: 0px; } /* line 43, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-card.scss */ .sales-element .card-title { margin: 0px; /*height: 35px!important;*/ min-height: 35px !important; } /* end custom card style */ /* Slider style */ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .slider-card { margin: 10px 10px 0px 10px; } /* line 2, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ /*.caption-wrapper { width: 100%; padding-left: 15px; position: absolute; bottom: 0; z-index: 2; display: block; line-height: 1.4; } */ /* line 13, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .section-slider .caption-wrapper { width: 100%; bottom: 0; /* background-color: $ub-main;*/ min-height: 30px; display: table; text-align: center; margin-bottom: 10px; /*border-left: solid 5px $ub-sec; */ width: 100%; position: absolute; } /* line 26, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .section-slider .caption-a, .section-slider .caption-b { background-color: #ec9729; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75); font-size: 25px; display: inline; box-shadow: 15px 0 0 #ec9729; box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 0px; font-weight: 700; border-left: 10px solid #28a838; padding-left: 8px; } @media only screen and (max-width: 768px) { /* line 46, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .section-slider .caption-wrapper { bottom: 0; position: relative; width: 100%; border: none; min-height: 60px; } /* line 53, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .section-slider .caption-a, .section-slider .caption-b { display: table-cell; background-color: #ea5c81; box-shadow: none; color: #fff; height: 100%; vertical-align: middle; font-weight: 400; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); } } /* line 69, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .ad .banner_caption { bottom: 0; margin: 0; position: absolute; padding: 0 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,59a5cc+99&0+0,1+54 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #a4cee3 54%, #59a5cc 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #a4cee3 54%, #59a5cc 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #a4cee3 54%, #59a5cc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#59a5cc',GradientType=0 ); /* IE6-9 */ } /* line 85, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .ad .banner_caption h6 { color: #fff !important; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); font-size: 20px; padding: 0px 0 5px 0; border-bottom: 4px solid #59c9bd; } /* line 99, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; } /* line 105, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .sub-section .owl-carousel .owl-stage { margin: auto; } /* line 109, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .newProduct .owl-stage { margin-top: 15px; } /* 2018-04-12 Latest Banner */ /* line 112, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut, .newProduct, .ad, .section-slider { width: 100%; display: inline-block; /* .container { width: 1200px; margin: auto; }*/ /* .time { .owl-item { padding:0px!important; } .owl-nav { margin-top: -17px!important; } } */ } /* line 126, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut ul, .newProduct ul, .ad ul, .section-slider ul { /*width: 900px;*/ margin: 0px; padding: 0px; clear: left; height: 45px; /*overflow-x: auto;*/ } /* line 134, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut ul.owl-carousel, .newProduct ul.owl-carousel, .ad ul.owl-carousel, .section-slider ul.owl-carousel { width: auto; height: auto; } /* line 140, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut ul li, .newProduct ul li, .ad ul li, .section-slider ul li { margin: 0px; padding: 0px; list-style: none; float: none; } /* line 142, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut ul li a, .newProduct ul li a, .ad ul li a, .section-slider ul li a { color: #ea5c81; padding: 0px; display: inline-block; /*text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);*/ } /* line 146, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut ul li a.active, .newProduct ul li a.active, .ad ul li a.active, .section-slider ul li a.active { color: #fff; background-color: #348BBE; } /* line 160, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .owl-carousel .owl-stage-outer, .newProduct .owl-carousel .owl-stage-outer, .ad .owl-carousel .owl-stage-outer, .section-slider .owl-carousel .owl-stage-outer { padding-top: 0px; } /* line 165, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .owl-carousel .owl-nav, .newProduct .owl-carousel .owl-nav, .ad .owl-carousel .owl-nav, .section-slider .owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin-top: -15px; } /* line 173, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .owl-carousel .owl-prev.disabled, .relatedProdcut .owl-carousel .owl-next.disabled, .newProduct .owl-carousel .owl-prev.disabled, .newProduct .owl-carousel .owl-next.disabled, .ad .owl-carousel .owl-prev.disabled, .ad .owl-carousel .owl-next.disabled, .section-slider .owl-carousel .owl-prev.disabled, .section-slider .owl-carousel .owl-next.disabled { display: none; } /* line 176, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .owl-carousel .owl-nav .owl-next, .newProduct .owl-carousel .owl-nav .owl-next, .ad .owl-carousel .owl-nav .owl-next, .section-slider .owl-carousel .owl-nav .owl-next { right: -0px; } @media (max-width: 575px) { /* line 176, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .owl-carousel .owl-nav .owl-next, .newProduct .owl-carousel .owl-nav .owl-next, .ad .owl-carousel .owl-nav .owl-next, .section-slider .owl-carousel .owl-nav .owl-next { right: 10px; } } /* line 183, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .owl-carousel .owl-nav, .newProduct .owl-carousel .owl-nav, .ad .owl-carousel .owl-nav, .section-slider .owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin-top: -17px; /*margin-left: -30px; @media (max-width:575px){ margin-left: 10px; }*/ } /* line 195, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .owl-carousel .owl-nav [class*=owl-], .newProduct .owl-carousel .owl-nav [class*=owl-], .ad .owl-carousel .owl-nav [class*=owl-], .section-slider .owl-carousel .owl-nav [class*=owl-] { position: absolute; color: #59c9bd; background-color: transparent; padding: 0; margin: 0; } /* line 206, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .owl-carousel .owl-item, .newProduct .owl-carousel .owl-item, .ad .owl-carousel .owl-item, .section-slider .owl-carousel .owl-item { padding: 0px; } /* line 225, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .newProduct ul li { display: block; } /* line 227, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .newProduct ul li a { /*display: block;*/ } /* line 236, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .newProduct ul li a, .article_intformation ul li a { display: block; } /* line 246, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut a:hover, .newProduct a:hover { text-decoration: none; } /* line 249, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut a:active, .newProduct a:active { text-decoration: none; } /* line 253, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .card, .newProduct .card { border: none; margin-bottom: 15px; } @media only screen and (min-width: 1170px) { /* line 253, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .card, .newProduct .card { padding: 15px; } } /* line 261, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .card .card-detail, .newProduct .card .card-detail { border-top: none; color: #505050; } /* line 265, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .card .wide-ratio:before, .newProduct .card .wide-ratio:before { padding-top: 100%; } /* line 270, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .relatedProdcut .card h6, .newProduct .card h6 { color: #59c9bd; margin-bottom: 0px; } /* line 280, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .beautyBlog .card { border: none; padding: 10px 10px 10px; } /* line 283, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .beautyBlog .card a { display: table; color: #505050; margin: 10px; } /* line 286, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .beautyBlog .card a:hover { text-decoration: none; } /* line 289, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .beautyBlog .card a:active { text-decoration: none; } /* line 293, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .beautyBlog .card .blog-L { display: table-cell; width: 40%; } @media (max-width: 768px) { /* line 293, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .beautyBlog .card .blog-L { display: inline-block; width: 100%; } } /* line 303, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .beautyBlog .card .card-detail { display: table-cell; vertical-align: top; border: none; font-size: 12px; } @media (max-width: 768px) { /* line 303, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .beautyBlog .card .card-detail { display: inline-block; width: 100%; } } /* line 319, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .sliderLeft { padding-bottom: 25px; } /* line 321, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .sliderLeft .banner_caption { position: relative; } /* line 324, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .sliderLeft .banner_caption h6 { color: #ea5c81; border-bottom: 3px solid #59c9bd; display: inline-block; margin: 4px 0px; font-weight: 300; line-height: 1.6; } /* line 332, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .sliderLeft .banner_caption .content { font-size: 18px; line-height: 1.3; height: 47px; min-height: 47px; overflow: hidden; } /* Slider */ /* line 343, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-banner.scss */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { /* font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');*/ } /* end Slider style */ /* Global Section */ /* Section Title*/ /* line 3, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-title.scss */ .section-title { display: table; width: 100%; border-bottom: solid 4px #ec9729; padding-top: 10px; } /* line 11, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-title.scss */ .section-title div { display: table-cell; /* background-color: #fff; */ } /* line 12, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-title.scss */ .section-title h2 { display: inline-block; font-size: 28px; color: #ec9729; padding-left: 10px; margin-bottom: 4px !important; } /* line 19, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-title.scss */ .section-title h2 ~ a { display: inline-block; } /* line 24, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-title.scss */ .section-title div.no-link { text-align: left !important; float: left !important; } /* line 26, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-title.scss */ .section-title div:last-child { text-align: right; float: right; } /* line 30, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-title.scss */ .section-title i { display: inline-block; width: 30px; height: 30px; margin-top: 3px; float: left; background-size: 100%; } /* line 39, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-title.scss */ .section-title a { color: #ec9729; } /* Global Header styles and animations */ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #ul-menu { display: none !important; } /* line 3, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu { background-color: #ec9729; display: table; width: 100%; } /* line 8, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu i { color: #fff; font-size: 23px; } @media only screen and (min-width: 576px) { /* line 8, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu i { font-size: 27px; } } /* line 10, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .container { display: table; padding: 0px; } /* line 15, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .logo { text-align: left; padding: 5px; transition: all .2s ease-in-out; } @media only screen and (min-width: 576px) { /* line 15, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .logo { padding: 15px; } } /* line 22, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .logo img { margin: auto; padding: 2px 0px; height: 35px; } @media only screen and (min-width: 576px) { /* line 22, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .logo img { height: 45px; margin: auto; padding: 0px; } } /* line 34, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu a.login, #global-menu a.search { padding: 2px 5px; margin-left: 5px; border-radius: 5px; /*display: inline-block;*/ } @media only screen and (min-width: 576px) { /* line 34, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu a.login, #global-menu a.search { padding: 5px 10px; border: solid 1px #fff; } } /* line 44, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu a.login i, #global-menu a.search i { width: 22px; height: 22px; text-align: center; background-size: 106%; background-position: center -2px; margin-top: 6px; } @media only screen and (min-width: 576px) { /* line 44, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu a.login i, #global-menu a.search i { margin-top: 0px; background-size: 100%; width: 29px; height: 29px; margin-top: 4px; background-position: center center; } /* line 61, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu a.login i.topsearch, #global-menu a.search i.topsearch { margin-top: 5px; } } /* line 68, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .avatar { display: inline-grid; padding-top: 5px; } @media only screen and (min-width: 576px) { /* line 68, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .avatar { padding-top: 0px; } } /* line 78, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .avatar img { width: 25px; height: 25px; margin: 2px; border-radius: 50%; padding: 0; /* display: none;*/ -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); } @media only screen and (min-width: 576px) { /* line 78, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu .avatar img { margin: 10px; } } /* line 97, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-left, #global-center, #global-right { display: table-cell; vertical-align: middle; } /* line 98, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-left { text-align: left; width: 50px; } /* line 99, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-right { text-align: right; padding-right: 10px; } /* line 103, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-right .show { display: inline-block !important; top: 10px !important; } /* line 105, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-right .user, #global-right .search { display: inline-block; } /* line 110, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #ul-menu { text-align: left; } /* line 112, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #ul-menu .v-line { background-color: #dfdfdf; margin: 0 0 5px; padding: 0; width: 1px; } /* line 118, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #ul-menu .channel { padding: 8px 15px; } /* line 120, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #ul-menu .channel a { color: #9fa0a0; font-size: 13px; } /* line 122, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #ul-menu .logo { float: left; padding: 5px; } /* line 124, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #ul-menu .logo img { height: 20px; margin: auto; } /* line 129, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #desktop-channel-indicator .all-channels { display: inline-block; vertical-align: middle; text-align: center; } /* line 131, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #desktop-channel-indicator .all-channels div { display: inline-block; vertical-align: middle; text-align: center; } /* line 134, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #desktop-channel-indicator .all-channels div.hk-active { background-image: url(../images/ul-menu-indicator.png); background-repeat: no-repeat; background-position: 50% 100%; } /* line 138, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #desktop-channel-indicator .all-channels div.hk-active a { color: #ea5c81; } /* line 145, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #desktop-channel-indicator div:nth-child(6) { background-image: url(../images/ul-menu-indicator.png); background-repeat: no-repeat; background-position: 50% 100%; } /* line 149, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #desktop-channel-indicator div:nth-child(6) a { color: #ec9729; } /* line 152, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #desktop-channel-indicator .v-line { background-color: #dfdfdf; margin: 0 0 5px; padding: 0; width: 1px; height: 20px; display: inline-block; vertical-align: middle; } /* line 165, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #desktop-channel-indicator .tagline { float: right; display: inline-block; vertical-align: middle; padding: 10px; } /* Sticky bar*/ /* line 174, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-menu.stuck { position: fixed; top: 0; width: 100%; z-index: 999; box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.25); } /* end Sticky bar*/ @media (min-width: 576px) { /* line 186, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #ul-menu { display: none !important; } /* line 187, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-left { text-align: left; width: 50px; } /* line 188, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-right { width: 25%; } } @media (max-width: 991px) { /* line 194, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-left { width: 23.3%; } /* line 195, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-topmenu.scss */ #global-center .logo { text-align: center; } } /* end Global Header styles and animations */ /* Global Slider Menu */ /* MENU */ /* line 2, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .site-pusher, .site-container { height: 100%; background: #fff; } /* line 9, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .site-container { overflow: hidden; } /* line 13, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .site-pusher { position: relative; left: 0; transition: left 0.2s ease-in-out; } /* line 19, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .with--sidebar { overflow: hidden; } /* line 21, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .with--sidebar .site-pusher { left: 100%; } /* line 24, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .with--sidebar .site-cache { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; height: 100%; } /* line 34, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .with--sidebar .menu { position: fixed; left: 0; top: 0; z-index: 999999999999999; transition: left 0.2s ease-in-out; background-color: #ec9729; } /* line 48, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu { position: fixed; left: -550px; transition: left 0.2s ease-in-out; background-color: #fff; width: 100%; height: 100%; /* 2018 04 13 ----- Search */ } /* line 56, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul { margin: 0px !important; padding: 0px !important; } /* line 57, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu li { list-style: none; } /* line 59, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu a { display: block; /*height: 40px;*/ text-align: center; /*line-height: 40px;*/ /*border-bottom: 1px solid $uf-main;*/ color: #ec9729; } /* line 67, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .inner { width: 100%; } /* line 70, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .right { display: table-cell; text-align: right; vertical-align: middle; } /* line 73, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .ul-branding { background-color: #d6d6d6; display: table; width: 100%; } /* line 77, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .ul-branding .ul-logo { display: table-cell; text-align: left; padding: 8px; } /* line 79, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .ul-branding .ul-logo a { border: none; height: auto; } /* line 80, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .ul-branding .ul-logo img { float: left; height: 29px; } /* line 84, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .ul-branding .right button i { font-size: 24px; color: #6d6d6d; } /* line 87, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .all-channels { background-color: #e8e8e8; width: 100%; display: table; } /* line 88, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .uf-tagline { border-top: 3px solid #ec9729; } /* line 89, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .channel { display: table-cell; width: 14%; } /* line 91, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .channel a { font-size: 12px; height: auto; line-height: 30px; } /* line 93, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .channel:nth-child(1) a { color: #197cbc; } /* line 94, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .channel:nth-child(2) a { color: #65b145; } /* line 95, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .channel:nth-child(3) a { color: #ec9729; } /* line 96, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .channel:nth-child(4) a { color: #df1b80; } /* line 97, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .channel-indicator .channel:nth-child(5) a { color: #bfa780; } /* line 99, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section { background-color: #fff; } /* line 101, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(1):hover > a { color: #ec9729; } /* line 102, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section > li:nth-child(1) { background-color: #fcb253; color: #fff; } /* line 105, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section > li:nth-child(1) a { color: #fff; width: auto; display: inline-block; padding-top: 8px; } /* line 115, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(1) i { background-color: #ec9729; -webkit-mask-image: url(../images/icon-menu-01.svg); mask-image: url(../images/icon-menu-01.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; /*background-image: url(../images/icon-menu-01.svg); */ } /* line 124, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(1) .fb-login { display: inline-block; height: 40px; vertical-align: top; padding-top: 5px; } /* line 129, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(1) .fb-login img { height: auto; border-left: solid 1px #666; margin-left: 10px; padding-left: 10px; } /* line 139, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(2) i { background-image: url(../images/icon-menu-02.svg); } /* line 140, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(3) i { background-image: url(../images/icon-menu-03.svg); } /* line 141, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(4) i { background-image: url(../images/icon-menu-04.svg); } /* line 142, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(5) i { background-image: url(../images/icon-menu-05.svg); } /* line 143, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(6) i { background-image: url(../images/icon-menu-06.svg); } /* line 144, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(7) i { background-image: url(../images/icon-menu-07.svg); } /* line 145, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li:nth-child(6) i { background-image: url(../images/icon-menu-08.svg); } /* line 148, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section .avatar { display: inline-block; } /* line 151, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section .avatar img { width: 40px; height: 40px; border-radius: 50%; padding: 0; display: inline-block; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); } /* line 165, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section .member-detail { display: table; width: 100%; } /* line 169, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section .member-detail .member-name { display: inline-block; padding-left: 10px; padding-right: 10px; } /* line 180, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .other-section li:nth-child(1) i { background-image: url(../images/icon-menu-09.svg); } /* line 181, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .other-section li:nth-child(2) i { background-image: url(../images/icon-menu-10.svg); } /* line 182, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .other-section li:nth-child(3) i { background-image: url(../images/icon-menu-11.svg); } /* line 183, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .other-section li:nth-child(4) i { background-image: url(../images/icon-menu-12.svg); } /* line 184, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .other-section li:nth-child(5) i { background-image: url(../images/icon-menu-13.svg); } /* line 188, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li, .menu .other-section li { padding: 0px; } /* line 191, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li i, .menu .other-section li i { display: inline-block; height: 25px; width: 25px; background-repeat: no-repeat; background-size: 100%; margin-right: 10px; } /* line 199, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .content-section li a, .menu .other-section li a { display: inline-block; } /* line 202, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .hk-active { color: #ec9729; font-weight: 700; background-image: url(../images/ul-menu-indicator.png); background-repeat: no-repeat; background-position: 50% 110%; } /* line 210, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .inner { overflow-y: auto; } /* line 212, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom { /*position: absolute;*/ background-color: #ec9729; text-align: center; /*padding: 20px;*/ min-height: 250px; } /* line 220, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom img { width: 50%; } /* line 224, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom img.apps { height: 50%; width: auto; /*padding:20px;*/ } /* line 225, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom span { color: #fff; font-size: 14px; padding: 10px; display: inline-block; } /* line 226, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom span.copyright { font-size: 10px; padding: 10px; } /* line 228, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom .text-align-right { text-align: right; } /* line 229, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom .text-align-left { text-align: left; } /* line 231, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom a { height: auto; display: inline-block; } /* line 232, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom .row { margin: 0; } /* line 235, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom .button { display: inline-block; width: 24%; text-align: center; padding: 2px; } /* line 241, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom .button i { font-size: 40px; color: #ec9729; background-color: #FFF; border-radius: 3px; /* margin: 10px 5px 0px 0px; */ display: inline-block; width: 60px; height: 60px; vertical-align: middle; border-radius: 50%; padding: 10px; } /* line 255, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom .apps-download { text-align: center; } /* line 263, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea { display: none; background-color: #f5f5f5; padding: 10px 10px 10px; text-align: center; } /* line 269, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea .search { /*display: none;*/ text-align: left; margin: 0px 10px 10px; background-color: #fff; border: 1px solid #CCC; border-radius: 5px; } @media (max-width: 350px) { /* line 263, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea { padding: 1px 5px 10px; } } /* line 282, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .round { padding: 6px; } /* line 283, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .line { fill: #5B6F75; } /* line 284, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .icon1 { fill: #D15E5E; } /* line 285, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .icon2 { fill: #E56990; } /* line 286, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .icon3 { fill: #F8B238; } /* line 288, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st0 { fill: #45636E; } /* line 289, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st1 { fill: #D15E5E; } /* line 290, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st2 { fill: #5B6F75; } /* line 291, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st3 { fill: #FFFFFF; } /* line 292, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st4 { fill: #547BBA; } /* line 293, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st5 { fill: #E56990; } /* line 294, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st6 { fill: #DB4F81; } /* line 295, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st7 { fill: #BDCCD4; } /* line 296, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st8 { fill: #F8B238; } /* line 297, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st9 { fill: #EAE671; } /* line 298, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st10 { fill: #E0DA5F; } /* line 299, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st11 { fill: #37AFA2; } /* line 300, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul.icon .st12 { fill: #59C9BD; } /* line 309, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea input { width: 100%; padding: 5px 10px 5px; border: none; } /* line 314, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; } /* line 317, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea input::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; } /* line 320, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea input:-ms-input-placeholder { /* IE 10+ */ font-size: 14px; } /* line 323, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea input:-moz-placeholder { /* Firefox 18- */ font-size: 14px; } /* line 328, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul { text-align: center; } /* line 331, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul li { display: inline-block; padding: 0px 10px; } @media (max-width: 350px) { /* line 331, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul li { padding: 0px 5px; } } /* line 337, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul li .round { background-color: #e0e0e0; border-radius: 50%; width: 60px; height: 60px; } /* line 343, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .quickArea ul li > a { line-height: auto; color: #666666; font-size: 14px; } /* line 349, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section .welcome, .menu ul.content-section .welcome { display: inline-block; } /* line 350, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section .alignLeft, .menu ul.content-section .alignLeft { display: table-cell; padding-bottom: 5px; } /* line 351, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section .alignRight, .menu ul.content-section .alignRight { display: table-cell; text-align: right; } /* line 352, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section .new, .menu ul.content-section .new { background-color: #28a838; padding: 2px 10px; font-size: 12px; border-radius: 5px; margin-left: 10px; } /* line 354, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li, .menu ul.content-section > li { background: #fff; border-bottom: 1px solid #eaeaea; font-size: 14px; padding: 0 15px 13px; } /* line 356, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li > a, .menu ul.content-section > li > a { width: 100%; text-align: left; padding-top: 10px; } /* line 360, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li .arrow, .menu ul.content-section > li .arrow { padding: 13px 0px 0px; color: #ec9729; } /* line 365, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li .arrow[aria-expanded=false]:after, .menu ul.content-section > li .arrow[aria-expanded=false]:after { content: "+"; /* position: absolute;url(../images/btn-arrow-dn.png)*/ float: right; font-size: 18px; font-weight: 500; } /* line 376, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li .arrow[aria-expanded=true]:after, .menu ul.content-section > li .arrow[aria-expanded=true]:after { content: "-"; /*position: absolute;url(../images/btn-arrow-up.png)*/ float: right; font-size: 18px; font-weight: 500; } @media (max-width: 350px) { /* line 354, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li, .menu ul.content-section > li { padding: 0px 15px 13px; } } /* line 396, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li .panel-body ul li, .menu ul.content-section > li .panel-body ul li { padding-right: 15px; border-bottom: none; padding: 0px; } /* line 398, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li .panel-body ul li .bigger, .menu ul.content-section > li .panel-body ul li .bigger { font-size: .9rem; } /* line 400, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li .panel-body ul li a, .menu ul.content-section > li .panel-body ul li a { padding: 0px; color: #28a838 !important; line-height: 16px; display: inline-block; height: auto; font-size: 12px; text-align: left; vertical-align: top; /*line-height: 1.8rem;*/ padding: 4px 0px; } /* line 418, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li .panel-body ul li:nth-child(1) a, .menu ul.content-section > li .panel-body ul li:nth-child(1) a { color: #fff; } /* line 430, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.content-section { background-color: #ec9729; font-size: 14px; } /* line 431, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.content-section li:nth-child(1) { padding: 10px 13px; } /* line 435, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section { background-color: #f2f2f2; } /* line 439, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li .panel-body ul li a { /*color: $uf-main!important;*/ } /* line 450, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu-margin-b, .menu-margin-b-expand[aria-expanded=true] { margin-bottom: 6px; } @media (min-width: 576px) { /* line 453, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .with--sidebar .site-pusher { left: 420px; } /* line 456, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu { width: 420px; } /* line 459, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li, .menu ul.content-section > li { padding: 0 15px 18px; } /* line 463, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu ul.other-section > li > a, .menu ul.content-section > li > a { padding-top: 17px; } /* line 466, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-slide-menu.scss */ .menu .mobile-menu-bottom { min-height: auto; } } /* end Global Slider Menu */ /* Global Search*/ /* Global Search*/ /* line 3, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #keyword-search { position: absolute; left: 0; top: -450px; z-index: 999999; width: 100%; transition: top 0.2s ease-in-out; -webkit-transition: max-height 0.2s; -moz-transition: max-height 0.2s; -ms-transition: max-height 0.2s; -o-transition: max-height 0.2s; transition: max-height 0.2s; max-height: 0; background-color: #fff; box-shadow: 0px 5px 2px rgba(68, 68, 68, 0.6); -moz-box-shadow: 0px 5px 2px rgba(68, 68, 68, 0.6); -webkit-box-shadow: 0px 5px 2px rgba(68, 68, 68, 0.6); overflow: hidden; } /* line 22, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #keyword-search.active { top: 0; max-height: 480px; } /* line 24, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget { width: 100%; padding: 10px; } /* line 26, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .sumbit-section { margin-top: 0px; } /* line 28, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .sumbit-section span { /*display: inline-block;*/ display: none; width: 100%; text-align: center; } /* line 37, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget #advance-search { padding: 10px 0 0 0; border: none; background-color: rgba(255, 255, 255, 0); width: 100%; } /* line 42, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget #advance-search div { box-sizing: border-box; color: #ec9729; font-size: 20px; padding: 5px; background-color: #fff; border: 1px solid #ec9729; border-radius: 5px; } /* line 54, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget #keywordsearch { width: 100%; padding: 10px; border: none; margin-bottom: 10px; border-bottom: 1px solid #fff; } /* line 55, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .input-select { width: 90%; } /* line 56, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .input-select, #globalsearch-widget .close-section { display: table-cell; text-align: center; } /* line 57, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .globalsearch-input { display: table; width: 100%; margin-bottom: 10px; } /* line 62, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .globalsearch-input #close-mobile-search { padding: 0px !important; } /* line 63, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .globalsearch-input #close-mobile-search img { width: 65%; } /* line 68, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #global-search-submit { background-color: #28a838; width: 100%; border: none; color: #fff; font-size: 18px; padding: 5px; border-radius: 5px; } /* line 78, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .suggest-search { padding: 10px; background-color: #e6e6e6; border-top: 2px solid #b3b3b3; } /* line 82, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .suggest-search h5 { color: #c4740d; } /* line 83, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .suggest-search .tag-btn { margin: 0px; padding: 0px; } /* line 85, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .suggest-search .tag-btn li { list-style: none; padding: 0; float: left; } /* line 89, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .suggest-search .tag-btn li a { background-color: #28a838; border: none; color: #fff; font-size: 16px; margin: 5px; padding: 6px 8px; float: left; border-radius: 3px; } /* line 104, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .with--globalsearch { overflow: hidden; } /* line 107, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .with--globalsearch .site-cache { position: fixed; top: 225px; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); /*height: 80%;*/ z-index: 1; } /* line 119, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .globalsearch-input ::placeholder { color: #c4740d; } @media (max-width: 575px) { /* line 122, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #global-search-submit { background-color: #ec9729; } /* line 123, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget #advance-search div { color: #28a838; border: 1px solid #28a838; font-size: 20px; line-height: 32px; } /* line 124, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .suggest-search h5 { font-size: 16px; color: #ec9729; margin-bottom: 8px; } /* line 125, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget #keywordsearch { border-bottom: 1px solid #ccc; } /* line 126, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .globalsearch-input ::placeholder { color: #ccc; } } @media (min-width: 577px) and (max-width: 767px) { /* line 131, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #keyword-search.active { top: 60px; } } @media (min-width: 768px) { /* line 137, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #keyword-search.active { top: 72px; } } @media (min-width: 768px) { /* line 144, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #keyword-search .container { padding: 0px; max-width: 100%; } /* line 145, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #global-search-submit { width: 30%; float: right; line-height: 32px; } /* line 146, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #ul-menu { display: block; } /* line 147, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .channel-indicator { display: none !important; } /* line 148, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .ul-branding .ul-logo { display: none !important; } /* line 149, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #ul-menu { display: block !important; } /* line 150, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .stuck #keyword-search.active { z-index: 9999; top: 70px; } /* line 152, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .ul-branding { display: none !important; } } @media (min-width: 1200px) { /* line 156, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #keyword-search .container { max-width: 1200px; } /* line 159, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ span.or { padding-top: 50px; } /* line 160, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .input-select { border-bottom: none; } /* line 163, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #advance-search { line-height: 16px; margin-top: 30px; font-size: 24px; } /* line 164, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #global-search-submit { width: 30%; float: right; line-height: 32px; font-size: 24px; } } @media (min-width: 576px) { /*#keyword-search.active { z-index: 9999; top:114px; }*/ /* line 170, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .stuck #keyword-search.active { z-index: 9999; top: 75px; } /* line 171, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #keyword-search { background-color: rgba(255, 198, 124, 0.98); padding: 20px; } /* line 172, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .close-section { display: none !important; } /* line 175, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .suggest-search { /*margin-top: 15px; */ padding: 0px; background-color: rgba(255, 255, 255, 0); border-top: none; border-right: 1px solid #ec9729; font-size: 24px; } /* line 183, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ .suggest-search h5 { font-size: 22px; margin-bottom: 8px; } /* line 185, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #advance-search { line-height: 48px; background-color: #ea5c81; color: #fff; margin-top: 30px; font-size: 24px; } /* line 192, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #globalsearch-widget .input-select { border-bottom: none; } /* line 195, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ span.or { padding-top: 50px; } /* line 196, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #advance-search div { border-radius: 10px !important; } } @media (max-width: 991px) { /* line 201, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #keyword-search .container { padding: 0px; max-width: 100%; } /* line 202, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #global-search-submit { width: 100%; float: none; line-height: 16px; } /* line 207, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ span.or { padding-top: 0px; } /* line 208, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #advance-search { margin-top: 0px; font-size: 24px; } /* line 209, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-search.scss */ #global-search-submit { line-height: 32px; font-size: 20px; } } /* end Global Search */ /* Global Footer*/ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer { background-color: #ffc67c; border-bottom: 4px solid #28a838; } /* line 2, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-tags, .footer-channel { float: left; } /* line 3, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-channel { padding-right: 25px; } /* line 4, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-tags { padding-left: 25px; border-left: 1px solid rgba(255, 255, 255, 0.5); } /* line 5, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-channel .footer-header { display: block; color: #ffffff; font-weight: 500; border-bottom: #ffffff 3px solid; font-size: 20px; } /* line 6, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-channel .footer-header.no-tagline { display: none; } /* line 7, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-channel .footer-label { font-size: 14px; color: #fff; display: block; text-align: center; margin: 1px 0px; } /* line 9, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-channel .button img { display: block; margin: 0 auto; padding: 5px 0px; } /* line 10, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-tags .section-tags a { font-size: 16px; color: #128c21; font-weight: 500; margin-right: 15px; display: inline-block; } /* line 11, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-tags .title { font-size: 19px; color: #c4740d; font-weight: 500; margin-top: 8px; } /* line 12, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-tags .tags a { font-size: 16px; color: #ffffff; font-weight: 300; margin-right: 8px; display: inline-block; } /* line 13, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .copyright { background-color: #c4740d; font-size: 12px; text-align: right; color: #ffffff; } /* line 14, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .copyright .container { padding: 3px 20px 3px 0px; } @media only screen and (max-width: 767px) { /* line 17, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-channel, .footer-tags { padding: 0px 15px; } /* line 18, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .footer-tags { margin-left: none; } /* line 19, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .mobile-border { border-top: 1px solid rgba(255, 255, 255, 0.5); margin: 15px 0px; } } /* line 22, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer > .container { padding: 20px 0; } /* line 25, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .menu .mobile-menu-bottom span { font-size: 20px; color: #ffffff; font-weight: 500; margin-top: 8px; } /* line 32, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .no-padding img { width: 46%; } /* line 35, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button.apps { width: 49%; } /* line 36, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button.member { width: 48%; } @media only screen and (max-width: 400px) { /* line 36, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button.member { width: 47%; } } @media only screen and (min-width: 768px) and (max-width: 1169px) { /* line 39, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button { width: 49% !important; } /* line 40, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button.member { width: 47% !important; } } /* line 44, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button.apps i, .uf-footer .button.social i, .uf-footer .button.social { margin-top: 5px; } /* line 46, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button { display: inline-block; width: 24%; text-align: center; padding: 2px; } /* line 52, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button i { font-size: 30px; padding: 5px 10px; color: #fff; background-color: #ec9729; border-radius: 3px; margin: 10px 5px 0px 0px; display: inline-block; width: 100%; } /* line 61, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .button.member { border-radius: 3px; padding: 5px 10px; background-color: #ec9729; color: #fff; margin: 10px 5px 0px 0px; line-height: 30px; font-size: 18px; font-weight: 500; } /* line 74, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .apps-download { text-align: center; padding: 10px; } /* line 77, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-footer.scss */ .uf-footer .apps-download img { width: 40%; } /* end Global Footer */ /* Global Hover Effect*/ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ ::selection { background: #FFC67C; color: #FFFFFF !important; } @media (min-width: 992px) { /* line 8, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ a:hover { transition: all 0.1s ease-in; } /* line 9, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ a { transition: all 0.1s ease-out; } /* line 12, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ #section-bar ul li a:hover { color: #212121 !important; } /* line 13, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ #section-bar ul li a.active:hover { color: #ec9729 !important; } /* line 16, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .menu .content-section > li:nth-child(1) a:hover { color: #c4740d; } /* line 17, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .content-section li:hover > a, .other-section li:hover > a { color: #C4740d !important; } /* line 18, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .menu ul.other-section > li .panel-body ul li a:hover, .menu ul.content-section > li .panel-body ul li a:hover { color: #128C21 !important; } /* line 19, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .menu .mobile-menu-bottom .button i:hover { color: #c4740d !important; transition: all 0.1s ease-in; } /* line 22, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ #global-search-submit, #globalsearch-widget #advance-search div { transition: all 0.1s ease-out; } /* line 23, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ #global-search-submit:hover { background-color: #46ba54; transition: all 0.1s ease-in; } /* line 24, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .suggest-search .tag-btn li a:hover { background-color: #46ba54; } /* line 25, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ #globalsearch-widget #advance-search div:hover { background-color: #ec9729; color: #fff; transition: all 0.1s ease-in; } /* line 52, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ section.article-head .article-tag li a:hover { background-color: #46BA54; } /* line 53, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .latest-article-list li a:hover { color: #ec9729 !important; } /* line 54, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .latest-article-list .square-tag a:hover { color: #128C21 !important; } /* line 55, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .section-title a:hover { color: #C4740D; } /* line 56, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .article-tag a:hover { background-color: #FCB253; } /* line 59, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .related-article-list li a:hover { color: #ec9729 !important; } /* line 60, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .related-article .related-article-list .square-tag a:hover { background-color: #46BA54 !important; color: #ffffff !important; } /* line 63, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .footer-tags .section-tags a:hover { color: #026e0f; } /* line 64, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .footer-tags .tags a:hover { color: #c4740d; } /* line 65, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .footer-channel .button i, .footer-channel .button.member { transition: all 0.1s ease-out; } /* line 66, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .footer-channel .button i:hover, .footer-channel .button.member:hover { background-color: #fcb253 !important; transition: all 0.1s ease-in; } } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } /* line 137, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes fadeInLeft-uf { from { opacity: 0; -webkit-transform: translate3d(-2%, 0, 0); transform: translate3d(-2%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft-uf { from { opacity: 0; -webkit-transform: translate3d(-2%, 0, 0); transform: translate3d(-2%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* line 172, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .fadeInLeft-uf { -webkit-animation-name: fadeInLeft-uf; animation-name: fadeInLeft-uf; } /* line 177, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-hover.scss */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* end Global Hover Effect */ /* UI gradient*/ /* line 1, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-gradient.scss */ .gradient-1 { border-image: linear-gradient(to right, #ffafbd 0%, #c9ffbf 100%); border-image-slice: 1; } /* line 2, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-gradient.scss */ .gradient-2 { border-image: linear-gradient(to right, #fbc2eb 0%, #a18cd1 100%); border-image-slice: 1; } /* line 3, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-gradient.scss */ .gradient-3 { border-image: linear-gradient(to right, #7DE2FC 0%, #B9B6E5 100%); border-image-slice: 1; } /* line 4, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-gradient.scss */ .gradient-4 { border-image: linear-gradient(to right, #D4FFEC 0%, #57F2CC 48%, #4596FB 100%); border-image-slice: 1; } /* line 5, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-gradient.scss */ .gradient-5 { border-image: linear-gradient(to right, #faaca8 0%, #ddd6f3 100%); border-image-slice: 1; } /* line 6, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-gradient.scss */ .gradient-6 { border-image: linear-gradient(to right, #ed6ea0 0%, #ec8c69 100%); border-image-slice: 1; } /* line 7, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-gradient.scss */ .gradient-7 { border-image: linear-gradient(to right, #8fd3f4 0%, #84fab0 100%); border-image-slice: 1; } /* line 9, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_global-gradient.scss */ a:hover { text-decoration: none !important; } /* UI Comment*/ /* line 5, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .comment-box .member-name { /*margin-top: 9px;*/ display: inline-block; font-size: 11px; width: 100%; font-weight: 500; color: #ec9729; } /* line 14, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .comment-box .comment { /*padding: 0 20px;*/ } /* line 18, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .comment-box .avatar img { width: 30px; height: 30px; border-radius: 50%; padding: 0; } @media only screen and (max-width: 320px) { /* line 18, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .comment-box .avatar img { width: 100%; height: auto; } } /* line 31, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .comment-box .comment_btn { display: block; background-color: #ec9729; padding: 10px; text-align: center; /* border-radius: 3px; */ font-weight: 500; color: #fff !important; margin-left: 20px; margin-top: 6px; border-radius: 10px; margin-right: 15px; height: 45px; } /* line 48, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .comment-box .form-group textarea { display: block; background: 0; padding: .125rem .125rem .0625rem; font-size: 12px; border-width: 0; border-color: transparent; line-height: 1.9; width: 100%; color: transparent; -webkit-transition: all .28s ease; transition: all .28s ease; box-shadow: none; color: #555; border-bottom: solid 1px #555; margin-left: 15px; } /* line 66, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .comment-box .form-group .input-label { position: absolute; top: .25rem; pointer-events: none; padding-left: .125rem; z-index: 1; color: #b3b3b3; font-size: 14px; font-weight: 400; -webkit-transition: all .28s ease; transition: all .28s ease; } /* line 78, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .comment-box .more { border: none; border-radius: 5px; margin: 10px; padding: 10px 20px; background-color: #ec9729; color: #28a838; } /* line 91, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .announcementBox i { color: #FCB253; } /* line 92, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .announcementBox p { background-color: rgba(238, 238, 238, 0.278431); text-align: center; border: solid 1px #9e9e9e; padding: 10px; margin-top: 15px; border-radius: 10px; } /* line 102, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ input { background-color: transparent; border: none; border-bottom: 1px solid #CCC; box-sizing: border-box; } /* line 118, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ input:focus { outline: none; } /* line 125, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ input::-webkit-input-placeholder { color: #AAA; font-size: 16px; } /* line 130, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ input:focus::-webkit-input-placeholder { color: #ec9729; } /* line 135, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #keywordsearch:focus + .underline { transform: scale(1); } /* line 139, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .underline { background-color: #ec9729; display: block !important; height: 2px; /*left: 50px;*/ /*margin-top: -4px;*/ position: absolute; /*top: 185px;*/ -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.1s linear; transition: all 0.1s linear; /*width: 202px;*/ margin-top: -11px; } /* line 155, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .card-img-top { width: 100%; } /* line 158, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .error_message { color: #D3D3D3; margin-top: 10px; } /* line 163, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .error_action { display: block; height: 44px; width: 200px; color: #FFF !important; background-color: #f9d400; margin: 10px auto 20px; border-radius: 6px; padding: 8px; margin-bottom: 160px; } /* line 175, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .error_action, .error_message { font-size: 18px; font-weight: 500; text-align: center; } /* line 180, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .error_pic { display: block; margin: 100px auto 0; } /* line 185, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser, .error-404 { padding-top: 50px; min-height: 600px; } /* line 194, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser h1, .error-404 h1 { font-family: 'Noto Sans TC',sans-serif; font-style: normal; font-weight: 700; font-size: 60px; line-height: normal; color: #5a83c2; /*margin-left: 43px!important;*/ margin-top: 57px; margin-bottom: 5px; } @media only screen and (max-width: 767px) { /* line 194, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser h1, .error-404 h1 { text-align: center; margin-top: 17px; } } /* line 215, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser h2, .error-404 h2 { font-size: 24px; padding-top: 80px; } @media only screen and (max-width: 767px) { /* line 215, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser h2, .error-404 h2 { padding-top: 0px; margin-left: 15px !important; margin-right: 15px !important; margin-top: 30px !important; } } /* line 228, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser h3, .error-404 h3 { font-size: 18px; margin-left: 15px !important; margin-right: 15px !important; margin-top: 15px !important; } /* line 235, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser ul, .error-404 ul { margin-left: 15px !important; padding: 0px; } /* line 239, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser ul li, .error-404 ul li { list-style-type: none; font-size: 20px; color: #ec9729; } /* line 245, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser ul li:before, .error-404 ul li:before { color: #fcce0e; content: "\2022"; font-weight: 800; } /* line 253, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser img, .error-404 img { margin-top: 37px; margin-left: 7px; width: 292px; } @media only screen and (max-width: 440px) { /* line 253, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser img, .error-404 img { width: 250px; } } @media only screen and (min-width: 441px) { /* line 253, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser img, .error-404 img { width: 370px; } } @media only screen and (max-width: 767px) { /* line 253, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser img, .error-404 img { margin-right: 57px; } } /* line 274, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser .content-container, .error-404 .content-container { font-size: 15px; margin-top: 0; /*margin-left: 49px;*/ padding-top: 0 !important; } @media only screen and (max-width: 767px) { /* line 274, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser .content-container, .error-404 .content-container { text-align: center; } } /* line 284, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser .image-404, .error-404 .image-404 { text-align: center; } @media only screen and (min-width: 768px) { /* line 284, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser .image-404, .error-404 .image-404 { text-align: right; } } @media only screen and (max-width: 767px) { /* line 296, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser * { text-align: left; } } /* line 299, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .suggest-browser img { margin-right: 0px; } /* line 303, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .general-section.excerpt { margin: 10px; /* margin-top: 30px; */ padding: 15px; border-top: solid 6px #f9d400; border-bottom: solid 6px #f9d400; /*padding-bottom: 0px;*/ text-align: center; } /* line 313, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .general-section.excerpt img { width: 100%; } @media only screen and (max-width: 575px) { /* line 313, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .general-section.excerpt img { width: 50%; } } @media only screen and (min-width: 768px) { /* line 313, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .general-section.excerpt img { width: 170px; } } /* line 322, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .general-section.excerpt p { padding: 20px; margin-bottom: 0px; } @media only screen and (min-width: 575px) { /* line 322, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .general-section.excerpt p { text-align: left; } } /* line 329, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .general-section.excerpt p.information { padding: 0px 20px; } /* line 334, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .ad { padding: 20px; margin: 0; } /* line 338, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .ad-zone-mobile { margin-top: 10px; margin-bottom: 10px; text-align: center; } @media only screen and (max-width: 755px) { /* line 338, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .ad-zone-mobile { display: block; } } @media only screen and (min-width: 756px) { /* line 338, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .ad-zone-mobile { display: none; } } @media only screen and (max-width: 755px) { /* line 349, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .ad-zone-desktop { display: none; } } @media only screen and (min-width: 756px) { /* line 349, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .ad-zone-desktop { display: block; } } /* line 357, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .no-padding { padding: 0; } /* line 360, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .no-margin { margin: 0; } /* line 363, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .no-t-padding { padding-top: 0 !important; } /* line 366, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .no-t-margin { margin-top: 0 !important; } @media (max-width: 575px) { /* line 371, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .inner.row { margin: 0px !important; } } /* line 378, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form { padding-bottom: 80px; height: 100%; } @media (min-width: 576px) { /* line 378, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form { padding-bottom: 0px !important; } } /* line 383, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form h1 { /*display: inline-block;*/ color: #ec9729; font-size: 1.5rem; margin: 10px 0px; vertical-align: bottom; border-bottom: solid 4px #28a838; padding-bottom: 5px; } /* line 392, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form h1 i { width: 25px; height: 25px; display: inline-block; margin-right: 10px; } /* line 398, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form button { padding: 10px; width: 100%; margin: 10px 0; background-color: #28a838; border: none; cursor: pointer; } /* line 400, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form button:disabled { color: #d2d2d2 !important; } /* line 404, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .inner { width: 100%; padding: 20px 0px 0px; /*@media (min-width: 576px) {*/ margin: auto; /*}*/ } @media (min-width: 576px) { /* line 404, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .inner { width: 70%; padding: 20px 20px 0px; } } /* line 418, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch { background-color: #bebebe; border-radius: 4px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); color: #fff; cursor: pointer; display: block; font-size: 14px; height: 24px; margin-bottom: 12px; position: relative; width: 60px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } /* line 435, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch i { margin: 0 7px; } /* line 437, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch.checked { background-color: #ec9729; } /* line 440, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch input[type="checkbox"] { cursor: pointer; height: 10px; left: 12px; position: absolute; top: 8px; -webkit-transition: left 0.05s ease-in-out; -moz-transition: left 0.05s ease-in-out; -o-transition: left 0.05s ease-in-out; -ms-transition: left 0.05s ease-in-out; transition: left 0.05s ease-in-out; width: 10px; } /* line 453, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch.checked input[type="checkbox"] { left: 38px; } /* line 456, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch input:before { background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%); border: 1px solid #fff; border-radius: 2px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); content: ''; height: 18px; position: absolute; top: -5px; left: -9px; width: 26px; } /* line 474, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch input:after { background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #f0f0f0 0%, #fff 100%); background: -o-linear-gradient(top, #f0f0f0 0%, #fff 100%); background: -ms-linear-gradient(top, #f0f0f0 0%, #fff 100%); background: linear-gradient(to bottom, #f0f0f0 0%, #fff 100%); border-radius: 10px; content: ''; height: 12px; margin: -1px 0 0 -1px; position: absolute; width: 12px; } /* line 489, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch .icon-ok, .input-form .switch .icon-remove { line-height: 28px; text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2); margin: 0 9px; } /* line 495, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch .icon-ok { float: left; } /* line 498, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form .switch .icon-remove { float: right; } /* line 502, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form textarea { border: none; width: 100%; outline: none; padding: 10px; color: #b3b3b3; } /* line 509, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form textarea::-webkit-input-placeholder { color: #AAA; font-size: 16px; } /* line 514, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form textarea:focus::-webkit-input-placeholder { color: #ec9729; } /* line 518, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form form.input div.input-text { border: none; } /* line 520, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form form.input div.input-text input { width: 100%; padding: 10px; border: none; margin-bottom: 10px; border-bottom: 1px solid #ccc; } /* line 527, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form form.input div.input-text input:focus + .underline { transform: scale(1); } /* line 531, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form form.input div.input-text textarea { border: 1px solid #ccc; } /* line 532, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form form.input div.input-text textarea:focus { border: 1px solid #ec9729; } /* line 538, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form form.input div.input-text .underline { width: 100%; background-color: #197cbc; /* display: block !important; */ height: 2px; position: relative; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.1s linear; transition: all 0.1s linear; margin-top: -11px; } /* line 551, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .input-form label + span { text-align: left; width: 100%; display: inline-block; font-size: 1.2rem; color: #197cbc; } /* line 559, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .margin-t { margin-top: 10px; } /* line 562, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .or-separate { position: relative; height: 10px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin: 10px 0px; } /* line 571, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .or-separate::before { content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%; left: 0px; background: #dddddd; } /* line 581, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .or-separate span { color: #8e8e8e; font-size: 16px; font-weight: 700; position: relative; z-index: 1; background-color: white; padding: 0px 10px; } /* line 592, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .checkbox-alert { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; height: 100%; width: 100%; } /* line 604, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .checkbox-alert .message { top: 50%; position: fixed; /* left: 50%; */ /* margin: auto; */ width: 100%; /* float: left; */ text-align: center; } /* line 612, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .checkbox-alert .message span { background-color: rgba(0, 0, 0, 0.6); color: #FFF; padding: 20px; } /* line 622, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .align-center { margin: auto; } /*@media (min-width : 576px) {*/ /* line 647, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .wide-ratio { position: relative; overflow: hidden; } /* line 629, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .wide-ratio:before { display: block; content: ""; width: 100%; padding-top: 56.25%; overflow: hidden; } /* line 636, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .wide-ratio > img { position: absolute; top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%); } /* line 650, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .square-ratio { position: relative; overflow: hidden; } /* line 629, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .square-ratio:before { display: block; content: ""; width: 100%; padding-top: 100%; overflow: hidden; } /* line 636, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .square-ratio > img { position: absolute; top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%); } /*}*/ @media (max-width: 768px) { /* line 660, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .index-listing .first.wide-ratio:before { padding: 0px; } /* line 663, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ .index-listing .first.wide-ratio > img { position: static; } } /* .index-listing { .wide-ratio { &:before { padding:0px; } > img { position: static; } } }*/ /* line 682, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel { padding: 0px; } /* line 684, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel button { min-height: 80px; width: 100%; padding: 20px; } /* line 687, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel .owl-stage-outer { padding-top: 0px; } /* line 692, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin-top: -15px; } /* line 700, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel .owl-prev.disabled, #index-QuickSearch ul.owl-carousel .owl-next.disabled { display: none; } /* line 703, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel .owl-nav .owl-next { right: -4px; } @media (max-width: 575px) { /* line 703, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel .owl-nav .owl-next { right: 10px; } } /* line 710, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin-top: -23px; margin-left: 5px; } @media (max-width: 575px) { /* line 710, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel .owl-nav { margin-left: 10px; } } /* line 722, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ui-comment.scss */ #index-QuickSearch ul.owl-carousel .owl-nav [class*=owl-] { position: absolute; color: #999; background-color: transparent; padding: 0; margin: 0; } /* ie fix*/ /* Update css 20171229*/ /*Global IE10 fix */ /* line 21, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] { /* #global-right { @include display-grid; > *:before { @include basic-styles; grid-column: 2; } } */ } /* line 22, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] .underline { display: none !important; } @supports (display: grid) { /* line 37, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] .wrap { display: grid; grid-template-columns: 100px 1fr; } } /* line 44, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] #global-right { width: 110px; } /* line 46, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] #global-right .wrap { display: -ms-grid; -ms-grid-columns: 50px 1fr; } /* line 50, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] #global-right .wrap .user { -ms-grid-column: 1; text-align: center; position: relative; } /* line 58, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] #global-right .wrap .search { -ms-grid-column: 2; text-align: center; } /* line 66, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] .modal-header .close { position: absolute; top: 0px; left: -webkit-calc(100% - 50px); left: -moz-calc(100% - 50px); left: calc(100% - 50px); } /* line 74, //172.26.103.103/UX-Support/Product/UFood/Web/Revamp Oct 2017/20180528-Ufood-HTML/new-layout/scss/custom-component/_ie-fix.scss */ html[data-useragent*='MSIE 10.0'] .modal-body { height: 100%; } /* Large Devices, Wide Screens */ /*////////////////////*/ /*# sourceMappingURL=../css/food-global.map */ section.article-head .header-sticky .header-sticky-inner h1::selection { background: #fff; color: #ec9729 !important; }