.cf { *zoom: 1; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } img.aligncenter, .wp-caption.aligncenter { margin: 20px auto 20px; } .btn { background: #c00101; padding: 12px 20px; color: #fff; font-size: 14px; text-transform: uppercase; } .btn.menuMealButton { margin: 20px 0; } .btn:hover { color: #FFF; background: #630000; } .container { width: 100%; max-width: 1060px; } .page-header .container, .page-header.container, #content-wrap .container, #content-wrap.container { width: 100%; max-width: 1060px; } body.home { background: none; } body.home .container { width: 100%; max-width: 100%; } #content-wrap.container { padding-top: 40px; padding-top: 0px !important; } #top-bar-wrap { position: absolute; width: 100%; color: #fff; background: rgba(255, 255, 255, 0.2) !important; } #top-bar-wrap .top-bar-left { width: 100%; } #top-bar-wrap .top-bar-left i.fa-map-marker-alt { margin-right: 4px; } #top-bar-wrap a { color: #FFF; } #top-bar p { margin-bottom: 0; } .topRight { float: right; text-align: right; } .topRight i { transform: rotate(90deg); margin: 0 4px 0 18px; } #site-header { min-height: 150px; background: none !important; } #site-header #site-logo #site-logo-inner { vertical-align: top; } .elementor-6 .elementor-element.elementor-element-ef5cdde { position: absolute; top: 170px; } #site-header-inner { width: 100%; padding: 0 !important; box-sizing: border-box; } .custom-header #site-header-inner { top: 0; box-sizing: border-box; width: 100%; } #site-navigation-wrap { right: 0; } #main { background: #FFF; min-height: 500px; } .home #main #content-wrap.container { padding-top: 0; } article ul, article ol { padding-left: 45px; padding-right: 45px; } article ul li, article ol li { margin-bottom: 8px; }  .NoboMenutabs .NoboMenutab { display: none; min-height: 515px; } .NoboMenutabs .NoboMenutab.current { display: block; } .NoboMenutabs img { width: 100%; max-width: 725px !important; height: auto; } #menu-main-menu { margin-top: 15px !important; } #menu-main-menu > li:last-child > a { border: 1px solid #fff; background: #000000d6; } #site-navigation-wrap .dropdown-menu > li { float: none; } #site-navigation-wrap .dropdown-menu > li > a { line-height: 48px; } #menuTabNav { list-style: none; padding: 0; margin: 0; left: 0; } #menuTabNav li { text-align: center; position: relative; display: block; float: left; margin: 0 0px 0 0; bottom: 0px; z-index: 0; width: 33%; box-sizing: border-box; } #menuTabNav li.current a { color: #c00101; } #menuTabNav li.current:after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; content: "\f107"; color: #c00101; bottom: 19px; position: relative; } #menuTabNav li a { display: block; padding: 15px 13px; font-weight: normal; font-family: 'Lato', sans-serif; font-size: 30px; } #menuTabNav li a:hover { color: #c00101; }  #homeOverSlides h1, #homeOverSlides h2, #homeOverSlides h3, #homeOverSlides h4, #homeOverSlides p { color: #FFF; } #homeOverSlides h1 { font-size: 59px; line-height: 1; } #homeOverSlides h2 { font-family: 'Kristi', script, serif; color: #cfa670; font-size: 49px; margin-bottom: 12px; line-height: 1.1; } #homeOverSlides .elementor-element { color: #FFF; text-align: center; } #homeOverSlides .elementor-element img.wp-image-316 { width: 255px; } .elementor-sticky { -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; background: none; } .elementor-element-22b5b3fe.elementor-sticky--active, .elementor-sticky--active { -moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; background: #FFF !important; z-index: 998 !important; } .elementor-element-22b5b3fe.elementor-sticky--active img.custom-logo, .elementor-sticky--active img.custom-logo { -moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; height: 55px; width: auto; top: 12px; position: relative; } .elementor-element-22b5b3fe.elementor-sticky--active #site-navigation-wrap .dropdown-menu > li > a, .elementor-sticky--active #site-navigation-wrap .dropdown-menu > li > a { color: #333 !important; } .elementor-element-22b5b3fe.elementor-sticky--active #menu-main-menu li:last-child a, .elementor-sticky--active #menu-main-menu li:last-child a { color: #FFF !important; } .upperheadings h1, .upperheadings h2 { text-transform: uppercase; } body.page .elementor-element.darkBack h1, body.page .elementor-element.darkBack h2, body.page .elementor-element.darkBack h3, body.page .elementor-element.darkBack h4, body.page .elementor-element.darkBack p { color: #FFF; } body.page .elementor-element.darkBack p, body.page .elementor-element.darkBack ul li { color: #FFF; }  .wideHeader { position: relative; height: 255px; overflow: hidden; background: black; margin-bottom: 40px; } .wideHeader img { position: absolute; top: -85%; left: 0; width: 100%; opacity: .5; } .wideHeader .centeredHeader { margin: 0 auto 25px; padding-top: 150px; text-align: center; z-index: 1; position: relative; } .wideHeader .centeredHeader h2 { font-size: 50px; line-height: 55px; color: #FFF; } .menuSection { position: relative; background: #fff; clear: both; z-index: 1; } .menuSection .items { background: #fff; padding: 25px; } .menuSection .menuItem { position: relative; margin-bottom: 20px; } .menuSection .menuItem:last-child { margin-bottom: 0; } .menuSection .menuItem .foodPic { float: left; margin: 0 7px 5px 0; width: 90px; height: auto; border-radius: 5px; position: relative; top: 0px; } .menuSection .menuItem .itemTitle { float: left; width: 80%; box-sizing: border-box; display: block; } .menuSection .menuItem .itemTitle p.itemDesc { font-weight: bold; font-size: 14px; line-height: 21px; font-weight: normal; margin-bottom: 5px; } .menuSection.sectionColumns .items { max-width: 80%; margin: 0 auto 25px; right: auto; left: auto; top: 0; } .menuSection.sectionColumns .items .menuItem { width: 49%; box-sizing: border-box; float: left; padding: 0 25px 0 25px; } .menuSection.sectionColumns .items .menuItem:nth-child(2n+1) { clear: both; } .elementor-element-503719f p { font-weight: bold; font-size: 14px; line-height: 21px; font-weight: normal; margin-bottom: 5px; } .itemPrice { border-bottom: 1px dotted #999; font-size: 16px; line-height: 33px; color: #656565; float: right; width: 20%; box-sizing: border-box; text-align: right; } .elementor-element-a6efd6a .itemPrice { width: 290px; } .absoluteButton { position: fixed; z-index: 995; bottom: 84px; right: 0; min-width: 50px; width: 0%; cursor: pointer; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .absoluteButton.absoluteButton-open { width: 230px; } .absoluteButton .iconExpander { width: 50px; height: 50px; display: inline-block; right: 0; background: red; text-align: center; float: left; } .absoluteButton .iconExpander i { font-size: 24px; color: #FFF; padding-top: 12px; } .absoluteButton a.blockLinkBtn { display: inline-block; position: absolute; box-sizing: border-box; font-size: 13px; line-height: 24px; background: red; color: #FFF; padding: 13px 15px 13px 16px; width: 180px; } .absoluteButton a.blockLinkBtn:hover { background: #980000; } .absoluteButton.deliveryButton .iconExpander { display: inline-block; } .absoluteButton.deliveryButton .iconExpander img { width: 39px; height: auto; margin-top: 5px; } .absoluteButton.carryoutButton { bottom: 25px; } .absoluteButton.carryoutButton .iconExpander { background: #111; } .absoluteButton.carryoutButton a.blockLinkBtn { background: #111; } .absoluteButton.carryoutButton a.blockLinkBtn:hover { background: #000; } .page-id-292 .absoluteButton, .page-id-317 .absoluteButton { display: none; } section.menuItem, section .menuItem { font-family: 'Open Sans', 'sans-serif' !important; } section.menuItem div, section.menuItem p, section .menuItem div, section .menuItem p { font-family: 'Open Sans', 'sans-serif' !important; } section.menuItem h3, section .menuItem h3 { font-family: 'Lato', 'sans-serif' !important; font-weight: normal; font-size: 18px; margin-bottom: 7px; } .menuSubSections { max-width: 80%; margin: 0 auto 25px; } .menuSubSections .menuSubSection { width: 49%; box-sizing: border-box; float: left; padding: 0 25px 0 25px; clear: none; } .menuSubSections .menuSubSection:nth-child(2n+1) { clear: both; } .menuSubSections .menuSubSection .subSectionHeader { text-align: center; } .menuSubSections .menuSubSection .items { width: 100%; right: auto; left: auto; } .menuPageBlock { clear: both; } .home .menuSection .items { position: absolute; width: 60%; right: 0; top: 20px; } .foodIcon img { width: 22px; height: auto; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea, .gform_wrapper select { background: #FFF !important; } .testimonialSlider .slickSlider { text-align: center; } .testimonialSlider .slickSlider .slick-dots li button { background: none; } .testimonialSlider .slickSlider .slick-dots li button::before { color: #888; font-size: 15px; } .testimonialSlider .slickSlider .slick-dots li.slick-active button::before, .testimonialSlider .slickSlider .slick-dots li:hover button::before { color: #555; } .testimonialSlider .testimonialTitle { position: relative; z-index: 0; font-family: "Lato", Sans-serif; font-size: 38px; font-weight: 500; text-transform: uppercase; text-align: center; margin: 50px 0 60px; } .testimonialSlider .testimonialTitle:after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; content: "\f10d"; position: absolute; left: 50%; transform: translate(-50%); font-size: 100px; color: lightgray; z-index: -1; bottom: -20px; } .testimonialSlider .contentWrap { color: #4d4d4d; font-size: 32px; font-family: Cormorant, sans-serif; } .testimonialSlider .quoteName { font-size: 36px; } .testimonialSlider .testimonialIcons { position: relative; top: 35px; font-size: 25px; text-align: center; } .testimonialSlider .testimonialIcons .iconWrap { width: 50px; height: 50px; border-radius: 50px; background: blue; display: inline-block; } .testimonialSlider .testimonialIcons .iconWrap i { position: relative; top: 3px; }  .elementor-6 .elementor-element.elementor-element-ad52d9d { max-height: 690px; overflow: hidden; margin-bottom: 30px; } .elementor-6 .elementor-element.elementor-element-f374359 .gallery { margin: 0 !important; } div .elementor-6 .elementor-element .gallery-item { padding: 0 !important; } #hoursBox .su-column { margin: 0 2% 0 0; } #hoursBox .leftDate { float: left; clear: both; } #hoursBox .rightTime { float: right; } .gform_wrapper { margin-top: 0 !important; } body .gform_wrapper ul li.gfield { margin-top: 0 !important; } .gform_wrapper .gform_footer:not(.top_label) { padding-top: 0 !important; margin-top: 0 !important; text-align: right; } #gform_wrapper_2.gform_wrapper .left_label input.medium, #gform_wrapper_2.gform_wrapper .left_label select.medium, #gform_wrapper_2.gform_wrapper .right_label input.medium, #gform_wrapper_2.gform_wrapper .right_label select.medium { width: 90%; } #gform_wrapper_2.gform_wrapper ul.gform_fields:not(.top_label) .gfield_label { position: relative; top: 5px; font-weight: normal; } .gform_confirmation_wrapper { border: 3px dotted green; padding: 30px 50px; font-size: 16px; line-height: 20px; box-sizing: border-box; text-align: center; } #footer { font-size: 16px; background: #262626 url(//noborestaurant.com/wp-content/themes/oceanwp-child-theme-master/images/footer-tile.png) repeat-x bottom left; padding-bottom: 88px; } #footer #footer-inner { background: url(//noborestaurant.com/wp-content/themes/oceanwp-child-theme-master/images/Nobo-Footer-Logo.png) no-repeat center 30px; padding-top: 140px; background-size: 465px; } #footer #footer-widgets { background: none; } #footer h4.widget-title { font-size: 18px; padding: 0; text-transform: none; } #footer .footLine { border-bottom: 1px solid #444; margin-bottom: 15px; } #footer #footer-widgets { text-align: center; } #footer .smallFoot { font-size: 11px; } #footer .fa-google-plus:before { content: "\f262"; }
@media only screen and (max-width: 1308px) { .elementor-6 .elementor-element.elementor-element-a056aa4 { left: 40% !important; } .elementor-292 .elementor-element.elementor-element-9bc5e52:not(.elementor-motion-effects-element-type-background), .elementor-292 .elementor-element.elementor-element-9bc5e52 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-position: 0px -150px !important; } }
@media only screen and (max-width: 1103px) { .elementor-6 .elementor-element.elementor-element-a056aa4 { left: 35% !important; } }
@media only screen and (max-width: 1050px) { .elementor-284 .elementor-element.elementor-element-6c4341a4:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-6c4341a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-position: 0px -150px !important; } } body .elementor-menu-toggle i:before { content: "\e805"; } @media only screen and (max-width: 1024px) { body #top-bar { padding: 12px 60px; }  .elementor-image-carousel-wrapper .slick-image-stretch .slick-slide .slick-slide-image { width: 100%; min-height: 415px; } body .elementor-element-7c8aec0 { min-height: 460px; } body #site-navigation-wrap { display: block; } body .elementor-282 .elementor-element.elementor-element-2398df35 { display: none; } body .elementor-282 .elementor-element.elementor-element-10bf812a { width: 100%; text-align: center; } body div .custom-header-logo.left { text-align: center; margin: 0 auto 15px; }  body .elementor-element-2ef3ea81, .elementor-inner .oceanwp-custom-menu { display: none !important; } }
@media only screen and (max-width: 959px) { .elementor-6 .elementor-element.elementor-element-a056aa4 { left: 25% !important; top: 0 !important; } .elementor-284 .elementor-element.elementor-element-6c4341a4:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-6c4341a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-292 .elementor-element.elementor-element-9bc5e52:not(.elementor-motion-effects-element-type-background), .elementor-292 .elementor-element.elementor-element-9bc5e52 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-position: 0px -50px !important; } .menuSubSections { max-width: 100%; } .menuSection.sectionColumns .items { max-width: 100%; } .home .menuSection .items { position: relative; width: 100%; top: 0; } .NoboMenutabs #menuTabNav li a { font-size: 16px; line-height: 19px; } .NoboMenutabs img { display: block; margin: 0 auto; } }
@media only screen and (max-width: 869px) { .elementor-6 .elementor-element.elementor-element-a056aa4 { left: 15% !important; top: 0 !important; } .elementor-412 .elementor-element.elementor-element-49349920, .elementor-412 .elementor-element.elementor-element-7c8aec0, .elementor-412 .elementor-element.elementor-element-634c494e .slick-slider { height: auto !important; } }
@media only screen and (max-width: 767px) { .elementor-282 .elementor-element.elementor-element-1fa1e677, .elementor-282 .elementor-element.elementor-element-3915b49e, .elementor-284 .elementor-element.elementor-element-85af922, .elementor-284 .elementor-element.elementor-element-72526ed0, .elementor-284 .elementor-element.elementor-element-47364a3f, .elementor-814 .elementor-element.elementor-element-691a58e3, .elementor-6 .elementor-element.elementor-element-4e1e09f, .elementor-6 .elementor-element.elementor-element-ea4b698, .elementor-6 .elementor-element.elementor-element-a056aa4 { position: relative !important; top: 0 !important; left: 0 !important; width: 100% !important; box-shadow: none !important; } .elementor-284 .elementor-element.elementor-element-6c4341a4:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-6c4341a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-292 .elementor-element.elementor-element-9bc5e52:not(.elementor-motion-effects-element-type-background), .elementor-292 .elementor-element.elementor-element-9bc5e52 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-position: 0px 0px !important; } }
@media only screen and (max-width: 600px) { .noboSpacer { display: none; } #homeOverSlides h1 { font-size: 32px; } #homeOverSlides h2 { font-size: 25px; } .itemTitle { width: 100%; float: none; } .itemPrice { width: 50%; } .shortPrice { float: none !important; text-align: center !important; margin: 0 auto !important; } #lunchSpecTitle h3, #lunchSpecTitle p { text-align: center; } #top-bar p { text-align: center; } .topRight { float: none; text-align: center; } .contentWrap p { font-size: 22px; padding: 0 25px; } .testimonialSlider .testimonialTitle { font-size: 34px; } .testimonialSlider .quoteName { font-size: 28px; padding: 0 25px; } } @media only screen and (max-width: 767px) { .menuSection.sectionColumns .items .menuItem, .menuSubSections .menuSubSection { width: 100%; float: none; clear: both; } .wideHeader { height: 211px; } .wideHeader .centeredHeader { padding-top: 130px; } .wideHeader .centeredHeader h2 { font-size: 33px; line-height: 38px; } .wideHeader img { top: -5px; } }