@import url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/css/fonts.css");/*** General ***/ body { background: none; font-family: "MyriadPro-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .br-container { max-width: 970px !important; min-width: 290px; margin: 0 auto; } .container-fluid { margin-bottom: 15px; } .border{ border: 1px solid #d7d7d7; } hr, .line, .block { width:100%; float: left; } .block { margin-bottom: 15px; } a { color: #4b4b4b; font-weight: bold; text-decoration: none; } a:hover, a:focus { color: #00963a; text-decoration: none; } ul{ list-style: none; margin: 0; padding: 0; } .no-text { display: inline-block; text-indent: -999em; } .no-padding { padding: 0px; } .no-margin { margin: 0px; } .clear{ clear: both; } .error { color: #f22c10; } .inline { display: inline; } .title{ text-transform: uppercase; color: #6b6a6a; font-size: 25px; font-family: "MyriadPro-Bold"; line-height: normal; display: inline-flex; margin: 0px; min-height: 35px; /* Center text vertically */ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .title.br-star { padding-left: 45px; } .subtitle{ color: #7a7979; font-size: 15px; text-transform: uppercase; padding: 0px 3px; margin: 0; } .br-left-arrow { position: relative; padding-left: 15px; } .br-left-arrow::before { content: ''; width: 0; height: 0; display: inline-block; border-bottom: 5px solid transparent; border-top: 5px solid transparent; color: #00963a; position: absolute; z-index: 1000; top: 15%; border-left: 5px solid; left: 0; } .page-text{ font-size: 16px; color: #727171; line-height: 1.4em; } .br-star{ background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/br-star.png") no-repeat left center / 35px 30px; } .br-color, .green { color: #00963a; } ::selection { color: #ffffff; background: #00963a; } ::-moz-selection { color: #ffffff; background: #00963a; } *:focus, *.focus, .bootstrap-select .dropdown-toggle:focus{ outline-color: #00963a !important; border-color: #00963a !important; webkit-box-shadow: none !important; box-shadow: none !important; } a:focus, #footer *:focus{ border: none !important; outline: none !important; } .br-categorie a:focus { webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 150, 58, .6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 150, 58, .6) !important; } .no-padding { padding: 0; } input:focus, textarea:focus, select:focus { webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 150, 58, .6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 150, 58, .6) !important; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:-webkit-autofill #placeholder, textarea:-webkit-autofill #placeholder, select:-webkit-autofill #placeholder, input:-webkit-autofill #placeholder #inner-editor, textarea:-webkit-autofill #placeholder #inner-editor, select:-webkit-autofill #placeholder #inner-editor{ background: #fff !important; } .social-container-border{ border-width: 1px; border-radius: 5px; border-color: #e5e5e5; border-style: solid; border-right-width: 2px; border-bottom-width: 2px; } .modal .btn-default, .modal .btn-default:focus, .modal .btn-default:hover { color: #000; } .modal .title { margin: 0px; } .br-btn, .br-btn:hover, .br-btn:focus { color: #ffffff; background-color: #00963a; } .checkbox-icon{ min-width: 30px; display: inline-block; float: left; } .checkbox-icon { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/checkbox-icon.png") no-repeat 0px 0px / 100% 100%; height: 30px; width: 34px; } #twitter-widget-0 { min-height: 120px !important; } .fb-page.fb_iframe_widget, .fb-page.fb_iframe_widget > span, .fb-page.fb_iframe_widget iframe { width: 100% !important; max-width: 100% !important; display: inline-block 100% !important; overflow: hidden 100% !important; } /*** //General ***/ /*** HEADER ***/ /* Header Top */ #header-top { background-color: #e3e3e3; } .header-text{ font-family: "MyriadPro-Bold"; font-size: 13px; text-transform: uppercase; font-weight: 400; float: left; color: #8d8f91; line-height: 36px; margin-right: 5px; } a.header-text:focus, a.header-text:hover{ color: #00963a; text-decoration: none; } #header input { height: 34px; /* width: 110px; float: left; margin: 1px 1px; border: 1px solid #666; */ border-radius: 3px; line-height: normal; padding: 0px 0px 0px 27px; font-size: 13px; font-family: "MyriadPro-Regular"; } /* //Header Top */ /* Language */ #language-container{ float: left; width: auto; z-index: 2; } #language-container form{ width: 35px; height: 36px; float: left; margin-right: 5px; overflow: hidden; cursor: pointer; } #language-container #formLangEn{ margin-right: 0px; } .language-sprites { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/language-bg.png") no-repeat left center / 76px 100%; display: block; width: 35px; height: 35px; } .btn-en{ background-position: -40px center; } /* //Language */ /* Login */ #login-container{ line-height: 36px; margin: 0px; width: auto; float: none; text-align: center; z-index: 1; } #header-login #authForm { max-width: 248px; overflow: hidden; } #header-login div.pull-left { width: 50%; } #login-container input{ border-radius: 3px; border: 1px solid #666; line-height: normal; margin-top: 1px; padding-left: 32px; width: 98%; height: 33px; } #login-container .header-text{ margin: 0px 10px; } #login-container .header-account-lnk .header-text{ min-width: 95px; margin: 0px; } .login-pass, .login-id{ position: absolute; } .login-id{ background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/login-id.png") no-repeat center center / 100% 100%; width: 14px; height: 14px; left: 10px; top: 11px; } .login-pass{ background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/login-pass.png") no-repeat center center / 100% 100%; width: 10px; height: 14px; left: 10px; top: 11px; } /* //Login */ /* BR & Mobile Apps & Social Links Icons */ .mobile-app-sprites, .icons-sprites, .social-links-sprites{ display: block; width: 35px; height: 35px; float: left; } .icons-sprites{ background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/br-icons-es.png") no-repeat left center / 68px 100%; } .mobile-app-sprites{ background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/mobile-app-icons.png") no-repeat left center / 103px 100%; } .social-links-sprites{ background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/social-link-icons.png") no-repeat left center / 210px 35px; } .btn-br-paris { } .btn-br-maroc { background-position: -35px center; } .btn-apple{ } .btn-android{ background-position: -33px center; } .btn-windows-phone{ background-position: -70px center; } .btn-facebook{ } .btn-twitter{ background-position: -35px center; } .btn-instagram{ background-position: -70px center; } .btn-google-plus{ background-position: -105px center; } .btn-linkedin{ background-position: -140px center; } .btn-email{ background-position: -175px center; } /* //BR & Mobile Apps & Social Links Icons */ /* Logo */ .logo { max-height: 91px; } .logo, .site-description-container { padding: 0; } a.br-logo { max-width: 465px; height: auto; display: block; margin-top: 8px; } .site-description-title{ font-size: 16px; color: #0e0e0f; text-transform: uppercase; margin: 20px 0px 5px 0px; padding: 0; } .site-description{ font-size: 14.3px; text-align: justify; color: #6b6a6a; line-height: normal; } /* //Logo */ /* Top Search */ .search-container{ z-index:2; position: relative; margin: 15px 0px; } #search-form .header-text { text-align: right; font-size: 14px; } #header #search-keyword { max-width: 94%; border: 0; outline: 0; font-size: 14px; background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/search-input-center.png") repeat-x; float: right; width: 100%; padding-left: 10px; margin: 0px 0px 0px -1px; } #header #search-keyword:focus { webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(191, 191, 191, .6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(191, 191, 191, .6) !important; } .search-inputs{ padding: 0px; margin-right: 40px; } .search-inputs::after{ display: table; content: " "; background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/search-input-left.png") no-repeat left center / auto 100%; height: 36px; width: 13px; padding: 0px; display: block; float: right; } .search-inputs::before{ display: table; content: " "; width: 6px; height: 36px; margin: 0px 0px 0px -1px; background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/search-input-right.png") no-repeat left center / auto 100%; padding: 0px; display: block; float: right; } #header .search-submit{ background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/search-submit.png") no-repeat right center / 35px 100%; width: 36px; height: 35px; border: none; float: right; margin: 0px -45px 0px 0px; padding: 0px; } ul.ui-autocomplete.ui-menu { max-height: 357px; max-width: 88%; overflow-y: auto; background-color: #fff; position: absolute !important; border: 1px solid #ddd; } li.ui-menu-item { padding: 3px 5px; line-height: 15px; border: 0; outline: 0; } li.ui-menu-item:hover, li.ui-menu-item:hover a{ background: #00963a !important; color: #fff; } li.ui-menu-item a{ color: #999; text-decoration: none; cursor: pointer; border: 0; outline: 0; font-family: 'MyriadPro-Regular'; } /* //Top Search */ /* Main menu / Navbar */ .menu { position: relative; } .menu{ z-index:1; } #menu .navbar { min-height: 1px; margin: 0; } #menu .navbar-brand { text-transform: uppercase; font-family: "MyriadPro-Semibold"; } #menu .navbar-default{ background: none; border: none; } #main-menu .navbar-collapse{ padding: 0px; } #main-menu .navbar-nav { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-bg.png") no-repeat left center / 100% 100%; height: 35px; display: block; width: 100%; } #main-menu .navbar-nav li { height: 35px; display: block; position: relative; margin: 0px 0.7%; width: auto; } #main-menu .navbar-nav li > a { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg.png") no-repeat left center / 100% 100%; display: block; height: 35px; width: auto; padding: 7px 3px; margin: 0px; float: left; line-height: 12px; text-transform: uppercase; color: #fff !important; font-size: 12px; text-align: center; min-width: 55px; font-weight: 400; } #main-menu li.menu-item::before { content: ""; background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg-left.png") no-repeat left center / 100% 100%; display: block; height: 35px; width: 18px; float: left; } #main-menu li.menu-item::after { content: ""; background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg-right.png") no-repeat right center / 100% 100%; display: block; height: 35px; width: 18px; float: right; } #main-menu li.menu-item a { font-family: "MyriadPro-Bold"; } #main-menu li.menu-item.active > a { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg-active.png") no-repeat left center / 100% 100%; } #main-menu li.menu-item.active::before { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg-left-active.png") no-repeat left center / 100% 100%; } #main-menu li.menu-item.active::after { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg-right-active.png") no-repeat right center / 100% 100%; } #main-menu #page-index, #main-menu #page-restaurants, #main-menu #page-romantic, #main-menu #page-brunch, #main-menu #page-news, #main-menu #page-guides, #main-menu #page-open, #main-menu #page-musical-ambience, #main-menu #page-outside, #main-menu #page-menu-sabrosura { padding-top: 14px; } #main-menu #page-restaurants{ text-transform: none; } #main-menu #menu_page-index{ margin-left: 0px; } #main-menu #page-menu-sabrosura { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg-active.png") no-repeat left center / 100% 100%; } #main-menu li.menu-item#menu_page-menu-sabrosura::before { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg-left-active.png") no-repeat left center / 100% 100%; } #main-menu li.menu-item#menu_page-menu-sabrosura::after { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/menu-item-bg-right-active.png") no-repeat right center / 100% 100%; } /* //Main menu / Navbar */ /*** //HEADER ***/ /*** CONTENT ***/ #right-menu { float: right; } #right-menu .right-menu-title{ font-size: 17px; margin: 0; } #right-menu .widget-search .btn, #right-menu .widget-search-button, #right-menu .btn.btn-primary, #right-menu .widget-search .btn .filter-option { height: 25px; font-size: 12px; line-height: 12px; } #right-menu .btn.btn-primary { padding: 0; } #right-menu .dropdown-menu { font-size: 12px; } .widget-search .dropdown-menu.inner span { color: #999; } .widget-search .dropdown-menu.inner li.selected span { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.selected a, #right-menu .btn-group.bootstrap-select.max.open .filter-option.pull-left, #right-menu .bootstrap-select.btn-group .dropdown-toggle:hover .filter-option.pull-left { color: #fff; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #00963a; border-color: #00963a; border-radius: 0px; width: 100%; margin: 1px 0px 5px 0px; text-transform: uppercase; } #filters .btn, .widget-search .btn, .widget-search-button.btn{ border: 1px solid #d7d7d7; border-radius: 0px; margin: 1px 0px; height: 33px; line-height: 22px; text-transform: uppercase; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-transform: uppercase; text-align: center; } #filters .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-transform: none; } #filters .btn .caret, .bootstrap-select.btn-group .dropdown-toggle .caret, .widget-search .caret{ color: #00963a; right: 10px; position: absolute; top: 44%; display: inline-block; border-top: 8px dashed; border-top: 8px solid \9; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: none; } #filters .btn-group.bootstrap-select.max.open .btn .caret, #filters .btn:hover .caret, .widget-search .btn:hover .caret, .open > .dropdown-toggle.btn-default .caret{ color: #fff; } #filter .filter-option.pull-left{ color: #727171; font-weight: bold; } #filters .bootstrap-select.btn-group .dropdown-toggle:hover .filter-option.pull-left, #filters .btn-group.bootstrap-select.max.open .filter-option.pull-left, #filters .filter-option.pull-left:focus, .filter-option.pull-left:focus{ color: #ffffff; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width: 100%; } .dropdown-header { font-size: 14px; font-weight: bold; } .widget-search-container .dropdown-menu.open { max-height: 350px !important; right: 0px !important; left: initial !important; } #multicriteria-search { margin-bottom: 28px; } .bootstrap-select .dropdown-menu.open { padding: 0px; } .bootstrap-select.btn-group .dropdown-menu.inner { padding: 5px 0px; } .widget-search-container .btn-primary:active, .widget-search-container .btn-primary.active, .widget-search-container .open > .dropdown-toggle.btn-primary, .widget-search-container .btn-primary:focus, .btn-primary.focus, .widget-search-button.btn:hover, .widget-search-button.btn:active, .bootstrap-select.btn-group .dropdown-menu li:hover, .bootstrap-select.btn-group .dropdown-menu li:active, .bootstrap-select.btn-group .dropdown-menu li:focus, .bootstrap-select.btn-group .dropdown-menu li.selected, .btn.dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{ background-color: #00963a; } .bootstrap-select.btn-group .dropdown-menu li.dropdown-header:hover{ background-color: #fff; } .bootstrap-select .dropdown-toggle:focus{ outline: none; background: none; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background: none; color: #ffffff; } .widget-search-button.btn:hover a, .widget-search-button.btn:active a, #main .widget-search-button.btn a:hover, #main .widget-search-button.btn a:active, .bootstrap-select.btn-group .dropdown-menu li:hover span, .bootstrap-select.btn-group .dropdown-menu li:active span, .bootstrap-select.btn-group .dropdown-menu li:focus span, .bootstrap-select.btn-group .dropdown-menu li.selected, .btn-default:hover, .btn-default:active, .btn-default.active, .dropdown-toggle.btn-default:active, .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:active, .open > .dropdown-toggle.btn-default{ color: #fff; text-decoration: none; } .bootstrap-select.btn-group .dropdown-menu .dropdown-header:hover span{ color: #999; } .widget-search-button a { font-weight: normal; } .main-page-col-right .widget-search .dropdown-menu.inner span { color: #999; } .main-page-col-right .widget-search .dropdown-menu.inner li.selected span { color: #fff; } /*** //CONTENT ***/ /*** FOOTER ***/ #footer > div.br-container { background: url("https://www.bestrestaurantsincolombia.comhttps://www.bestrestaurantsincolombia.com/themes/br_theme/images/footer-bg.png") no-repeat center center / 100% 100%; overflow: hidden; } #footer > div.br-container > div { width: 100%; float: left; } #footer a { font-weight: normal; } #footer .page-text a { font-weight: bold; } #footer{ margin-bottom: 0px; padding-bottom: 15px; padding-top: 15px; } #footer, .footer-lnk-section, .footer-lnk-section a{ font-size: 10px; } .footer-text a:hover, .footer-lnk a:hover, .footer-links a:hover, #footer .navbar-nav > li > a:hover, #footer .navbar-nav > li > a:focus { background: none; color: #00963a; } #footer .navbar-toggle{ position: relative; float: left; padding: 3px 0px; margin: 0px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #00963a; font-weight: bold; } #footer .navbar-brand.sr-only { font-size: 14px; position: static; width: auto; height: auto; padding: 0; margin: 0px; overflow: visible; clip: initial; border: 0; text-align: left; text-transform: uppercase; } #footer .navbar-nav > li > a { padding: 0; margin: 0; font-size: 12px; color: #6b6a6a; line-height: 24px; } #footer .navbar-collapse.in { overflow-y: visible; } .footer-text { margin-bottom: 25px; text-align: justify; } .footer-links{ padding: 0px; } .footer-page-menu{ width: 100%; text-align: center; margin: 20px 0px; } .footer-page-menu li{ display: inline; padding: 0px 4px; border-bottom: 1px solid #8f8080; } .footer_copyright { padding-bottom: 15px; } .footer_copyright, .footer-page-menu a{ font-size: 12px; color: #8f8080; text-transform: uppercase; text-align: center; text-decoration: none; } .footer-page-menu a{ font-size: 16px; } .footer_copyright, .footer-lnk-section-title{ color: #00963a; font-weight: bold; text-transform: uppercase; } .footer-lnk-section-title:hover, .footer-lnk-section-title:active, .footer-lnk-section-title:focus{ text-decoration: none; color: #00963a; } .footer_copyright img { margin-top: -10px; } #top-page{ cursor: pointer; } .userContentWrapper ._2p_a{ display: none !important; } #fancybox-title{ left: 0 !important; text-align: center; width: 100%; display: inline-block !important; bottom: 15px; position: relative; } #fancybox-title-float-wrap{ display: inline-block; } /*** FOOTER ***/ /*** Media Queries ***/ @media (max-width: 970px){ .col-xs-left{ width: 45% } .col-xs-right{ width: 55%; } } @media (max-width: 991px) { #main .social-container { height: auto; } #main-menu .navbar-nav li > a { font-size: 11px; min-width: 0; } .site-description{ font-size: 12.8px; } .site-description-title { font-size: 15px; } #multicriteria-search { margin-bottom: 0px; } } @media (min-width: 890px){ #footer .navbar-brand.sr-only{ font-size: 12px; } .fulljustify { text-align: justify; } .fulljustify:after { content: ""; display: inline-block; width: 100%; } } @media (max-width: 890px){ .site-description{ font-size: 11.5px; } .site-description-title { font-size: 12.5px; } #main-menu .navbar-nav li > a { font-size: 11px; padding: 7px 8px; } #main-menu .navbar-nav li::before, #main-menu .navbar-nav li::after{ display: none; } } @media (min-width: 768px) and (max-width: 991px) { #main-menu .navbar-nav li{ margin: 0px 0.45%; } #footer .footer-links li{ padding: 2px 0px; } } @media (min-width: 768px){ a.br-logo img { max-width: 98%; } #main-menu{ margin-bottom: 15px; } #page-vue-exceptionnelle{ max-width: 80px; } #page-ouvert, #page-terrasses-et-jardins{ max-width: 74px; } #page-terrasse-parisienne{ max-width: 80px; } #footer .navbar-toggle { display: block; } #footer .footer-links li{ padding: 0px; } #footer .navbar-brand.sr-only, #footer .navbar-nav > li > a { font-size: 10px; line-height: inherit; } #footer .navbar-header.wcol{ padding-right: 0px; width: 20%; } #footer-navbar-collapse-top10, #footer-navbar-collapse-links, #footer-navbar-collapse-links-paris, #footer-navbar-collapse-links-maroc, #footer-navbar-collapse-links-colombia{ padding-left: 0px; } .col-md-row { width: auto; float: none; line-height: 30px; display: inline; } } @media (max-width: 767px){ /** General **/ .title{ font-size: 20px; } /** //General **/ /** Top Search - Menu **/ #header.container-fluid { margin-bottom: 0px; } #header-login #authForm { max-width: 220px; } #menu { float: right; padding: 0px; margin: 15px 0px; max-height: 36px; max-width: 113px; } #main-menu { float: left; width: 100%; } #main-menu .navbar-collapse.in{ margin-bottom: 15px; } #main-menu .navbar-nav li:last-child { border: none; } #main-menu .navbar-nav li > a { text-align: left; } .search-container { float: right; } .search-container { max-width: 81%; } #menu .navbar-header .navbar-toggle{ margin: 0px; } #menu .navbar-header .navbar-brand{ height: auto; float: right; padding: 8px 10px; font-weight: 400; } .hidden-xssm{ display: none; } .col-xs-left, .col-xs-right{ width: 50%; float: left; } ul.ui-autocomplete.ui-menu{ max-height: 252px; max-width: 90%; margin-left: 70px !important; } /** //Top Search - Menu **/ /** Reset Menu Style **/ #menu .navbar.navbar-default{ min-height: 0px; } #main-menu .navbar-nav{ background: none; height: auto; margin: 0px; padding: 5px 0px; } #main-menu .navbar-nav li{ width: 100%; height: auto; float: left; padding: 8px 15px; border-bottom: 1px solid #e7e7e7; margin: 0px; } #main-menu .navbar-nav li::before, #main-menu .navbar-nav li::after, #main-menu li.menu-item > a, #main-menu li.menu-item.active > a, #main-menu li.menu-item.active::before, #main-menu li.menu-item.active::after{ background: none; height: auto; margin: 0px; padding: 0px; color: #4c4c4c !important; font-size: 14px; line-height: 1; } #main-menu #page-index, #main-menu #page-restaurants, #main-menu #page-romantiques, #main-menu #page-brunch{ padding: 0px; } #main-menu li.menu-item.active > a, #main-menu .navbar-default .navbar-nav > .active > a, #main-menu .navbar-default .navbar-nav > .active > a:hover, #main-menu .navbar-default .navbar-nav > .active > a:focus{ font-weight: bold; background: none; color: #00963a !important; } #main-menu .navbar-nav li a { max-width: none !important; padding: 0px !important; } /** //Reset Menu Style **/ /** Footer **/ #footer > div.br-container { padding: 0px; } #footer .navbar-nav { margin: 0px; padding: 5px 0px; float: left; } #footer .navbar-toggle{ position: relative; float: left; padding: 5px 0px; margin: 0px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #00963a; font-weight: bold; border-bottom: 1px solid #e7e7e7; } #footer .navbar-brand.sr-only { font-size: 16px; position: static; width: auto; height: auto; padding: 0; margin: 0px; overflow: visible; clip: initial; border: 0; } #footer .navbar-nav > li > a { padding: 0; margin: 0; font-size: 13px; } #footer .footer-page-menu, #footer .footer-page-menu li { float: left; } #footer .footer_copyright{ font-size: 12px; } #footer .footer-page-menu a{ font-size: 14px; } #footer .navbar-nav li { padding-right: 0px; } #footer .footer-page-menu li { border-bottom: none; width: 100%; } #footer .glyphicon { font-size: 12px; margin: 0px 6px 0px 0px; } /** //Footer **/ } @media (max-width: 750px){ #login-container{ margin-left: 0px; } } @media (max-width: 629px){ .hidden-xsxs{ display: none; } #login-container { display: none; } .search-container { max-width: 75%; } #header #search-keyword { width: 92%; } } @media (max-width: 480px){ .search-container { max-width: 70%; } #header #search-keyword { width: 89%; } } @media (max-width: 415px){ #menu .navbar-header .navbar-toggle{ padding-left: 6px !important; padding-right: 6px !important; } #menu .navbar-header .navbar-brand{ font-size: 18px; padding-left: 4px !important; padding-right: 4px !important; } #menu { max-width: 93px; } ul.ui-autocomplete.ui-menu { max-width: none; width: 150% !important; left: 0 !important; margin-left: 13px !important; } } @media (max-width: 413px){ .search-container { max-width: 68%; } #header #search-keyword { width: 83%; } .col-xs-left{ width: 40%; } .col-xs-right{ width: 60%; } } @media (max-width: 350px){ .col-xs-left{ width: 30%; } .col-xs-right{ width: 70%; } } @media (max-width: 319px){ .br-container { overflow: visible; } #header-top, #footer { float: left; } } /*** //Media Queries ***/