/* ========== Main ========== */ .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } a { color: rgba(178, 38, 48, 0.72); } a:hover { color: #B22630!important; } .very-top-header{ background-color: #B22630; /* padding-bottom: 5px; */ } .dotted { border-bottom: 1px dotted #999; padding-bottom: 1px; margin-top: 9px; margin-bottom: 7px } .u-line { border-bottom: 1px solid #b22630; } .p-inline { display: inline; color: #000!important; } .very-top-left p{ color: #fff!important; font-size: 17px; } .very-top-left{ font-size: 17px; font-weight: 500; text-transform: uppercase; margin-top: 5px!important; } .very-top-header { background-color: #B22630; padding-bottom: 5px; } .very-top-header .transparent-text-dark { height: 3px; color: #B22630!important; background-color: #ffffff; height: 36px!important; width: 36px!important; border-radius: none!important; padding: 8px!important; } .very-top-header .social-icons i:before { line-height: 20px; font-size: 20px!important; text-align: center; width: 20px; float: left; } header .navbar-brand{ padding: 12px 7px 7px 0px; } .site-header{ background-color: #ffffff; } .entry-header{ margin-top: -15px; } /* #llorix_one_lite_header{ display: none!important; } */ .sp-slides-container { position: relative; margin-top: -28px; } .sticky-navigation .main-navigation li a:focus, .sticky-navigation .main-navigation li a:active, .sticky-navigation .main-navigation li a.active, .sticky-navigation .main-navigation li a:focus:active { background-image: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } button.dropdown-toggle { background-color: #acbe35; background-size: contain; text-shadow: none; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; line-height: 1.6; border: none; padding: 7px!important; color: #f5f5f5; -webkit-transition: none; transition: none; font-weight: bold; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5{ margin-bottom: 5px; } .entry-content .allergen{ color: #e00000!important; } .cost-right{ float: right!important; color: #000!important; font-weight: bold!important; display: inline; } .food-list{ color: #000!important; } .food-header{ font-weight: bold!important; display: inline!important; padding: 5px 7px 5px 0px; } .food-p{ font-weight: 500!important; font-size: 18px!important; display: inline!important; padding: 5px 7px 5px 0px; color: #000!important; line-height: 1.9!important; } .inline{ display: inline!important; } /* =================== hr, coloured-lines =================== */ #artisan{ height: 0px!important; width: 0px!important; background: #fff!important; } .custom-line { width: 80%; margin-top: 30px; position: relative; height: 2px!important; background: #e2e2e2!important; } h3.colored-text{ color: #333!important; } /* =========== Navigation =========== */ .page-title{ color: #111!important; } .main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, a.cart-contents, .site-header-cart .widget_shopping_cart a{ color: #9aa0a7; } .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a { color: #ACBE35!important; } .sticky-navigation .main-navigation a{ font-size: 16px; color: #222; } .sticky-navigation{ padding-bottom: 4px!important; } .sticky-navigation .main-navigation li a{ text-transform: uppercase; line-height: 18px; margin: 28px 11px; padding: 0; } .sticky-navigation .main-navigation li a:hover, .sticky-navigation .main-navigation li a:active!important, .sticky-navigation .login-register li.login a:hover{ color: #ACBE35!important; } /* .main-navigation ul ul { border: 1px solid rgba(172, 190, 53, 0.47); } */ .main-item:hover{ color: #111!important; } .navbar-inverse .navbar-toggle .icon-bar{ background-color: #ACBE35; height: 5px; } .navbar-brand img{ max-height: 72px; } .sticky-navigation .navbar-brand img { min-width: 210px; margin-left: -29px; margin-top: 3px!important; } .main-navigation .primary-menu{ margin-top: 14px; } .navbar-toggle { margin: 4% 2% 2%!important; padding: 13px 10px; } .sticky-navigation .navbar-brand img { min-width: 210px; } .dropdown-toggle:hover, .dropdown-toggle:focus{ background: #B22630; } .main-navigation ul li a{ color: #111!important; } .main-navigation li:hover a{ color: #ACBE35!important; } .sub-menu li.menu-item a, .sticky-navigation .main-navigation .sub-menu li a { color: #111!important; } .sticky-navigation .main-navigation .sub-menu li a:hover{ color: #ACBE35!important; } .page-id-11 button, .page-id-11 button input[type="button"], .page-id-11 button input[type="reset"], .page-id-11 button input[type="submit"] { background-image: url(images/gyIfxN9BT4Nb.png); background-repeat: repeat-x; background-color: #acbe35; background-size: contain; text-shadow: none; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; line-height: 1.6; border: none; padding: 7px 15px; color: #f5f5f5; -webkit-transition: none; transition: none; font-weight: bold; } .dropdown-toggle { background: #fff; } /* =========== MAIN MENU =========== */ #menu-primary { float: right!important; text-align: right; } /* .menu-item-has-children a:after{ visibility: hidden!important; } */ /* #menu-primary { float: left!important; } */ #menu-home{ padding-left: 0px!important; } .menu-align-center .primary-menu > li, .menu-align-center .no-menu > li { display: inline-block; float: none; margin:0px -9px!important; } /* panel style */ .panel-grid-cell .widget-title { margin: 20px 0px -17px 0px; color: #acbe35; } .panel-widget-style{ padding: 3%!important; } #masthead a:active{ color: #ACBE35!important; } .main-navigation ul li a:hover!important{ color: #ACBE35!important; } .page-id-100 .entry-content span, .page-id-212 .entry-content span{ font-size: 19px!important; } .page-id-167 .entry-content span{ font-size: 19px!important; } .page-id-167 .entry-content p{ font-size: 17px!important; } .page-id-167 .entry-content h2{ font-style: italic; } /* ========= Sections ========= */ /* ====== BRIEF ====== */ .brief-content-text{ font-size: 17px!important; line-height: 1.5!important; } /* ================= Contact Section ================= */ .size-1{ font-size: 17px!important; } .size-2{ font-size: 24px!important; } .contact-info .icon-container { font-size: 42px!important; margin-top: 14px; margin-bottom: 20px; } .sub-heading, .content-section { font-weight: 300; font-size: 17px; } /* ============ Menus ============ */ .page-id-68 h2 a{ color: #B22630!important; text-shadow: 2px 2px #ACBE35!important; text-decoration: none; } #breakfast-ul li { list-style: circle; } #breakfast-ul { margin-bottom: 17px; color: #b22630; margin-left: 20px; } .page-id-73 .dotted, .page-id-86 .dotted, .page-id-464 .dotted { border-bottom: 1px dotted #999; /* padding-bottom: 10px; */ margin-top: -10px; /* margin-bottom: 9px; */ } /* ============= Image Slider ============= */ .overlay-layer-wrap{ background: rgba(13, 60, 85, 0.41); } .sp-slides .title-in{ color: #fff!important; background: transparent!important; height: 50px!important; padding: 15px; border-radius: 3px; } .page-id-348 .slider-pro { border: 1px solid #acbe35; } .desc-in { font-family: Arial !important; color: #FFFFFF !important; background-color: transparent!important; opacity: 1.0 !important; font-size: 20px !important; } #example3_378 .desc-in-bg { background-color: transparent!important; opacity: 1.0 !important; white-space: unset !important; width: 80% !important; min-width: 30%; transform: initial !important; -webkit-transform: initial !important; font-size: 20px !important; } .slider-pro img.sp-image, .slider-pro img.sp-thumbnail { max-width: none; min-width: 500px!important; height: auto; } .bx-wrapper .ewic-caption span { color: #f5f5f5!important; font-family: Arial; background: #acbe35!important; display: block; text-shadow: 1px 2px rgba(51, 51, 51, 0.39)!important; font-size: 1.4em!important; padding: 14px; } .bx-wrapper .ewic-caption { background: none!important; } /* ============== Homepage ============== */ .page-id-2 #content.content-warp h6{ font-size: 42px!important; text-align: center; color: #ACBE35; margin-top: 60px; text-shadow: 2px 2px rgba(0, 0, 0, 0.45); } .page-id-2 #content h6.entry-title a{ text-align: left!important; text-shadow: none!important; } .page-id-2 #content a{ text-align: left!important; text-shadow: none!important; } .page-id-2 #timeline-scroll h1 a:hover{ color: #ACBE35!important; text-shadow: none!important; } .page-id-2 .entry-meta span a, a.read-more{ color: #ACBE35; } .timeline-box-wrap .info h1:after{ content: ""; height: 2px; width: 80px; display: block; background: #ACBE35; margin-top: 5px; } /* ======== IMAGES ======== */ .image-style-1{ border: 1px solid #410101!important; width: 100%!important; height: auto; box-shadow: 2px 2px 2px #240703; padding: 9px!important; } /* ======= BLOG ======= */ .post-list article:hover{ border-bottom: 4px solid #B22630; } .comment-form .form-submit input, #recaptcha-submit-btn-area input { background: #b22630!important; } .comment-form .form-submit input, #recaptcha-submit-btn-area input { color: #fff!important; } .post-img-wrap .post-date { position: absolute; top: 0; left: 0; background: rgba(178, 38, 48, 0.42); padding: 16px 20px; text-align: center; min-width: 90px; min-height: 90px; } .post-img-wrap { position: relative; min-height: 150px; text-align: center!important; background-color: rgb(234, 234, 234); } /* ========================= CLIENT SECTION/LOGO BAR ========================= */ .client-logos li { display: inline-block; margin: 25px 15px 25px 15px!important; vertical-align: middle; } .client-logos li img { max-height: 44px; opacity: 1; max-width: 240px; -webkit-filter: grayscale(1); filter: none; } .client-logos { padding-left: 0px!important; } /* ======== DELI ======== */ .page-id-303 .entry-header, .page-id-369 .entry-header { display: none!important; } .page-id-303 #main, .page-id-369 #main { margin-top: -65px!important; } /* =========== LIZ EARLE =========== */ .page-id-30 .entry-content h2, .page-id-300 .entry-content h2 { margin: -7px!important; } .page-id-30 .siteorigin-widget-tinymce.textwidget p{ margin: 0px; } /* ========= Gallery ========= */ .foogallery-link-image ::before a:hover{ background: #0072ff!important; } /* ============= CONTACT PAGE ============ */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="week"], input[type="month"], input[type="datetime-local"], input[type="datetime"], input[type="date"], input[type="color"], textarea, select { color: #555; border: 1px solid #dedede; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 90%; padding: 5px; } /* ========= SHOP ========= */ .page-id-89 #pgc-89-1-0 .panel-widget-style { padding: 3% 3% 0% 3%!important; } /* #post-30{ margin-top: -65px!important; } */ /* ============= woocommerce ============= */ .woocommerce-ordering { display: none!important; } .woocommerce ul.products li.product .button, .woocommerce .products .product .button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce div.product form.cart .button:hover, .woocommerce div.product .single_add_to_cart_button:hover{ background-color: #B22630!important; color: #fff!important; } .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ color: #ACBE35; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ background-color: #acbe35; color: #fff; border: 1px solid #acbe35; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background-color: #acbe35; color: #fff!important; border: 1px solid #acbe35; } .woocommerce div.product form.cart .button, .woocommerce div.product .single_add_to_cart_button{ background-color: #ACBE35; } .woocommerce-active .site-branding, .woocommerce-active .site-logo-anchor, .woocommerce-active .site-logo-link{ float: none; margin: 0 auto; position: relative; width: 300px; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce .products .product:hover, .woocommerce-page .products .product:hover{ border-bottom-color: #ACBE35; } /* .page-id-6 .woocommerce ul.products li.product, .page-id-6 .woocommerce-page ul.products li.product, .woocommerce .products .product, .woocommerce-page .products .product{ padding-bottom: 50%; } */ ul.products li.product, .woocommerce .products .product, .woocommerce-page .products .product { background: #ffffff; border-top: 0px solid #eaeaea; border-left: 0px solid #eaeaea; border-right: 0px solid #eaeaea; border-bottom: 0px solid #eaeaea; padding: 5px; transition: all ease 0.55s; list-style: none; text-align: center; margin-bottom: 0px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .products .product, .woocommerce-page .products .product, .woocommerce ul.products li.product .price, .woocommerce .products .product .price{ text-align: left; } .woocommerce ul.products li.product a:hover h3, .woocommerce .products .product a:hover h3{ color: #B22630; } .woocommerce ul.products li.product .button, .woocommerce .products .product .button{ color: #fff!important; margin: 5px 0px; font-size: 10px; padding: 0px 9px 0px 9px; } .product a img { height: auto; max-width: 100%; display: none!important; } .llorix_one_lite_grid_col_4, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: 99%!important; margin-left: 0%!important; padding: 2px 2px 0px 15px; } .woocommerce ul.products li.product:nth-child(4n+1), .woocommerce-page ul.products li.product:nth-child(4n+1) { margin-left: 0; clear: left; /*margin-bottom: 5px;*/ } .woocommerce .type-product img{ display: none!important; } .woocommerce-active .site-header .main-navigation{ margin-top: -50px; padding: 0px; } .woocommerce-active .site-header .main-navigation{ margin-top: 0px; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{ background-color: #ACBE35; } .woocommerce ul.products li.product a img{ height: 182px; } .woocommerce .woocommerce-breadcrumb a:hover{ color: #B22630; } .woocommerce h3{ display: inline!important; } .woocommerce ul.products li.product .price, .woocommerce .products .product .price { border-bottom: 0; margin-bottom: 0; padding: 0 0 10px 0; width: 10%; float: right; } button, input[type="button"], input[type="reset"], input[type="submit"]{ background-color: #ACBE35; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ background: #B22630; } .service-icon .fa{ color: #ACBE35; } .section-header h2{ color: #333; } .single-service h3{ color: rgba(172, 190, 53, 0.65); } /* ================= Small screen Nav ================= */ .dropdown-toggle.toggled-on, .dropdown-toggle.toggled-on:hover, .dropdown-toggle.toggled-on:focus{ background-color: #ACBE35!important; } /* ================= homepage sections ================= */ /* ========== Button ========== */ .standard-button, .navbar-register-button{ background-color: #ACBE35; border: 3px solid #ffffff; } .standard-button:hover, .navbar-register-button:hover{ background-color: #B22630; border: 3px solid #ffffff; } /* =============== Welcome section =============== */ .brief .brief-image-right img{ float: right; width: 92%; border: 1px solid rgba(172, 190, 53, 0.72); padding: 14px; opacity: 0.9; border-radius: 7px; box-shadow: 1px 1px 1px; } /* ====== BRIEF ====== */ .brief h2{ color: #ACBE35; } /* =========== Fa =========== */ .very-top-header .transparent-text-dark{ color: #B22630!important; background-color: #ffffff; width: 30px; height: 30px; border-radius: none!important; padding: 5px; } .very-top-header .transparent-text-dark:hover{ background-color: #B22630; } #intro_section_text_1{ color: #ACBE35; text-shadow: 2px 2px #fff; } #intro_section_text_2{ font-size: 25px; color: #ACBE35; text-shadow: 1px 1px #fff; } .colored-line-left, .colored-line-right, .colored-line{ background: #B22630; } .contact-info .contact-links a:hover{ color: #ACBE35; } /* ============ FOOTER ============ */ .footer{ background-color: #000; color: #B22630; } .footer a{ background-color: #000000!important; } footer.footer .social-icons i:before{ line-height: 30px; font-size: 19px; color: #FFFFFF; background-color: #B22630; border-radius: 75px; width: 41px; height: 41px; padding: 7px; display: inline-block; } footer.footer .social-icons i:hover:before{ background-color: #fff; color: #B22630; } button.control_next, button.control_prev{ display: none; } a:focus, a:active, a.active, a:focus:active{ background-image: none; outline: none; -webkit-box-shadow: none; box-shadow: none; border: 0px solid #ffffff; } .footer-bottom-wrap{ font-size: 19px!important; } .powered-by { font-size: 15px; margin-top: 25px; } #paul{ color: #fff; font-weight: 700; text-shadow: #B22630 2px 2px 2px; margin-left: 2px; font-size: 12px; } #paul-text{ font-size: 12px; } /* =============================== @media styles for small screen =============================== */ @media screen and (max-width: 500px){ .navbar-brand{ width: 65%!important; } #food-header{ font-size: 0.7em; } .very-top-right { float: none; padding-bottom: 7px; display: block; clear: both; text-align: center; width: 100%; } .very-top-left { font-size: 17px; font-weight: 500; text-align: center; float: none; text-transform: uppercase; margin-top: 5px!important; margin-bottom: -7px; } .page-id-30 .entry-content h2, .page-id-300 .entry-content h2 { margin: 7px!important; } .very-top-header .transparent-text-dark { height: 3px; color: #B22630!important; background-color: #ffffff; height: 34px!important; width: 34px!important; margin-right: -4px!important; border-radius: none!important; padding: 7px!important; } .page-id-2 #content.content-warp h6{ font-size: 32px!important; } .very-top-header .social-icons i:before { font-size: 17px!important; } .sticky-navigation .navbar-brand img { min-width: 210px; margin: 0 auto; float: none!important; margin-top: 16px!important; max-width: 210px; position: relative; } .navbar-inverse .navbar-brand { float: none; } .container>.navbar-header{ text-align: center; } .sticky-navigation .main-navigation li a { text-transform: uppercase; line-height: 18px; margin: 12px 0px!important; padding: 0; } .sticky-navigation .primary-menu ul li { padding-left: 3%; margin-top: -2%; margin-bottom: -2%; } } @media only screen and (max-width: 568px) and (min-width: 320px){ .sp-button { width: 10px; height: 10px; } } @media (min-width: 768px){ .menu-align-center .primary-menu > li, .menu-align-center .no-menu > li{ display: inline-block; float: none; margin-top: -20px!important; } .menu-align-center .primary-menu, .menu-align-center .no-menu{ margin-bottom: -17px; } .navbar-brand img { max-height: 72px; } } @media (max-width: 767px){ .feedback p { font-size: 16px!important; line-height: 1.6!important; } /*.menu-item-has-children a:after, .dropdown-toggle:after{ visibility: visible!important; } */ .navbar-header { margin-left: 0; padding-bottom: 0px; margin-right: 0; } .sticky-navigation .navbar-brand img { margin-left: 0px; } .brief .brief-image-right img{ float: none!important; } .contact-info .contact-links a { line-height: 1.8; font-size: 17px!important; color: #343434; } .menu-align-center .primary-menu > li.menu-item-has-children a { padding: 5px 0px; } .sticky-navigation .main-navigation li a { line-height: 1.4!important; text-transform: uppercase; line-height: 18px; margin: 8px 11px; padding: 0; } .navbar-brand img { max-height: 100%; } .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: inherit; box-shadow: none; margin-top: 19px!important; } } @media screen and (min-width: 900px){ .menu-item-has-children a:after { visibility: hidden!important; } .navbar-header { margin-left: 0; padding-bottom: 9px; @media screen and (max-width: 992px){ .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{ padding-bottom: 7px; } .woocommerce ul.products li.product .button, .woocommerce .products .product .button{ margin:10px auto; position: relative; } .sticky-navigation .main-navigation li a { text-transform: uppercase; line-height: 18px; margin: 7px 6px; padding: 0; } /* .main-navigation ul .toggled-on li{ margin: 12px 4px!important; } */ } /* ======================= HIGH RESOLUTION DEVICE ======================= */ @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .very-top-left span{ color: #fff!important; } }