/* LICENSE & DETAILS ================================================== Theme Name: Dante Child Theme Theme URI: http://dante.swiftideas.net Description: A Retina Responsive Multi-Purpose WordPress Theme - Designed & Developed by Swift Ideas ( www.swiftideas.net ) License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Template: dante Version: 1.0 Author: Swift Ideas Author URI: www.swiftideas.net All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ================================================== */ /* 0.0: Testing 1.0: Changes that work for all sites 1.01: Avada/Dante Core CSS Changes 1.02: Adsense 1.03: Google Custom Search 1.04: General 1.05: Margins & Paddings 1.06: Columns / Rows / Boxes 1.07: Header and Title Bar 1.08: Icons 1.09: Links & Anchors 1.10: Footer 1.11: Sidebar 1.12: Blog Posts 1.13: Headings 1.14: Heading Colors 1.15: Pictures / Images 2.0: Custom changes for just this site 2.01: Header 2.02: Footer 2.03: Sidebar 2.04: 3.0: Page Templates 3.01: Home Page 3.02: SMI 3.03: SM 3.04: MP 3.05: MP sub 3.06: HH 3.07: C&D 3.08: Blog Main 3.09: Blog Page 10.0: Responsive Classes 10.1: Max-Width Inclusions (CSS for everything below this width) 10.1.01: max-width: 1050px; 10.1.02: max-width: 1010px; 10.1.03: max-width: 900px; 10.1.04: max-width: 850px; 10.1.05: max-width: 800px; Avada switches to its "Mobile" theme 10.1.06: max-width: 768px; iPad is 768px 10.1.07: max-width: 600px; 10.1.08: max-width: 480px; 10.1.09: max-width: 420px; iPhone 6+ is 414px 10.1.10: max-width: 413px; iPhone 6 is 375px 10.1.11: max-width: 374px; iPhone 4/5 is 320px 10.1.12: max-width: 319px; 10.2: Min-Width Inclusions (CSS for everything above this width) 10.2.01: min-width: 1200px; 10.2.02: min-width:; 10.2.03: min-width:; 10.2.04: min-width:; 10.2.05: min-width:; 10.2.06: min-width:; 10.2.07: min-width:; 10.2.08: min-width:; 10.3: Hiding Classes - all sizes 10.3.01: max-width classes - HIDING things when screen is this width & BELOW 10.3.02: min-width classes - SHOWING things when screen is BELOW this width */ /* ------------------------------------------------- /* ------------------------------------------------- /* 0.0 - Testing ------------------------------------------------- */ ul#clean-ul li { list-style-type: none; } ul.cody-image-list img { float: left; margin-right: 10px; } ul.cody-image-list li { clear: both; overflow: auto; } a.cody-no-decoration { text-decoration: none !important; } .boxed-cody-white a.cody-no-decoration:hover h3 { color: #1dc6df !important; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; /* ...and now for the proper property */ transition:.2s; } .paraunderline { margin-top: 1px; } .is-sticky header#header #logo > .mobile-menu-show { margin-right: 15px !important; } body.page-id-419 #header > #top-header { display: none; } //hide the breadcrumbs on home page span.dropcap1 { float: none; font-size: inherit; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; margin-right: 0px; padding: 0px; } span.italic { font-style: italic; } .bg-eee { background-color: #eeeeee; } /* Fix the issue of the page being too wide with blank spaces */ body > #container, #main-container > div.container { overflow: hidden; } /* Page Specific Issues */ /* Menu Prices Page & SubPage */ .cody-mp-last-update { display: inline-block !important; vertical-align: top !important; color: #999999; clear: both; width: 100%; height: auto; } .cody-mp-last-update > span { float: right; padding-right: 10px; } /* Inline */ .cody-inline-block { display: inline-block !important; } .cody-inline { display: inline !important; } /* Happy Hours */ .hh-active { font-weight: bold; color: #3cba54; } .hh-inactive { font-weight: bold; color: #db3236 } .discontinued { color: #db3236; } /* secret menu items */ .hhDay > span { font-size: 90%; } .hh-today { border: 5px solid rgba(60, 186, 84, 0.7) !important; } // #3cba54 with opacity /* -------------------------------------------------------------------------------------------------- 1.0 - Changes that work for all sites -------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- 1.01 - Avada/Dante Core CSS Changes ------------------------------------------------- */ /* ------------------------------------------------- 1.02 - Adsense ------------------------------------------------- */ /* ------------------------------------------------- 1.03 - Google Custom Search ------------------------------------------------- */ /* ------------------------------------------------- 1.04 - General ------------------------------------------------- */ div.cody-clearfix { clear: both !important; } /* ------------------------------------------------- 1.05 - Margins & Paddings ------------------------------------------------- */ /* Top Margin/Padding */ .margin-top-0, .margin-topbot-0, .margin-0 { margin-top: 0px !important; } .margin-top-1 { margin-top: 1px !important; } .margin-top-5, .margin-topbot-5, .margin-5 { margin-top: 5px !important; } .margin-top-10, .margin-topbot-10, .margin-10 { margin-top: 10px !important; } .margin-top-15, .margin-topbot-15, .margin-15 { margin-top: 15px !important; } .margin-top-20, .margin-topbot-20, .margin-20 { margin-top: 20px !important; } .margin-top-25, .margin-topbot-25, .margin-25 { margin-top: 25px !important; } .margin-top-30, .margin-topbot-30, .margin-30 { margin-top: 30px !important; } .padding-top-0, .padding-topbot-0, .padding-0 { padding-top: 0px !important; } .padding-top-5, .padding-topbot-5, .padding-5 { padding-top: 5px !important; } .padding-top-10, .padding-topbot-10, .padding-10 { padding-top: 10px !important; } .padding-top-15, .padding-topbot-15, .padding-15 { padding-top: 15px !important; } .padding-top-20, .padding-topbot-20, .padding-20 { padding-top: 20px !important; } .padding-top-25, .padding-topbot-25, .padding-25 { padding-top: 25px !important; } .padding-top-30, .padding-topbot-30, .padding-30 { padding-top: 30px !important; } /* Right Margin/Padding */ .margin-right-0, .margin-sides-0, .margin-0 { margin-right: 0px !important; } .margin-right-5, .margin-sides-5, .margin-5 { margin-right: 5px !important; } .margin-right-10, .margin-sides-10, .margin-10 { margin-right: 10px !important; } .margin-right-15, .margin-sides-15, .margin-15 { margin-right: 15px !important; } .margin-right-20, .margin-sides-20, .margin-20 { margin-right: 20px !important; } .margin-right-25, .margin-sides-25, .margin-25 { margin-right: 25px !important; } .margin-right-30, .margin-sides-30, .margin-30 { margin-right: 30px !important; } .padding-right-0, .padding-sides-0, .padding-0 { padding-right: 0px !important; } .padding-right-5, .padding-sides-5, .padding-5 { padding-right: 5px !important; } .padding-right-10, .padding-sides-10, .padding-10 { padding-right: 10px !important; } .padding-right-15, .padding-sides-15, .padding-15 { padding-right: 15px !important; } .padding-right-20, .padding-sides-20, .padding-20 { padding-right: 20px !important; } .padding-right-25, .padding-sides-25, .padding-25 { padding-right: 25px !important; } .padding-right-30, .padding-sides-30, .padding-30 { padding-right: 30px !important; } /* Bottom Margin/Padding */ .margin-bottom-0, .margin-topbot-0, .margin-0 { margin-bottom: 0px !important; } .margin-bottom-5, .margin-topbot-5, .margin-5 { margin-bottom: 5px !important; } .margin-bottom-10, .margin-topbot-10, .margin-10 { margin-bottom: 10px !important; } .margin-bottom-15, .margin-topbot-15, .margin-15 { margin-bottom: 15px !important; } .margin-bottom-20, .margin-topbot-20, .margin-20 { margin-bottom: 20px !important; } .margin-bottom-25, .margin-topbot-25, .margin-25 { margin-bottom: 25px !important; } .margin-bottom-30, .margin-topbot-30, .margin-30 { margin-bottom: 30px !important; } .padding-bottom-0, .padding-topbot-0, .padding-0 { padding-bottom: 0px !important; } .padding-bottom-5, .padding-topbot-5, .padding-5 { padding-bottom: 5px !important; } .padding-bottom-10, .padding-topbot-10, .padding-10 { padding-bottom: 10px !important; } .padding-bottom-15, .padding-topbot-15, .padding-15 { padding-bottom: 15px !important; } .padding-bottom-20, .padding-topbot-20, .padding-20 { padding-bottom: 20px !important; } .padding-bottom-25, .padding-topbot-25, .padding-25 { padding-bottom: 25px !important; } .padding-bottom-30, .padding-topbot-30, .padding-30 { padding-bottom: 30px !important; } /* Left Margin/Padding */ .margin-left-0, .margin-sides-0, .margin-0 { margin-left: 0px !important; } .margin-left-5, .margin-sides-5, .margin-5 { margin-left: 5px !important; } .margin-left-10, .margin-sides-10, .margin-10 { margin-left: 10px !important; } .margin-left-15, .margin-sides-15, .margin-15 { margin-left: 15px !important; } .margin-left-20, .margin-sides-20, .margin-20 { margin-left: 20px !important; } .margin-left-25, .margin-sides-25, .margin-25 { margin-left: 25px !important; } .margin-left-30, .margin-sides-30, .margin-30 { margin-left: 30px !important; } .padding-left-0, .padding-sides-0, .padding-0 { padding-left: 0px !important; } .padding-left-5, .padding-sides-5, .padding-5 { padding-left: 5px !important; } .padding-left-10, .padding-sides-10, .padding-10 { padding-left: 10px !important; } .padding-left-15, .padding-sides-15, .padding-15 { padding-left: 15px !important; } .padding-left-20, .padding-sides-20, .padding-20 { padding-left: 20px !important; } .padding-left-25, .padding-sides-25, .padding-25 { padding-left: 25px !important; } .padding-left-30, .padding-sides-30, .padding-30 { padding-left: 30px !important; } /* Special Margins */ .margin-sides-auto { margin-left: auto; margin-right: auto; } /* ------------------------------------------------- 1.06 - Columns / Rows / Boxes ------------------------------------------------- */ /* Special Button Box */ .cody-button-container { width: 100%; padding: 10px 15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #444444; } .res-home-individual-links .cody-button-container .cody-button-title { min-height: 118px; width: 100%; } .cody-buttons-alt-heading .cody-button-container .cody-button-title { width: 100%; height: 60px; position: relative; overflow: hidden; } .cody-button-container h3 { color: #222222; margin-top: 0; } .cody-button-container-text { color: #222222; min-height: 120px; } .cody-button { color: #ffffff; font-family: "source_sans_probold",Arial,Helvetica,Tahoma,sans-serif ; font-size: 12px; font-weight: normal !important; letter-spacing: 1.8px; text-align: center; width: auto; box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.15) inset; border: 0 !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display: inline-block; text-align: left !important; } .cody-button-content { padding: 10px 20px; color: #ffffff; } a.cody-button:hover .cody-button-content, a.cody-button:focus .cody-button-content { color: #ffffff; background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)) !important; /* For Safari */ background: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)) !important; /* Standard syntax (must be last) */ } /* Alt button heading */ .cody-buttons-alt-heading .cody-button-title > img { float: left; margin: 0; position: absolute; left: 0; top: 0; } .cody-buttons-alt-heading .cody-button-title > h3 { float: right; padding: 0 0 0 70px; width: 100%; height: 100%; display: table; text-align: left; } .cody-buttons-alt-heading .cody-button-title > h3 > span { display: table-cell; vertical-align: middle; } .page-cody-smi .cody-button-container { height: 200px; position: relative; } .page-cody-smi .cody-button { position: absolute; bottom: 15px; right: 15px; } /* ------------------------------------------------- 1.07 - Header and Title Bar ------------------------------------------------- */ /* ------------------------------------------------- 1.08 - Icons ------------------------------------------------- */ /* ------------------------------------------------- 1.09 - Links & Anchors ------------------------------------------------- */ /* ------------------------------------------------- 1.10 - Footer ------------------------------------------------- */ /* ------------------------------------------------- 1.11 - Sidebar ------------------------------------------------- */ /* ------------------------------------------------- 1.12 - Blog Posts ------------------------------------------------- */ /* ------------------------------------------------- 1.13 - Headings ------------------------------------------------- */ h1.margin-top-0, h2.margin-top-0, h3.margin-top-0 { margin-top: 0; } /* ------------------------------------------------- 1.14 - Heading Colors ------------------------------------------------- */ /* ------------------------------------------------- 1.15 - Pictures / Images ------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- 2.0 - Custom Changes for just this site -------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- 2.01 - Header ------------------------------------------------- */ /* ------------------------------------------------- 2.02 - Footer ------------------------------------------------- */ /* ------------------------------------------------- 2.03 - Sidebar ------------------------------------------------- */ /* ------------------------------------------------- 2.04 - ------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- 3.0 - Page Templates -------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- 3.01 - Home Page ------------------------------------------------- */ /* ------------------------------------------------- 3.02 - SMI ------------------------------------------------- */ /* ------------------------------------------------- 3.03 - SM ------------------------------------------------- */ /* Move the sidebar down early - in the responsive section - 1010px and below */ /* ------------------------------------------------- 3.04 - MP ------------------------------------------------- */ /* headings */ /* menu category list */ ul.cody-mp-list { list-style-type: disc; margin-left: 30px; margin-bottom: 0px; } ul.cody-mp-list li { line-height: 25px; } /* ------------------------------------------------- 3.05 - MP sub ------------------------------------------------- */ /* ------------------------------------------------- 3.06 - HH ------------------------------------------------- */ /* ------------------------------------------------- 3.07 - C&D ------------------------------------------------- */ /* ------------------------------------------------- 3.08 - Blog Main ------------------------------------------------- */ /* ------------------------------------------------- 3.09 - Blog Page ------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- 10.0 - Responsive Classes -------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- 10.1 - Max-Width Inclusions (CSS for everything below this width) -------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- 10.1.01 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.02 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.03 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.04 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.05 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.06 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.07 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.08 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.09 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.10 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.11 - max-width: 1050px; ------------------------------------------------- */ /* ------------------------------------------------- 10.1.12 - max-width: 1050px; ------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- 10.2 - Min-Width Inclusions (CSS for everything above this width) -------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- 10.2.01 - min-width: 1200px; ------------------------------------------------- */ /* ------------------------------------------------- 10.2.02 - min-width: 1200px; ------------------------------------------------- */ /* ------------------------------------------------- 10.2.03 - min-width: 1200px; ------------------------------------------------- */ /* ------------------------------------------------- 10.2.04 - min-width: 1200px; ------------------------------------------------- */ /* ------------------------------------------------- 10.2.05 - min-width: 1200px; ------------------------------------------------- */ /* ------------------------------------------------- 10.2.06 - min-width: 1200px; ------------------------------------------------- */ /* ------------------------------------------------- 10.2.07 - min-width: 1200px; ------------------------------------------------- */ /* ------------------------------------------------- 10.2.08 - min-width: 1200px; ------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- 10.3 - Hiding Classes - all sizes -------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- 10.3.01 - max-width classes - HIDING things when screen is this width & BELOW ------------------------------------------------- */ /* ------------------------------------------------- 10.3.02 - min-width classes - SHOWING things when screen is BELOW this width ------------------------------------------------- */ /* --------------------------------------------ƒ Set MAX and MIN content widths - OTHER FIXES FOR THE LAYOUT ISSUE -------------------------------------------- */ /* Header */ #container #top-bar > .container, #container #header > #top-header > .container, #container .sticky-header > .container { max-width: 1170px !important; } /* Updates to fix it after Dante 3.3.0 */ .layout-fullwidth .fw-header.container, .layout-fullwidth .fw-header .container { width: 1170px; } .layout-fullwidth .fw-header #header .header-container, .layout-fullwidth .fw-header #header .header-container > .row, .layout-fullwidth .fw-header #header-section nav.mega-menu li .sub-container, .layout-fullwidth .fw-header nav.mega-menu li .mega .sub, .layout-fullwidth .fw-header nav.mega-menu li .mega .sub > .row { width: 1170px; } /* Body */ #container > #main-container, #container > #main-container > .container { width: 100% !important; max-width: 1170px !important; min-width: 320px !important; display: block; margin: 0 auto; padding-left: 0px; padding-right: 0px; } body { background-color: #ffffff !important; } .page-content.clearfix { padding-left: 15px; padding-right: 15px; } /* Footer */ section#footer, section#footer > .container { padding-left: 0px; padding-right: 0px; } #footer-widgets { padding-left: 15px; padding-right: 15px; } footer#copyright, footer#copyright > .container { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } /* -------------------------------------------- CHILD THEME CSS -------------------------------------------- */ /* ------------------- For BLOG COMMENTS WIDTH --------------------- */ .post #commentform > span > iframe { width: 555px !important; } .post #commentform { padding: 0px; } /* ------------------------------------------------------------------------ 00. CODY - login page ------------------------------------------------------------------------ */ #login { text-align: center !important; } /* ------------------------------------------------------------------------ 00.1. CODY - Header ------------------------------------------------------------------------ */ .container #header #logo > a::hover > h1.standard { color: #1dc6df !important; } /* top bar */ #top-bar > .container { width: 100%; } /* Header */ body #header .sticky-header > .container.header-container { max-width: 100%; } /* Sticky Header */ #header div.sticky-header-resized { padding-top: 0px !important; } .layout-fullwidth .fw-header #header .header-container > .row { width: auto !important; } /* Navigation Bar - Menu Bar */ #header .sticky-header a:hover { text-decoration: none; } /* deprecated #header-section .sticky-header #logo > a.mobile-menu-show:hover::before, #header-section .sticky-header #logo > a.mobile-menu-show:hover > i { color: #1dc6df !important; text-decoration: none; } */ #mobile-menu-wrap ul > li > a:hover { text-decoration: none !important; } #logo > a:first-of-type:hover { text-decoration: none; } #header #logo > a > h1.standard:hover, #header #logo > a > h1.retina:hover, #header-section .sticky-header #logo > a.visible-sm:hover { color: #1dc6df; } /* ------------------------------------------------------------------------ 00.2. CODY - Column Margins ------------------------------------------------------------------------ */ .page-content > div.col-cody-9 { margin-top: 0px !important; } /* Not a col, but a simpler fix */ .col-cody-3 > h3.title { margin-top: 4px !important; } /* ------------------------------------------------------------------------ 00.5. CODY - changes to dante css ------------------------------------------------------------------------ */ .post-info { border-bottom: 0px solid !important; } #page-wrap { padding-left: 0px !important; padding-right: 0px !important; } /* Headings */ h4.spb-heading { white-space: normal; line-height: 20px !important; text-align: center; } h4.spb-heading span::before, h4.spb-heading span::after { margin-top: 10px; } /* Stupid underlining */ .smitemsbox a:hover, .cody-list-pics > a:hover { text-decoration: none; } .col-cody-2point4 > .sf-icon-box .no-marpad > .home-logo-font a:hover { text-decoration: none; } .paraunderline a:hover { text-decoration: none; } .col-cody-3 .spb_content_element > a:hover { text-decoration: none; } /* ------------------------------------------------------------------------ 01. CODY - custom CSS added later ------------------------------------------------------------------------ */ .justify-text { text-align: justify !important; } /* custom padding & margin for inbetween column and manual sidebar */ .snug-fit { padding-right: 15px; margin-right: 0px; width: 765px; } .gsc-search-box { padding: 6px 0 0 0 !important; width: 345px !important; } /* ------------------- For TOP BAR styling AND Social Icons --------------------- */ #top-bar .social-icons > .pinterest > a { margin: 0px !important; } .mr_social_sharing_wrapper > span.mr_social_sharing:nth-of-type(2) { padding-right: 7px !important; } /* ------------------- For HOME PAGE styling --------------------- */ .home-logo-font { font-size:11px; text-align:center; color: #289dcc; } .text-align-right { text-align: right; } .rev_slider img { border:0px solid; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } /* Margin Stylings */ .margin-all-10 { margin-top: 10px !important; margin-bottom: 10px !important; margin-left: 10px !important; margin-right: 10px !important; } .margin-forty-top { margin-top: 40px !important; } .margin-thirty-top { margin-top: 30px !important; } .margin-thirty-bottom { margin-bottom: 30px !important; } .margin-twenty-top { margin-top: 20px !important; } .margin-twenty-bottom { margin-bottom: 20px !important; } .margin-twenty-top-bot { margin-top: 20px !important; margin-bottom: 20px !important; } .margin-fifteen-top { margin-top: 15px !important; } .margin-fifteen-bottom { margin-bottom: 15px !important; } .margin-topbot-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .margin-ten-top { margin-top: 10px !important; } .margin-ten-bottom { margin-bottom: 10px !important; } .margin-five-top { margin-top: 5px !important; } .margin-five-bottom { margin-bottom: 5px !important; } .margin-zero-top { margin-top: 0px !important; } .margin-zero-bottom { margin-bottom: 0px !important; } .margin-sides-none { margin-left: 0px !important; margin-right: 0px !important; } .margin-zero-topbot { margin-top: 0px !important; margin-bottom: 0px !important; } /* Padding Stylings */ .padding-all-10 { padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; } .padding-ten-topbot { padding-top: 10px !important; padding-bottom: 10px !important; } .padding-fifteen-sides { padding-left: 15px !important; padding-right: 15px !important; } .padding-ten-left { padding-left: 10px !important; } .padding-sides-none { padding-left: 0px !important; padding-right: 0px !important; } .margin-home { margin: 15px 0px 6px 0px !important; } .htm-home-title { color:#119ed4; text-align:center; size: 28px; margin-bottom: 10px; margin-top: 0px !important; } /* ------------------- For RESTAURANT INFO HOME PAGE styling --------------------- */ .full-height-width { height: 100%; width: 100%; } .res-sm-custom-pic-text { width: 100% !important; margin-top: -15px !important; font-size: 250% !important; } .res-home-individual-links { } /* ------------------- For COUPONS & DEALS MAIN BLOG PAGE styling --------------------- */ .mini-items .blog-item figure { width: auto !important; } .read-more-button { color: #FFFFFF; background: #1DC6DF; border: 1px solid #1DC6DF !important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .read-more-button:hover { background: #E8E8E8; } .blog-items.mini-items > li:nth-of-type(1) { padding-top: 30px !important; } ul.pagenavi.bar-styling { float: right; padding-right: 2px; margin: 0 0 30px 0 !important; } .cody-blog .post-info > span { max-width: 100%; } .cody-no-border { border: 0px solid #ffffff !important; } .cody-not-listicle .cody-blog-outer { background-color: #ffffff; padding: 20px 0px; } .cody-blog-outer .cody-blog-main-paras > p, .cody-blog-outer .cody-blog-main-paras .cody-review > p { padding: 0 20px; } .cody-blog figure > img, .cody-blog figure.cody-listicle-item > .fig-image img { max-height: 750px; width: auto; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } figure.cody-fig-main > figcaption { padding: 0 20px; } /* Listicles */ .cody-grey-bg { background-color: #f3f3f3; } .cody-white-bg { background-color: #ffffff; } .page-content.clearfix.cody-blog { padding: 0; } .cody-blog .paraunderline h2 > a { color: #222222; border: 0; } .cody-blog .paraunderline h2 > a:hover { color: #1dc6df; } .cody-listicle-item-box { margin: 15px 0px; } .cody-listicle-share-box hr { color:#dddddd; width: 50%; margin: 0 auto; } .cody-blog figure.cody-listicle-item { padding: 15px 25px 10px; background-color: #ffffff; } .cody-blog figure > div.paraunderline a { display: inline-block; } /* Figcaption */ .cody-blog figure figcaption { color: #999999; line-height: 16px; margin-top: -4px; } .cody-blog figure figcaption a { font-weight: normal; font-style: italic; color: #999999; display: inline-block; border: 0; } /* ----- Video Youtube Player Container ----- */ .cody-youtube-vid-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .cody-youtube-vid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Fixes to Dante CSS */ /* -------------------- For SPECIAL ITEMS LIST - HEALTHY PAGE styling ------------------- */ .hhChartOuter.specialItemOuter { background-color: #e2e2e2 !important; } .specialItemOuter > h2 { margin-top: 0px; } .specialItemOuter > hr { border-color: #aaaaaa; } .specialItemOuter .hhChartRow > .col-cody-9 { border-left: 1px dashed #bbbbbb; } .specialItemOuter .specialRows1 { padding-top: 0px; } .specialItemOuter .specialRows2 { padding-top: 100px; } .specialItemOuter .specialRows3 { padding-top: 160px; } .specialItemOuter .specialRows4 { padding-top: 220px; } .res-smalltext { font-size: 11px; line-height: 1.42857; } .col-cody-9.special-view-all-link { height: 185px !important; } .special-view-all-link span.cody-s-v-a-l { display: inline-block; padding: 70px 20px 0 40px; } /* ------------------- For COUPONS & DEALS Individual BLOG PAGE styling --------------------- */ /*.social-icons > .pinterest > a { margin-top: 8px !important; } */ .social-icons > li > a { border: 0px !important; } .has-both-sidebars .page-content > .media-wrap > img { width: auto; max-width: 98%; } .has-both-sidebars .page-content > .media-wrap { text-align: center; } .post-info.clearfix > span { display: inline-block !important; } .has-both-sidebars > .post > .row > .sidebar, .has-both-sidebars > .sidebar { margin-top: 0px; } .has-both-sidebars > .post > .row > .col-sm-8 > ul.post-pagination-wrap { -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); background: -webkit-linear-gradient(#F7F7F7 , #E4E4E4) !important; /* For Safari */ background: -o-linear-gradient(#F7F7F7 , #E4E4E4) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F7F7F7 , #E4E4E4) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#F7F7F7 , #E4E4E4) !important; /* Standard syntax (must be last) */ } .has-both-sidebars li.prev a, .has-both-sidebars li.next a { font-weight: 500; font-family: "Museo500Regular",Arial,Helvetica,Tahoma,sans-serif; } .has-both-sidebars > .post > .row > .col-sm-8 > .post-pagination-wrap li:hover { background: -webkit-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Safari */ background: -o-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#FFFFFF , #FAFAFA) !important; /* Standard syntax (must be last) */ } /* fixes for the related posts original css */ .related-item figure { background-color: #ffffff !important; } ul.related-items.row.clearfix { list-style: outside none none; } /* fixes for the blog post snippet */ .post-info > .author { padding-left: 5px; } /* -------------------------------------------- COLUMN SHORTCODE - copied and modified for 5 columns from style.css -------------------------------------------- */ .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 79.2%; } .one_fifth, .two_fifth, .three_fifth, .four_fifth { position: relative; z-index: 2; margin-right: 4%; float: left; } .one_fifth .row, .two_fifth .row, .three_fifth .row, .four_fifth .row{ margin-bottom: 0; } .one_fifth p:last-child, .two_fifth p:last-child, .three_fifth p:last-child, .four_fifth p:last-child{ margin-bottom: 0; } .one_fifth img, .two_fifth img, .three_fifth img, .four_fifth img{ max-width: 100%; height: auto; } .sf-icon-box-hr-home { width: 50%; height: 1px; margin: 0 auto; display: block; background: #e4e4e4; margin-bottom: 0px; -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0s!important; -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; } .sf-hover .sf-icon-box-hr-home { width: 90%; background: #1DC6DF; } /* ---------- For RESTAURANT MAIN Page Template --------- */ .lrgSMPic a { text-align: center; } .lrgSMPic img { max-width: 960px; width: 100% } /* ---------- For SECRET MENU ITEM Page Template --------- */ .itmlist { line-height:1.1; padding:5px; } .cntr { text-align: center; } .cody-align-left { text-align: left; } .cody-align-right { text-align: right; } .spb_parallax_asset { margin-bottom: 25px; } .cntr .title strong { border-bottom: 1px dotted #222222; } .smi-pic-comments { padding: 8px 10px 0 0; } .smi-underpic-spacing { padding-bottom: 0px !important; margin-bottom: 0px; } .smi-underpic-spacing .row .spb_text_column { margin-bottom: 0px; } .no-marpad { margin: 0px !important; padding: 0px !important; } .no-margin { margin: 0px !important; } .no-padding { padding: 0px !important; } .lightgreydient { background: -webkit-linear-gradient(left top, #fafafa , #e9e9e9) !important; /* For Safari */ background: -o-linear-gradient(bottom right, #fafafa , #e9e9e9) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, #fafafa , #e9e9e9) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, #fafafa , #e9e9e9) !important; /* Standard syntax (must be last) */ } .smi-order-secret h3 { font-size: 160%; } .homelink > a { font-weight: bold; } i.icon-stay-white { color: #FFFFFF; } .smi-page-button { width: 100%; padding: 10px; margin-bottom: 8px; border:1px solid #ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .smi-to-sm-buttom { margin-bottom: 10px; } .smi-page-button div { padding-top: 5px; } .smi-page-button:hover { background: -webkit-linear-gradient(#cccccc , #bbbbbb) !important; /* For Safari */ background: -o-linear-gradient(#cccccc , #bbbbbb) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#cccccc , #bbbbbb) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#cccccc , #bbbbbb) !important; /* Standard syntax (must be last) */ } .smi-page-button:active { background: -webkit-linear-gradient(#bbbbbb , #aaaaaa) !important; /* For Safari */ background: -o-linear-gradient(#bbbbbb , #aaaaaa) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#bbbbbb , #aaaaaa) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#bbbbbb , #aaaaaa) !important; /* Standard syntax (must be last) */ } .smi-page-button-text { text-align: center; vertical-align: middle; color: #ffffff; font-size: 130%; text-align: center; font-weight: 900; } .smi-little-lock-box { margin: 40px 0 0 0 !important; padding-left: 50px !important; } .restaurant-box-bottompage > li { padding-top: 10px; font-size: 120%; font-weight: 700; } .col-cody-9 .cody-smi-pic-big figcaption { text-align: left; color: #666666; font-size: 13px; } .cody-smi-pic-big figure a { display: inline-block; } /* ---------- For SECRET MENU Page Template --------- */ .smtitle { text-align: center; vertical-align: bottom; font-size: 28px; margin: 15px 0; } .smtitle strong { border-bottom: 1px dotted #222222; margin-top: -5px !important; } .sm-list-cody, .restaurant-list-cody { text-align: left; } .testimonials { margin-top: 5px; text-align: center; border-bottom: 1px dotted #222222; } /* pullquote spacing */ .pq-alt { margin-bottom: 0px !important; } .pq-auth { padding: 6px 0 17px 50px; } .sm-info-sidebar { margin-top: 0px !important; padding: 10px 20px !important; } .sm-info-sidebar h4 { margin: 0px 0 10px 0; } .accordion-sidebar { margin-bottom: 5px !important; } .share-links .social-icons { float: left; } .greydient { background: -webkit-linear-gradient(left top, #E9E9E9 , #CDCDCD) !important; /* For Safari */ background: -o-linear-gradient(bottom right, #E9E9E9 , #CDCDCD) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, #E9E9E9 , #CDCDCD) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, #E9E9E9 , #CDCDCD) !important; /* Standard syntax (must be last) */ } div.row.cntrtxt { margin-bottom: 10px; } .smitemsbox { padding-left: 50px !important; padding-top: 60px !important; } .resitembox { padding: 60px 20px 20px 20px !important; } .sm-smi-title, .res-box-title { margin-top: -15px !important; font-size: 180% !important; } .grey-list-border { background: -webkit-linear-gradient(#979293 , #847E7F) !important; /* For Safari */ background: -o-linear-gradient(#979293 , #847E7F) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#979293 , #847E7F) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#979293 , #847E7F) !important; /* Standard syntax (must be last) */ border:0px solid; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding: 30px 15px 20px 15px; } /* ---------- For MENU PRICES Page Template --------- */ .mp-discontinued { color: #db3236; } .mp-text-box-button { width: 100%; height: 120px; border:0px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .mp-text-box { /* Purple */ background: -webkit-linear-gradient(#b65eea , #a231e4) !important; /* For Safari */ background: -o-linear-gradient(#b65eea , #a231e4) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#b65eea , #a231e4) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#b65eea , #a231e4) !important; /* Standard syntax (must be last) */ } .mp-text-box:hover { border: 1px solid #b65eea; background: -webkit-linear-gradient(#cccccc , #bbbbbb) !important; /* For Safari */ background: -o-linear-gradient(#cccccc , #bbbbbb) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#cccccc , #bbbbbb) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#cccccc , #bbbbbb) !important; /* Standard syntax (must be last) */ } .mp-text-box:active { border: 1px solid #a231e4; background: -webkit-linear-gradient(#bbbbbb , #aaaaaa) !important; /* For Safari */ background: -o-linear-gradient(#bbbbbb , #aaaaaa) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#bbbbbb , #aaaaaa) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#bbbbbb , #aaaaaa) !important; /* Standard syntax (must be last) */ } .mp-button-text { color: #FFFFFF; font-size: 170%; font-weight: bold; padding: 10px; height: 100px; line-height: 100px; } .mp-button-text span { display: inline-block; vertical-align: middle; line-height: normal; } .mp-main-cody { padding: 0px !important; border: 0px !important; } #mp-link-button { height: 230px; width: 230px; } #mp-link-button :hover { } .mp-title-sub { padding: 7px 0; } .margin-ten-b { margin: 0 0 10px 0; } .padding-twenty-t { padding-top: 20px !important; } .menu-pad-sidebar { padding: 10px !important; } .hover-light-grey li:hover{ background: -webkit-linear-gradient(left top, #e9e9e9 , #cdcdcd) !important; /* For Safari */ background: -o-linear-gradient(bottom right, #e9e9e9 , #cdcdcd) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, #e9e9e9 , #cdcdcd) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, #e9e9e9 , #cdcdcd) !important; /* Standard syntax (must be last) */ } .fl-logo { padding-right: 15px; float: left; } .fl-logo img.alignleft { margin: 5px 15px 0 15px; } /* ---------- For HEADER Custom CSS --------- */ .mega-menu-secret-col > .sub-menu > .menu-item { background: #E4E4E4 !important; border: 1px solid #FFFFFF !important; } .mega-menu-prices-col { } /* ------------------------------------------------------------------------ 02. CODY - tables and stuff ------------------------------------------------------------------------ */ /* CODY --- padding(margin) above/below a Horizontal Line
-------- */ hr { border: solid #e2e2e2; border-width: 2px 0 0; clear: both; margin: 10px 0 10px; height: 0; } /* CODY --- color for "how to order" highlight --------------------- */ mark { color:#ffffff; background-color:#7ac214; font-size: 15px; padding: 2px 2px 2px 2px; margin: 0 4px 0 0; border:0px solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } mark.limloc { color:#ffffff; background-color:#e65c00; font-size: 14px; padding: 2px 4px; margin: 0; } mark.is-discontinued { color:#ffffff; background-color: #db3236; font-size: 14px; padding: 2px 4px; margin: 0; } img { border:0px solid; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } /* CODY - hover border -------- */ img.hoverborder { border: 3px solid transparent; } img:hover.hoverborder { border: 3px solid #289dcc; border-color:#289dcc; } /* table for secret menu descriptions zebra rounded corners */ #roundzebra { height:350px; width:100%; margin: 0px; padding: 0 10px; border: 1px solid; border-top-color: #E4E4E4; background-color:#ffffff; } #roundzebra tr td { border: 1px solid; border-top-color:#E4E4E4; padding: 2px 4px 4px 4px; } #roundzebra tr:nth-of-type(odd) { background-color:#e4e4e4; } #roundzebra tr:first-child td:first-child { border-top-left-radius: 5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; } #roundzebra tr:first-child td:last-child { border-top-right-radius: 5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; } #roundzebra tr:last-child td:first-child { border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; } #roundzebra tr:last-child td:last-child { border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; } /* table for secret menu icons - widget sidebar */ #sidebartbl { width: 100%; margin: 0; padding: 0px !important; border: 0px; background-color:#ffffff; vertical-align: middle; text-align: left; font-size: 110%; line-height: 1.2; } #sidebartbl td, tr { /* border-bottom: 1px solid #e4e4e4; */ height: 60px; margin: 0px; } .smrpic { margin-left: 10px; } /* header title thingy for regular menu prices */ .mp-table-header { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 28px; font-weight:800; line-height: 30px; margin: 0 auto; padding: 3%; width: 100%; text-align: center; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } /* test */ #simpleprice { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px; margin: 10px auto; width: 100%; text-align: left; } #simpleprice th { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 18px; font-weight: normal; text-align: center; color: #003399; padding: 8px 10px; } #simpleprice th:nth-child(1) { text-align:left; padding-left: 80px; } #simpleprice thead th { border-bottom: 2px solid #6678b1; background-color: #DAF6FA; } /* CSS for the table footer */ #simpleprice tfoot { border-top: 3px solid #6678b1; border-bottom: 1px solid #ffffff; } #simpleprice td { border-bottom: 1px solid #ccc; color: #666699; padding: 6px 8px; } #simpleprice tr { background-color: #fdfdfd; } #simpleprice tr:nth-of-type(even) { background:#f3f3f3; } /* CSS for hovering selected row */ #simpleprice tbody tr:hover td { color: #000099; background: -webkit-linear-gradient(#dfdfdf , #d5d5d5) !important; /* For Safari */ background: -o-linear-gradient(#dfdfdf , #d5d5d5) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#dfdfdf , #d5d5d5) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#dfdfdf , #d5d5d5) !important; /* Standard syntax (must be last) */ } #simpleprice td:nth-child(2) { width:125px; text-align:center; } #simpleprice td:nth-child(3) { width:125px; text-align:center; } #simpleprice td:nth-child(4) { width:125px; text-align:center; } #simpleprice td:nth-child(5) { width:125px; text-align:center; } /* for discontinued items */ #simpleprice s { color:#adadc8; } /* -------------------- For DataTables ----------------------------- */ /* CSS for show x entries box */ #simpleprice_length > label { margin: 5px 0 5px 20px !important; color: #707070 !important; } #simpleprice_length > label > select { width: 60px !important; margin-bottom: 0px !important; } /* CSS for search box */ #simpleprice_filter > label { margin: 10px 20px 5px 0 !important; color: #707070 !important; } #simpleprice_filter > label > input { border: 1px solid #909090 !important; } /* CSS for table body */ #simpleprice_wrapper > table#simpleprice { margin-top: 0px !important; } /* CSS for the bottom text and prev/next buttons */ #simpleprice_info { padding: 0 0 0 20px !important; margin-bottom: 7px; } #simpleprice_paginate { padding: 0px !important; margin: -7px 20px 0 0 !important; } #simpleprice_paginate > span > a.paginate_button:not(.current):hover { color: #ffffff; background: -webkit-linear-gradient(#004de6 , #003399) !important; /* For Safari */ background: -o-linear-gradient(#004de6 , #003399) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#004de6 , #003399) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#004de6 , #003399) !important; /* Standard syntax (must be last) */ border: 1px solid #909090 !important; } #simpleprice_paginate > a:not(.disabled):hover { color: #ffffff; background: -webkit-linear-gradient(#004de6 , #003399) !important; /* For Safari */ background: -o-linear-gradient(#004de6 , #003399) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#004de6 , #003399) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#004de6 , #003399) !important; /* Standard syntax (must be last) */ border: 1px solid #909090 !important; } /* CSS for the header and when selected (has to be background-color or else the arrow images get covered up */ #simpleprice_wrapper > table > thead > tr > th.sorting_asc { background-color: #A6E9F3; } #simpleprice_wrapper > table > thead > tr > th.sorting_desc { background-color: #A6E9F3; } /* CSS to replace the colored arrows for column headers */ #simpleprice_wrapper > table > thead > tr > th.sorting { background-image: url('http://hackthemenu.com/wp-content/themes/dante-child/cody-custom/images/sort_both_darkened.png'); } /* CSS for highlighting the selected column cells */ #simpleprice_wrapper > table > tbody > tr > td.sorting_1 { background: #f1f1f1; } #simpleprice_wrapper > table > tbody > tr:nth-of-type(even) > td.sorting_1 { background: #e9e9e9; } /* CSS for hovering selected row */ #simpleprice_wrapper > table > tbody > tr:hover > td.sorting_1 { color: #000099; background: -webkit-linear-gradient(#d5d5d5 , #d1d1d1) !important; /* For Safari */ background: -o-linear-gradient(#d5d5d5 , #d1d1d1) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#d5d5d5 , #d1d1d1) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#d5d5d5 , #d1d1d1) !important; /* Standard syntax (must be last) */ } /* ----------------------------- Hours of Operation Tables in Happy Hour Section ------------------------------------------- */ /* Top Paragraph */ .hh-para h3 { text-align: center; margin-bottom: 3px; } .hh-para hr { width: 80%; margin: 0 auto 6px auto; color: #E4E4E4; } .opHours { font-size: 1.3em; } .opHours span { margin-bottom: 10px; display: inline-block; } .opHours span:nth-last-of-type(1) { margin-bottom: 0px; } .introHHList > li { padding-bottom: 10px; } .introHHList > li:last-of-type { padding-bottom: 0px; } .introHHList > li > span { padding-left: 20px; } .introHHList > li > span > strong { line-height: 16px; } .hhDay { font-size: 1.3em; padding-left: 10px; } .hhElementRow { padding: 0px !important; } .hhElementRow > .hhElement:nth-of-type(1) { text-align: right; } .hhElement { font-size: 1.2em; padding: 10px 15px 8px 15px; } hr.hhElementHr { width: 90%; margin: 0 auto; } .emptyHHElement { color: #F90101; } .hhChartOuter { padding: 20px !important; background: #DCF5F8; margin-bottom: 20px; border: 0 solid; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .hhChartOuter > hr { height: 2px; width: 80%; margin: -10px auto 0 auto; } .hhChartRow { background: #FFFFFF !important; margin: 20px 0 0 0; padding: 10px 0 ; min-height: 70px; height: 100% !important; width: 100% !important; border: 0px solid; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .hhChartOuter div.hhChartRow:nth-child(1) { margin: 0px !important; } /* ------------------------------------------------------------------------ 03. CODY - colors ------------------------------------------------------------------------ */ /* restaurant theme colors */ /* top to bottom linear gradient */ .bk { color:#F89E14; background: -webkit-linear-gradient(#2A507C , #123C6E) !important; /* For Safari */ background: -o-linear-gradient(#2A507C , #123C6E) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#2A507C , #123C6E) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#2A507C , #123C6E) !important; /* Standard syntax (must be last) */ } .cfa { color:#FFFFFF; background: -webkit-linear-gradient(#DF002D , #C90028) !important; /* For Safari */ background: -o-linear-gradient(#DF002D , #C90028) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#DF002D , #C90028) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#DF002D , #C90028) !important; /* Standard syntax (must be last) */ } .cmg { color:#E41936; background: -webkit-linear-gradient(#572B19 , #441400) !important; /* For Safari */ background: -o-linear-gradient(#572B19 , #441400) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#572B19 , #441400) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#572B19 , #441400) !important; /* Standard syntax (must be last) */ } .dq { color:#FFFFFF; background: -webkit-linear-gradient(#EE3E41 , #D6383A) !important; /* For Safari */ background: -o-linear-gradient(#EE3E41 , #D6383A) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#EE3E41 , #D6383A) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#EE3E41 , #D6383A) !important; /* Standard syntax (must be last) */ } .fg { color:#FFFFFF; background: -webkit-linear-gradient(#CB0037 , #B70032) !important; /* For Safari */ background: -o-linear-gradient(#CB0037 , #B70032) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#CB0037 , #B70032) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#CB0037 , #B70032) !important; /* Standard syntax (must be last) */ } .innout { color:#C7001D; background: -webkit-linear-gradient(#FFF001 , #E6D801) !important; /* For Safari */ background: -o-linear-gradient(#FFF001 , #E6D801) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FFF001 , #E6D801) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#FFF001 , #E6D801) !important; /* Standard syntax (must be last) */ } .jitb { color:#FFFFFF; background: -webkit-linear-gradient(#E51837 , #B70C39) !important; /* For Safari */ background: -o-linear-gradient(#E51837 , #B70C39) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E51837 , #B70C39) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#E51837 , #B70C39) !important; /* Standard syntax (must be last) */ } .jamba { color:#3E2916; background: -webkit-linear-gradient(#DA994D , #D68E39) !important; /* For Safari */ background: -o-linear-gradient(#DA994D , #D68E39) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#DA994D , #D68E39) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#DA994D , #D68E39) !important; /* Standard syntax (must be last) */ } .kfc { color:#FFFFFF; background: -webkit-linear-gradient(#B5393D , #A3080C) !important; /* For Safari */ background: -o-linear-gradient(#B5393D , #A3080C) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#B5393D , #A3080C) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#B5393D , #A3080C) !important; /* Standard syntax (must be last) */ } .mcd { color:#F7D301; background: -webkit-linear-gradient(#DF002D , #C90028) !important; /* For Safari */ background: -o-linear-gradient(#DF002D , #C90028) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#DF002D , #C90028) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#DF002D , #C90028) !important; /* Standard syntax (must be last) */ } .pbread { color:#000000; background: -webkit-linear-gradient(#FFBC65 , #E6A95B) !important; /* For Safari */ background: -o-linear-gradient(#FFBC65 , #E6A95B) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FFBC65 , #E6A95B) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#FFBC65 , #E6A95B) !important; /* Standard syntax (must be last) */ } .sonic { color:#EF3B44; background: -webkit-linear-gradient(#FCDD2A , #E3C726) !important; /* For Safari */ background: -o-linear-gradient(#FCDD2A , #E3C726) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FCDD2A , #E3C726) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#FCDD2A , #E3C726) !important; /* Standard syntax (must be last) */ } .sbucks { color:#FFFFFF; background: -webkit-linear-gradient(#007042 , #00653B) !important; /* For Safari */ background: -o-linear-gradient(#007042 , #00653B) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#007042 , #00653B) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#007042 , #00653B) !important; /* Standard syntax (must be last) */ } .subway { color:#FEF200; background: -webkit-linear-gradient(#196655 , #005542) !important; /* For Safari */ background: -o-linear-gradient(#196655 , #005542) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#196655 , #005542) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#196655 , #005542) !important; /* Standard syntax (must be last) */ } .tbell { color:#ED008C; background: -webkit-linear-gradient(#373E99 , #32388A) !important; /* For Safari */ background: -o-linear-gradient(#373E99 , #32388A) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#373E99 , #32388A) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#373E99 , #32388A) !important; /* Standard syntax (must be last) */ } .arbys { color:#FFFFFF; background: -webkit-linear-gradient(#E7252D , #DA1820) !important; /* For Safari */ background: -o-linear-gradient(#E7252D , #DA1820) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E7252D , #DA1820) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#E7252D , #DA1820) !important; /* Standard syntax (must be last) */ } .wendys { color:#FFFFFF; background: -webkit-linear-gradient(#EB1F39 , #DC142E) !important; /* For Safari */ background: -o-linear-gradient(#EB1F39 , #DC142E) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#EB1F39 , #DC142E) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#EB1F39 , #DC142E) !important; /* Standard syntax (must be last) */ } .wb { color:#FFFFFF; background: -webkit-linear-gradient(#EB873A , #E97923) !important; /* For Safari */ background: -o-linear-gradient(#EB873A , #E97923) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#EB873A , #E97923) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#EB873A , #E97923) !important; /* Standard syntax (must be last) */ } .sshack { color:#FFFFFF; background: -webkit-linear-gradient(#7BC04C , #6EB43F) !important; /* For Safari */ background: -o-linear-gradient(#7BC04C , #6EB43F) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#7BC04C , #6EB43F) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#7BC04C , #6EB43F) !important; /* Standard syntax (must be last) */ } .aplbee { color:#FFFFFF; background: -webkit-linear-gradient(#588522 , #4b711d) !important; /* For Safari */ background: -o-linear-gradient(#588522 , #4b711d) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#588522 , #4b711d) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#588522 , #4b711d) !important; /* Standard syntax (must be last) */ } .bbreeze { color:#ffffff; background: -webkit-linear-gradient(#ea168c , #d3137e) !important; /* For Safari */ background: -o-linear-gradient(#ea168c , #d3137e) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ea168c , #d3137e) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#ea168c , #d3137e) !important; /* Standard syntax (must be last) */ } .blou, .eltorito { color:#ffffff; background:#000000; } .beni { color:#ffffff; background: -webkit-linear-gradient(#fb0000 , #e20000) !important; /* For Safari */ background: -o-linear-gradient(#fb0000 , #e20000) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#fb0000 , #e20000) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#fb0000 , #e20000) !important; /* Standard syntax (must be last) */ } .bjs { color:#ffffff; background: -webkit-linear-gradient(#d5331d , #bf2e1a) !important; /* For Safari */ background: -o-linear-gradient(#d5331d , #bf2e1a) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#d5331d , #bf2e1a) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#d5331d , #bf2e1a) !important; /* Standard syntax (must be last) */ } .bfish { color:#000000; background: -webkit-linear-gradient(#baa972 , #b29e61) !important; /* For Safari */ background: -o-linear-gradient(#baa972 , #b29e61) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#baa972 , #b29e61) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#baa972 , #b29e61) !important; /* Standard syntax (must be last) */ } .bwwings { color:#000000; background: -webkit-linear-gradient(#ffd71a , #ffd200) !important; /* For Safari */ background: -o-linear-gradient(#ffd71a , #ffd200) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ffd71a , #ffd200) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#ffd71a , #ffd200) !important; /* Standard syntax (must be last) */ } .cheesecake { color:#ffffff; background: -webkit-linear-gradient(#c49f71 , #bc935f) !important; /* For Safari */ background: -o-linear-gradient(#c49f71 , #bc935f) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#c49f71 , #bc935f) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#c49f71 , #bc935f) !important; /* Standard syntax (must be last) */ } .chevys { color:#ffffff; background: -webkit-linear-gradient(#e35059 , #e03a44) !important; /* For Safari */ background: -o-linear-gradient(#e35059 , #e03a44) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e35059 , #e03a44) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#e35059 , #e03a44) !important; /* Standard syntax (must be last) */ } .chilis { color:#ffffff; background: -webkit-linear-gradient(#eb342e, #e91d17) !important; /* For Safari */ background: -o-linear-gradient(#eb342e, #e91d17) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#eb342e, #e91d17) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#eb342e, #e91d17) !important; /* Standard syntax (must be last) */ } .cjumper { color:#ffffff; background: -webkit-linear-gradient(#b06419, #9a5716) !important; /* For Safari */ background: -o-linear-gradient(#b06419, #9a5716) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#b06419, #9a5716) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#b06419, #9a5716) !important; /* Standard syntax (must be last) */ } .dandb { color:#ffffff; background: -webkit-linear-gradient(#d2622a, #d2462a) !important; /* For Safari */ background: -o-linear-gradient(#d2622a, #d2462a) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#d2622a, #d2462a) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#d2622a, #d2462a) !important; /* Standard syntax (must be last) */ } .dennys { color:#ee3338; background: -webkit-linear-gradient(#ffde23, #ffb923) !important; /* For Safari */ background: -o-linear-gradient(#ffde23, #ffb923) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ffde23, #ffb923) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#ffde23, #ffb923) !important; /* Standard syntax (must be last) */ } .brobbins { color:#ffffff; background: -webkit-linear-gradient(#eb83bf, #e76db4) !important; /* For Safari */ background: -o-linear-gradient(#eb83bf, #e76db4) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#eb83bf, #e76db4) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#eb83bf, #e76db4) !important; /* Standard syntax (must be last) */ } .tapex { color:#ffffff; background: -webkit-linear-gradient(#f7901e, #f38409) !important; /* For Safari */ background: -o-linear-gradient(#f7901e, #f38409) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#f7901e, #f38409) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#f7901e, #f38409) !important; /* Standard syntax (must be last) */ } .carlsjr { color:#ffffff; background: -webkit-linear-gradient(#e31837, #cc1631) !important; /* For Safari */ background: -o-linear-gradient(#e31837, #cc1631) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e31837, #cc1631) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#e31837, #cc1631) !important; /* Standard syntax (must be last) */ } .rubios { color:#6bbb45; background: -webkit-linear-gradient(#ffffff, #eeeeee) !important; /* For Safari */ background: -o-linear-gradient(#ffffff, #eeeeee) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ffffff, #eeeeee) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#ffffff, #eeeeee) !important; /* Standard syntax (must be last) */ } /* ------------------------------------------------------------------------ 04. CODY - Custom Page Layout CSS ------------------------------------------------------------------------ */ #title { margin-top: 0px; } .smipara { padding: 0 15px 0 0; } .paraunderline a { color: #1DC6DF; border-bottom: 1px dotted; border-color: #1DC6DF; font-weight: bold; } .paraunderline a:hover { color: #DF971D; border-color: #DF971D; } h2.wtsecret { margin-top: 0px; } .cntrtxt { text-align: center; } .smbox { padding-bottom: 40px !important; } .smbox div.cntrtxt { font-size: 2em; padding-bottom: 10px; } .smbox div.col-sm-4 { padding-left: 10px; padding-right: 10px; } .smbox div.spb_text_column { margin-bottom: 0px; } .dropshadow { -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); } /* Previous and Next Bar at top of page */ a.prevnext:hover { background: -webkit-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Safari */ background: -o-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#FFFFFF , #FAFAFA) !important; /* Standard syntax (must be last) */ } a.prevnext { font-size: 120%; font-weight: 500; font-family: "Museo500Regular",Arial,Helvetica,Tahoma,sans-serif; } .prevnext-greydient { background: -webkit-linear-gradient(#F7F7F7 , #E4E4E4) !important; /* For Safari */ background: -o-linear-gradient(#F7F7F7 , #E4E4E4) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F7F7F7 , #E4E4E4) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#F7F7F7 , #E4E4E4) !important; /* Standard syntax (must be last) */ } .hoverlock { color: #ffffff !important; } .hoverlock:hover { color: transparent !important; } .hoverunlock { color: transparent !important; margin: -45px; } .hoverunlock:hover { color: #ffffff !important; } /* sidebar css ------------------------------------------------------------------------ */ .col-cody-3.cody-sidebar, .col-cody-3.mpsub-sidebar { margin-top: -15px !important; margin-bottom: 15px !important; } .col-cody-3.cody-sidebar > h3.title { margin-top: 13px !important; } .page-cody-smi .cody-sidebar > .row h3 { margin-top: 0px; } .gsc-control-cse { padding: 0px 13px !important; } #google-custom-search { margin-top: -10px; padding: 0px; } /* custom menu sidebar .menu-item-object-page li:hover { background: #e4e4e4; } */ .mpc-sidebar-margin { margin-top: 15px; margin-bottom: 15px; padding-bottom: 0px !important; } /* secret menu restaurants sidebar */ #sidebartbl tr:hover { background: #e4e4e4; } .smi-mpsub-header { font-family: "Museo500Regular",Arial,Helvetica,Tahoma,sans-serif; font-size: 120%; text-align: center; border-top-left-radius: 5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-right-radius: 5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; } /* Most Popular Sidebar List */ .sidebar-topx-heading { border: 1px solid #1dc6df; background: -webkit-linear-gradient(#5ed8ea , #1dc6df) !important; /* For Safari */ background: -o-linear-gradient(#5ed8ea , #1dc6df) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#5ed8ea , #1dc6df) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#5ed8ea , #1dc6df) !important; /* Standard syntax (must be last) */ } .sidebar-topx-heading > h3 { color: #ffffff; margin: 0px; padding: 5px; } .sidebar-topx-list { border: 1px solid #1dc6df; border-top: 0px !important; } .sidebar-topx-ol { margin-bottom: 0px; margin-left: 10px; padding-top: 10px !important; padding-right: 10px; padding-bottom: 0px !important; } .sidebar-topx-ol > li { padding-bottom: 10px; } /* CSS for the get_SidebarRestaurantList function */ .sidebar-restaurant-heading, .sidebar-topx-heading { margin: 0px; text-align: center; border-top-left-radius: 5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-right-radius: 5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; } .sidebar-restaurant-heading > h3 { color: #FFFFFF !important; padding: 8px 10px; margin-top: 15px; margin-bottom: 0px; } .sidebar-view-all-button { margin: 0px; text-align: center; } .sidebar-view-all-button > h3 { color: #666666; padding: 18px 10px; margin: 0px !important; } .sidebar-view-all-button.sm-sidebar-button-color > h3 { background: #9ee8f3; } .sidebar-view-all-button.mp-sidebar-button-color > h3 { background: #e1bcf6; } .sidebar-view-all-button.hh-sidebar-button-color > h3 { background: #a6c2f3; } .sidebar-view-all-button.cd-sidebar-button-color > h3 { background: #f1a094; } .sidebar-view-all-button.nf-sidebar-button-color > h3 { background: #b7f6de; } .sidebar-view-all-button > h3:hover { background: #e4e4e4; color: #1dc6df; } /* Headings */ .row .sidebar-restaurant-heading > h3 { margin-top: 0px !important; } /* Sidebar Header Color Stylings */ .sm-header-color, .mp-header-color, .hh-header-color, .cd-header-color, .nf-header-color { border-bottom: 0px !important; } .sm-header-color, .sm-button-color { /* Light Blue */ border: 1px solid #1dc6df; background: -webkit-linear-gradient(#5ED8EA , #1DC6DF) !important; /* For Safari */ background: -o-linear-gradient(#5ED8EA , #1DC6DF) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#5ED8EA , #1DC6DF) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#5ED8EA , #1DC6DF) !important; /* Standard syntax (must be last) */ } .sm-header-color:hover { border: 1px solid #1dc6df; } .mp-header-color, .mp-button-color { /* Purple */ border: 1px solid #a231e4; background: -webkit-linear-gradient(#B65EEA , #A231E4) !important; /* For Safari */ background: -o-linear-gradient(#B65EEA , #A231E4) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#B65EEA , #A231E4) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#B65EEA , #A231E4) !important; /* Standard syntax (must be last) */ } .mp-header-color:hover { border: 1px solid #a231e4; } .hh-header-color, .hh-button-color { /* Dark Blue */ border: 1px solid #1d65df; background: -webkit-linear-gradient(#4883E7 , #1D65DF) !important; /* For Safari */ background: -o-linear-gradient(#4883E7 , #1D65DF) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#4883E7 , #1D65DF) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#4883E7 , #1D65DF) !important; /* Standard syntax (must be last) */ } .hh-header-color:hover { border: 1px solid #1d65df; } .cd-header-color, .cd-button-color { /* Red */ border: #df361d; background: -webkit-linear-gradient(#E75C48 , #DF361D) !important; /* For Safari */ background: -o-linear-gradient(#E75C48 , #DF361D) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E75C48 , #DF361D) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#E75C48 , #DF361D) !important; /* Standard syntax (must be last) */ } .cd-header-color:hover { border: 1px solid #df361d; } .nf-header-color, .nf-button-color { /* Green */ border: #1ddf97; background: -webkit-linear-gradient(#5EEAB6 , #1DDF97) !important; /* For Safari */ background: -o-linear-gradient(#5EEAB6 , #1DDF97) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#5EEAB6 , #1DDF97) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#5EEAB6 , #1DDF97) !important; /* Standard syntax (must be last) */ } .nf-header-color:hover { border: 1px solid #1ddf97; } /* Bottom Border should be zero for hover on all headings/headers */ .sm-header-color:hover, .mp-header-color:hover, .hh-header-color:hover, .cd-header-color:hover, .nf-header-color:hover { text-decoration: none; background: #ffffff !important; } /* Border Colors for the whole sidebar container of SMs MPs HHs CDs NFs */ .sm-header-color-border { border: 1px solid #1dc6df; } .mp-header-color-border { border: 1px solid #a231e4; } .hh-header-color-border { border: 1px solid #1d65df; } .cd-header-color-border { border: 1px solid #df361d; } .nf-header-color-border { border: 1px solid #1ddf97; } /* Heading Text color for the main Heading Link for sidebar container of SMs MPs HHs CDs NFs */ .sidebar-restaurant-heading.sm-header-color > h3:hover { color: #1dc6df !important; } .sidebar-restaurant-heading.mp-header-color > h3:hover { color: #a231e4 !important; } .sidebar-restaurant-heading.hh-header-color > h3:hover { color: #1d65df !important; } .sidebar-restaurant-heading.cd-header-color > h3:hover { color: #df361d !important; } .sidebar-restaurant-heading.nf-header-color > h3:hover { color: #1ddf97 !important; } /* these are copied from #sidebartbl and .striped_minimal for tables */ .sidebar-restaurant-list { margin: 0px; } .sidebar-restaurant-list-row-col1 > div > a > div.sidebar-restaurant-list-item:hover, .sidebar-restaurant-list-row-col2 > div > a > div.sidebar-restaurant-list-item:hover { background: #E4E4E4 !important; } .sidebar-restaurant-list .sidebar-restaurant-list-row-col1:nth-of-type(even), .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(odd) { background:#F1F1F1; } .sidebar-restaurant-list-item { padding: 5px; height: 70px; border-bottom: 1px solid #E1E1E1; vertical-align: middle; } .lightgreydient .sidebar-restaurant-list-item { border-bottom: 0px !important; } .sidebar-restaurant-list-pic { float:left; width:60px; position:relative; min-height:1px; } .sidebar-restaurant-list-text { height: 60px; padding-left: 70px; line-height: 60px; } .sidebar-restaurant-list-text > span.font-custom-bold { display: inline-block; vertical-align: middle; line-height: normal; } .font-custom-bold { letter-spacing: 1.5px; font-weight: 700; font-size: 110%; font-family: "source_sans_probold",Arial,Helvetica,Tahoma,sans-serif; } /* Boxed Content */ .cody-dropshadow { box-shadow: 0 2px 0 #dddddd; } .boxed-cody-white { background-color: #ffffff; border: 1px solid #dddddd; height: 100%; padding: 15px; width: 100%; } .boxed-botbor-blue { border-bottom: 2px solid #1dc6df; } /* must come after .boxed-cody-white */ .cody-sidebar-highlight-content .col-cody-6 { width: 100%; padding-left: 0px; margin: 0; } .cody-sidebar-highlight-content .col-cody-3 { width: 25%; padding-left: 0px; } .cody-sidebar-highlight-content .col-cody-3 h3 { padding: 0 10px; } .cody-sidebar-highlight-content hr { width: 30% !important; margin: 0 auto; } .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(1) { width: 100%; overflow: hidden; height: 140px; border: 3px solid #ffffff; -webkit-border-radius:7px !important; -moz-border-radius:7px !important; border-radius:7px !important; } .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(1):hover { border: 3px solid #289dcc; } .cody-sidebar-highlight-content.cody-hack-of-the-day img { width: 100%; overflow: hidden; position: relative; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .cody-pic-border-1 { border: 6px solid #f6f6f6; -webkit-border-radius:2px !important; -moz-border-radius:2px !important; border-radius:2px !important; -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); } .cody-pic-border-1 > img { -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .cody-pic-container-collapse { display: inline-block; max-width: 100%; } /*------------------------------------------------------------------------ Deprecated html ------------------------------------------------------------------------ */ hr.hrcody { border-top: 1px solid; color: #E4E4E4; } hr.hrcody.dark { color: #B6B6B6; } .undrline, span.underline { text-decoration: underline; } span.strikethrough { text-decoration: line-through; } /* adsense classes ------------------------------------------------------------------------ */ /* for adsense background to be white - not yellow for some reason */ ins.adsbygoogle { background: #ffffff !important; text-decoration: none; } .cody-blog.cody-listicle ins.adsbygoogle, .cody-blog.cody-not-listicle .col-cody-3 ins.adsbygoogle, .cody-blog .cody-top-ad ins.adsbygoogle { background: #f3f3f3 !important; } /* ins.sm-shown-under-480-over-320, ins.sm-shown-under-320 { background: #000000 !important; } */ /* for adsense to float top left of paragraph (photos too perhaps) */ div.flads { margin: 0 15px 0 0; float: left; width: 336px; } .admid { padding: 24px 19px 0 19px; } .adbanner { padding: 0 26px; } .adbanner-sm { padding: 0 54px 10px 54px; } .adsidebar { padding-left: 2px; } .adbanner-bp { padding: 20px 0 0 8px; } .adbanner-fullwidth { padding: 0px 206px; } .cody-banner-ad-margins { width: 100%; margin: 10px auto; text-align: center; } /* from Dante's style.css ------------------------------------------------------------------------ */ /* edited to make the breadcrumbs look a better and fit in new spot */ #header-section a.home { margin-left: 0px; padding-right: 4px; } #header-section a.post, a.post-page { padding: 0 4px; } /* spin off from style.css line 1983-2020ish to work for h1 and h2 */ h1.spb-heading, h1.lined-heading, h2.spb-heading, h2.lined-heading { line-height: 0 !important; text-align: left; white-space: nowrap; overflow: hidden; } h1.spb-heading span, h1.spb-heading span, h1.lined-heading span, h2.spb-heading span, h2.spb-heading span, h2.lined-heading span { display: inline-block; position: relative; } h1.spb-heading span { margin-top: 30px; height: 30px; vertical-align: middle; vertical-align: text-middle; font-size: 115%; } h2.spb-heading span { margin-top: 25px; height: 25px; vertical-align: middle; vertical-align: text-middle; font-size: 110%; } h1.spb-heading span:after, h1.lined-heading span:before, h1.lined-heading span:after, h2.spb-heading span:after, h2.lined-heading span:before, h2.lined-heading span:after { content: ""; position: absolute; height: 5px; border-top: 2px solid #E4E4E4; top: 0; width: 1200px; overflow: hidden; } h1.spb-icon-heading span:before, h1.spb-icon-heading span:after, h2.spb-icon-heading span:before, h2.spb-icon-heading span:after { top: 11px; } h1.spb-heading span:before, h2.spb-heading span:before { right: 100%; margin-right: 15px; } h1.spb-heading span:after, h2.spb-heading span:after { left: 100%; margin-left: 15px; } .post-info { padding-bottom: 14px; } h3.spb-heading { margin-bottom: 10px; } .sidebar { margin-top: 40px; } table.striped_minimal tr { border-bottom: 1px solid #E4E4E4; } table.striped_minimal td { padding: 0; } /* Facebook Comments Bar */ #commentform, #respond { margin-top: 0px; } #comment-area { padding-top: 0px !important; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; } /* Facebook Comments Bar */ .widget { padding-bottom: 10px; } /* Facebook Like Box */ .fb-like-box { margin: 0px; } #footer-wrap > #footer { padding-top: 30px; } /* ------------------------------------------------------------------------ 05. CODY - "bootstrap.min" CSS ------------------------------------------------------------------------ */ /* Custom Bootstrap Classes ------------------------------------------------------------------------ */ .col-sm-pic { float:left; width:20%; position:relative; min-height:1px; padding-right:15px; padding-left:15px } /* ------------------------------------------------------------------------ 06. CODY - "responsive.css" CSS ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ 07. CODY - BuddyPress Customization ------------------------------------------------------------------------ */ /* BuddyPress profile page */ #object-nav a { background: #E4E4E4; border: 2px solid #FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #object-nav a:link { } #object-nav a:visited {} #object-nav a:focus { background: #1dc6df; } #object-nav a:hover { background: #CDCDCD; } #object-nav .current.selected a { background: #1DC6DF !important; color: #000000 !important; } #object-nav .current.selected span { background: #E4E4E4 !important; color: #000000 !important; border-color: #000000 !important; } #subnav li { background: #F7F7F7; border-right: 1px solid #B6B6B6; } #subnav li:first-child { border-left: 1px solid #B6B6B6; } #subnav .current.selected a { background: #77DDEC !important; color: #333333 !important; } #nav li.selected a, #nav > li.current-menu-item a, #nav > li.current_page_item a, #nav > li.current_page_ancestor a { background: none repeat scroll 0 0 #F5F5F5; color: #ff0000; } /* BuddyPress Activity page */ .bpfb_form_container { border: 2px solid #B6B6B6; background: #FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom: 10px; } #whats-new-textarea #whats-new { min-height: 30px; } #whats-new-form #whats-new-content { padding-bottom: 0px !important; } .bpfb_actions_container, .bpfb_preview_container { margin-bottom: 0px !important; } #whats-new-content input, #bpfb_submit, #bpfb_cancel { -webkit-border-radius:3px !important; -moz-border-radius:3px !important; border-radius:3px !important; } #bpfb_tmp_photo, #bpfb_video_url, #bpfb_link_preview_url { margin-top: 10px; } .bpfb_controls_container input { font-size: 15px !important; margin-bottom: 6px; } #bpfb_cancel_action, #bpfb_submit, #bpfb_cancel { font-size: 15px !important; margin-top: 20px !important; } /* ------------------------------------------------------------------------ 08. CODY - Footer customization ------------------------------------------------------------------------ */ img.social-footer-button { margin-right: 6px; margin-bottom: 9px; } .cody-copyright{ color: #999999; } .socialize-footer-copyright { float: right; text-align: right; display: inline; } .footer-text { font-size: 90%; color: #999999; line-height: 1.1; } .footer-text-list li { padding-left: 15px; } .footer-text-list a { color: #999999; } .footer-text-subscribe { padding: 0 0 10px 0; } .footer-subscribe-button { padding: 5px 10px; margin-left: 0px !important; margin-bottom: 7px !important; color: #ffffff; font-weight: bold; background: -webkit-linear-gradient(#1DC6DF , #11C6Df) !important; /* For Safari */ background: -o-linear-gradient(#1DC6DF , #11C6Df) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#1DC6DF , #11C6Df) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#1DC6DF , #11C6Df) !important; /* Standard syntax (must be last) */ border:0px solid; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .about-paragraph { margin-top: 10px; margin-bottom: 20px; } #mce-EMAIL { width: 100% !important; max-width: 100% !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } /* footer padding-top is edited in the "already in style.css" portion of this stylesheet */ .footer-heading > span { color: #999999; } .footer-1-contact { margin-bottom: 20px; } /* ------------------------------------------------------------------------ 100.1. CODY - corrective adjustments for responsive theme ------------------------------------------------------------------------ */ /* General & Columns & Lists*/ .col-cody-2point4 { display: inline-block !important; vertical-align: top !important; margin: 10px 2% 15px 2%; width: 16%; } .col-cody-6-nomarpad { display: inline-block !important; vertical-align: top !important; margin: 0; padding: 0; width: 50%; } .col-cody-6 { display: inline-block !important; vertical-align: top !important; padding: 0; width: 48%; } .col-cody-6:nth-of-type(1) { margin: 0 2% 0 0; } .col-cody-6:nth-of-type(2) { margin: 0 0 0 2%; } .col-cody-9 { display: inline-block !important; vertical-align: top !important; margin: 10px 1.5% 15px 1.5%; width: 73%; } .page-content > .col-cody-9 { margin: 10px 0 15px 0; width: 76%; } .col-cody-3 { display: inline-block !important; vertical-align: top !important; margin: 10px 0 15px 1.5%; width: 22.5%; } .col-cody-5 { display: inline-block !important; vertical-align: top !important; margin: 10px 2% 15px 2%; width: 40%; } .hhChartOuter.col-cody-5 { margin: 5px 4% 5px 0; } .col-cody-7 { display: inline-block !important; vertical-align: top !important; margin: 10px 2% 15px 2%; width: 52%; } .hhChartOuter.col-cody-7 { margin: 5px 0; } .col-cody-4 { display: inline-block !important; vertical-align: top !important; margin: 10px 2% 15px 2%; width: 29%; } .col-cody-4.hhElement { margin: 0; width: 33%; text-align: right; } .col-cody-8 { display: inline-block !important; vertical-align: top !important; margin: 10px 2% 15px 2%; width: 63%; } .col-cody-8.hhElement { margin: 0; width: 67%; } .col-cody-12 { display: inline-block !important; vertical-align: top !important; margin: 10px 0% 15px 0%; width: 100%; } /* SMI List - Two column list responsive to one */ .sm-list-cody > div.col-cody-6-nomarpad:nth-of-type(1) { margin-right: 5%; } .sm-list-cody > div.col-cody-6-nomarpad:nth-of-type(2) { width: 45%; } /* Restaurant List Box - Two column list responsive to one */ .sm-list-cody > div.col-cody-6-nomarpad:nth-of-type(1) { margin-right: 2%; } .sm-list-cody > div.col-cody-6-nomarpad:nth-of-type(2) { width: 48%; } /* Sidebar */ /* restaurant logo and info */ .col-cody-6-sidebar { display: inline-block !important; vertical-align: top !important; margin: 3% 0; width: 100%; } /* restaurant list for secret menus */ .sidebar-restaurant-list > .col-cody-6-nomarpad { margin: 0; width: 100%; } /* item list for restaurants */ .menu-item > .col-cody-6-nomarpad { margin: 0; width: 100%; } /* Header */ /* Body */ /* Homeslider and Revslider */ .margin-homeslider { margin-top: 20px; margin-bottom: 20px; } /* cody - custom navigation bar */ .cody-navbar { margin: 0 2px 10px 2px; background-color: #ffffff; } .cody-navbar > div:hover { background: -webkit-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Safari */ background: -o-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FFFFFF , #FAFAFA) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#FFFFFF , #FAFAFA) !important; /* Standard syntax (must be last) */ } .cody-navbar a { border: 0; } a.prevnext div { display: inline-block; height: 54px; } a.prevnext i { position: relative; top: calc(50% - 9px); /* 50% - 3/4 of icon height */ } a.prevnext span { position: relative; top: calc(50% - 12px); /* 50% - 3/4 of icon height */ } .col-navleft-arrow, .col-navright-arrow { width: 7%; max-width: 24px; } .col-navleft-arrow > i { padding-left: 5px; } .col-navright-arrow > i { padding-left: 8px; } .col-navleft-text { width: 93%; } .col-navright-text { text-align: right; width: 93%; } .ss-navigateleft { padding: 0; } /* headings */ h2.responsive-heading { line-height: 30px !important; color: #222222; } /* Sidebar */ .hover-light-grey { border: 1px solid #E4E4E4 !important; } /* Footer */ .center-block-90 { display: block !important; max-width: 90% !important; max-height: 90% !important; vertical-align: top; left: 0; right: 0; margin: 0 auto; } #mc_embed_signup_footer { display: block; min-width: 90%; max-width: 90%; max-height: 90%; vertical-align: top; left: 0; right: 0; margin: 0 auto; } img.center-image-90 { display: block; max-width: 90%; max-height: 90%; vertical-align: top; left: 0; right: 0; margin: 0 auto; } /* Adsense */ .sm-hidden-over-480, .sm-hidden-under-480 { display:inline-block; } /* ------------------------------------------------------------------------ 100.2. CODY - responsive work (media screen MAX widths) ------------------------------------------------------------------------ */ @media (max-width: 1270px) { /* Footer */ .cody-copyright > .col-sm-6:nth-of-type(2) { padding-right: 45px; } } @media (max-width: 1200px) { /* General & Columns & Lists*/ /* Body */ /* cody - custom navigation bar */ .col-navright-arrow > i { padding-left: 0; } /* Menu Prices Buttons for sub categories */ .mp-button-container > .col-cody-3 { margin-top: 0px; } .mp-text-box-button { height: 120px; } .mp-button-text { font-size: 150%; height: 100px; line-height: 100px; } .mp-title-sub { padding-top: 5px; padding-bottom: 0px; font-size: 125%; } .mp-title-sub-sub { margin-bottom: 0px; font-size: 90%; } /* Sidebar */ .sidebar-view-all-button > h3 { padding: 6px 10px; } /* Footer */ .footer-heading > span { max-width: 90%; font-size: 90%; } .cody-copyright > .col-sm-6:nth-of-type(1) { width: 60%; } .cody-copyright > .col-sm-6:nth-of-type(2) { width: 40%; padding-right: 15px; } /* Adsense */ } @media (max-width: 1075px) { /* Footer */ .cody-copyright > .col-sm-6:nth-of-type(2) { padding-right: 60px; } } @media (max-width: 1010px) { .container { width: auto; } /* General & Columns & Lists*/ /* Sidebar */ .font-custom-bold { letter-spacing: 1.5px; font-weight: 700; font-size: 120%; } /* kiley - save this */ /* SM & - move sidebar down early */ .col-cody-3.cody-sidebar { margin: 0 0 15px 0; width: 100%; } /* must do the same for col-cody-9 */ .page-content > .col-cody-9 { margin: 15px 0; width: 100%; } .col-cody-6-sidebar { margin: 0 5%; width: 40%; } /* sidebar restaurant profile */ .sidebar-restaurant-heading h3 { font-size: 130%; } .sm-info-sidebar { margin-top: 20px !important; } /* sidebar top restaurants list */ .page-cody-sm .sidebar-restaurant-list > .col-cody-6-nomarpad, .page-cody-sm .menu-item > .col-cody-6-nomarpad { width: 50%; } .page-cody-sm .sidebar-restaurant-list > div.col-cody-6-nomarpad:nth-of-type(1) > div.sidebar-restaurant-list-row-col1 { border-right: 1px solid #E4E4E4; } /* For changing the zebra styling when 1 col vs 2 col */ .page-cody-sm .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(odd) { background:0; } .page-cody-sm .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(even) { background:#F1F1F1; } /* kiley - save this */ /* sidebar top restaurants list */ .sidebar-restaurant-list > .col-cody-6-nomarpad, .menu-item > .col-cody-6-nomarpad { width: 50%; } .sidebar-restaurant-list > div.col-cody-6-nomarpad:nth-of-type(1) > div.sidebar-restaurant-list-row-col1 { border-right: 1px solid #E4E4E4; } /* For changing the zebra styling when 1 col vs 2 col */ .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(odd) { background:0; } .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(even) { background:#F1F1F1; } /* Boxed - Most Recent Post */ .cody-sidebar-highlight-content .col-cody-6 { width: 49%; display: inline-block; } .cody-sidebar-highlight-content .col-cody-6:nth-of-type(1) { margin-right: 1%; } .cody-sidebar-highlight-content .col-cody-6:nth-of-type(2) { margin-left: 1%; } .cody-sidebar-highlight-content .col-cody-6:nth-of-type(2) h2, .cody-sidebar-highlight-content .col-cody-6:nth-of-type(2) h3 { margin-top: 0px !important; } .cody-sidebar-highlight-content .col-cody-3 { width: 50%; } .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(1) { width: 344px; float: left; } .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(2) { margin-left: 0; padding-left: 366px; display: block !important; width: 100%; } /* Header */ /* Fix Padding issues to make header bar skinnier */ #header .header-container { padding: 5px 20px !important; } #header a.visible-sm, #header a.visible-xs, #header a.mobile-menu-show { padding-top: 7px !important; padding-bottom: 7px !important; padding-left: 5px !important; } /* Header Navigation Button - old #header-section .sticky-header #logo > a.mobile-menu-show::before { content: "Menu"; -moz-osx-font-smoothing: grayscale; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 1; text-transform: none; color: #000000; vertical-align: top; } #header-section .sticky-header #logo > a.mobile-menu-show > i { padding-left: 3px; } .sticky-header h1.standard, .sticky-header h1.retina, #header #logo > a > h1.standard, #header #logo > a > h1.retina, #header i.ss-rows { color: #000000 !important; } #header #logo > a > h1.standard:hover, #header #logo > a > h1.retina:hover { color: #1dc6df !important; } */ /* Header Navigation Button - new */ #header-section .sticky-header #logo > a.mobile-menu-show { font-size: 200%; padding-top: 7px !important; color: #222222; } /* Body */ /* Homeslider and Revslider */ .margin-homeslider { margin-top: 15px; margin-bottom: 15px; } /* cody - custom navigation bar */ a.prevnext span { font-size: 70%; } a.prevnext div { height: 35px; } a.prevnext i { top: calc(50% - 8px); /* 50% - 3/4 of icon height */ } .col-navleft-text { padding-left: 5px; } /* Menu Prices Buttons for sub categories */ .mp-button-container > .col-cody-3 { margin-left: 3%; width: 30%; } .mp-title-sub { font-size: 115%; line-height: 115%; } .mp-title-sub-sub { font-size: 85%; } /* Happy Hours box workings */ .hhChartOuter h2 { font-size: 120%; } .hhChartRow { font-size: 90%; } /* Headings */ h1.htm-home-title { font-size: 140%; line-height: 140%; } h2.responsive-heading { font-size: 130%; } h1.smtitle { font-size: 22px; } /* Comments */ .smi-pic-comments { padding: 8px 10px 0 69px; float: left; } .smi-underpic-spacing div.share-links > ul { padding-left: 50px; } /* Sidebar */ .sidebar-restaurant-heading h3 { font-size: 105%; } /* Tables */ #simpleprice { font-size: 14px; line-height: 1.5; } #simpleprice th { font-size: 16px; } #simpleprice th:nth-child(1) { padding-left: 30px; min-width: 80px; } /* SMI List Function */ .no-marpad-under1010 { padding: 0 !important; margin: 0 !important; } /* Sidebar */ .col-cody-3.cody-sidebar > h3.title { margin-top: 21px !important; } .cody-sidebar-highlight-content .col-cody-3 h3 { font-size: 15px; line-height: 20px; } /* Footer */ .footer-heading > span { max-width: 90%; font-size: 65%; } /* Adsense */ .cody-shown-over-1010 { display: none !important; } } /* Screen switches to the "mobile" theme at 767px */ @media (max-width: 767px) { /* General & Columns & Lists*/ .smi-pics-container > .col-cody-2point4 { width: 21%; margin-bottom: 5px; } .smi-pics-container > .col-cody-2point4.newItem5 { display: none !important; } .col-cody-6-sidebar { margin: 0 5%; width: 40%; } .col-cody-9 { margin: 15px 0; width: 100%; } .page-content > .col-cody-9 { margin: 15px 0; width: 100%; } .col-cody-3 { margin: 0 0 15px 0; width: 100%; } /* Sidebar */ .sidebar-restaurant-list > .col-cody-6-nomarpad, .menu-item > .col-cody-6-nomarpad { width: 50%; } .sidebar-restaurant-list > div.col-cody-6-nomarpad:nth-of-type(1) > div.sidebar-restaurant-list-row-col1 { border-right: 1px solid #E4E4E4; } /* For changing the zebra styling when 1 col vs 2 col */ .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(odd) { background:0; } .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(even) { background:#F1F1F1; } /* Boxed - Most Recent Post */ .cody-sidebar-highlight-content .col-cody-6 { display: inline-block; } .cody-sidebar-highlight-content .col-cody-6:nth-of-type(2) h2, .cody-sidebar-highlight-content .col-cody-6:nth-of-type(2) h3 { margin-top: 0px !important; } .cody-sidebar-highlight-content .col-cody-3 { width: 50%; } /* fix gap level at top of templates for social sharing icons */ .col-cody-3 > h3.title { margin-top: 20px !important; } .sidebar-view-all-button > h3 { padding: 18px 10px; } /* Special Items List Pages - healthy */ .specialItemOuter .hhChartRow > .col-cody-9 { border-left: 0px; margin-bottom: 0px; } .special-items-list-pics { margin-bottom: 0px !important; } .special-items-list-pics > .col-cody-3 { width: 22%; } .col-cody-9.special-view-all-link { height: 50px !important; } .special-view-all-link span.cody-s-v-a-l { padding: 0 20px; } .specialItemOuter .specialRows1, .specialItemOuter .specialRows2, .specialItemOuter .specialRows3, .specialItemOuter .specialRows4 { padding-top: 0px } /* Header */ #top-bar { display: none !important; } /* Header Navigation Button */ #header-section .sticky-header #logo > a.mobile-menu-show::before { color: #ffffff; } /* Make Header Text Color White and Background Blue */ .sticky-header h1.standard, .sticky-header h1.retina, #header #logo > a > h1.standard, #header #logo > a > h1.retina, #header i.ss-rows, #header-section .sticky-header #logo > a.mobile-menu-show { color: #ffffff !important; } #header, #header .is-sticky .sticky-header .header-container { background: -webkit-linear-gradient(#5ED8EA , #1DC6DF) !important; /* For Safari */ background: -o-linear-gradient(#5ED8EA , #1DC6DF) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#5ED8EA , #1DC6DF) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#5ED8EA , #1DC6DF) !important; /* Standard syntax (must be last) */ } #header #logo > a > h1.standard:hover, #header #logo > a > h1.retina:hover { color: #dddddd !important; } #header-section .sticky-header #logo > a.mobile-menu-show:hover::before, #header-section .sticky-header #logo > a.mobile-menu-show:hover { color: #dddddd !important; } #header-section .sticky-header #logo > a.mobile-menu-show:active::before, #header-section .sticky-header #logo > a.mobile-menu-show:active { color: #000000; } /* Social Sharing Buttons */ .essb_links > ul.essb_links_list { text-align: center !important; } .essb_links { margin: 9px 0 !important; } span.essb_totalcount { padding: 0 !important; } /* Body */ /* cody - custom navigation bar */ a.prevnext span { font-size: 90%; } a.prevnext div { height: 48px; } a.prevnext i { top: calc(50% - 9px); /* 50% - 3/4 of icon height */ } .col-navleft-text { padding-left: 0; } .col-navleft-arrow > i { padding-left: 0; } /* Menu Prices Buttons for sub categories */ .mp-button-container > .col-cody-3 { margin-left: 1%; width: 23%; } .mp-title-sub { padding-bottom: 5px; font-size: 105%; line-height: 105%; } .mp-title-sub-sub { font-size: 75%; } /* Happy Hours box workings */ .hhChartOuter h2 { font-size: 130%; } .hhChartRow { font-size: 100%; } /* Headings */ .page-cody-smi h2#title { font-size: 16px; line-height: 24px; } h1.htm-home-title { font-size: 130%; } h2.responsive-heading { font-size: 140%; } h1.smtitle { font-size: 28px; } /* Special Items List Pages - healthy */ /* Comments */ .smi-pic-comments { padding: 8px 10px 0 0px; float: right; } .smi-underpic-spacing div.share-links > ul { padding-left: 0px; } /* SMI to SM buttons */ .smi-to-sm-button > div.col-cody-4 { width: 48%; } .smi-to-sm-button > div.col-cody-4:nth-of-type(odd) { margin-left: 0; margin-right: 2%; } .smi-to-sm-button > div.col-cody-4:nth-of-type(even) { margin-left: 2%; margin-right: 0; } /* Sidebar */ .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(1) { width: 49%; } .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(2) { padding-left: 51%; } /* Tables */ table.striped_minimal td { padding-right: 10px; } .mp-table-header { font-size: 22px; line-height: 25px; width: 96%; } /* Blog */ .cody-blog h1 { line-height: 26px; font-size: 22px; } .cody-blog h2 { line-height: 22px; font-size: 19px; } /* Related Articles */ ul.related-items > div.cody-rel-art-row { clear: both; } /* Footer */ .footer-heading > span { max-width: 100%; font-size: 100%; } #mce-EMAIL { width: 70% !important; max-width: 70% !important; } .socialize-footer-copyright, footer#copyright { float: none; text-align: center; } .cody-copyright > .col-sm-6:nth-of-type(1) { width: 100%; } .cody-copyright > .col-sm-6:nth-of-type(2) { width: 100%; padding-right: 15px; } /* Adsense */ .ad-under-spb { margin-top: -10px; } .cody-banner-ad-margins { min-width: 300px; max-width: 100%; } .cody-shown-over-767, .cody-shown-over-767-under-601-block { display: none !important; } } @media (max-width: 600px) { /* General & Columns & Lists*/ .col-cody-2point4 { width: 29%; } /* SMI List - Two column list responsive to one */ .sm-list-cody > div.col-cody-6-nomarpad:nth-of-type(1) { width: 95%; margin-left: 5%; } .sm-list-cody > div.col-cody-6-nomarpad:nth-of-type(2) { width: 95%; margin-left: 5%; } /* Restaurant List Box - Two column list responsive to one */ .restaurant-list-cody > div.col-cody-6-nomarpad:nth-of-type(1) { width: 95%; margin-left: 5%; } .restaurant-list-cody > div.col-cody-6-nomarpad:nth-of-type(2) { width: 95%; margin-left: 5%; } .col-cody-6 { margin: 0 !important; width: 100%; } div.col-cody-6:nth-of-type(2) { margin-top: 20px !important; } .grey-list-border > .spb_content_wrapper > div.col-cody-6:nth-of-type(2) { margin-top: 30px !important; } /* Happy Hour Tables */ .col-cody-4.hhElement { width: 100%; text-align: left; padding: 0 15px 0 25px; } .col-cody-4.hhElement > span { border-bottom: 1px solid #E4E4E4; } .col-cody-8.hhElement { width: 100%; padding: 0 15px 5px 40px; } hr.hhElementHr { margin-bottom: 5px; } /* Body */ /* Homeslider and Revslider */ .margin-homeslider { margin-top: 10px; margin-bottom: 10px; } /* cody - custom navigation bar */ a.prevnext span { font-size: 70%; } a.prevnext div { height: 35px; } a.prevnext i { top: calc(50% - 8px); /* 50% - 3/4 of icon height */ } .col-navleft-text { padding-left: 5px; } /* Menu Prices Buttons for sub categories */ .mp-button-container > .col-cody-3 { margin-left: 2%; width: 30%; } .mp-text-box-button { height: 100px; } .mp-button-text { font-size: 130%; height: 80px; line-height: 80px; } /* Happy Hours box workings */ .hhChartOuter .col-cody-5 { width: 100%; margin: 5px 0 0 0; text-align: left; padding-left: 8%; } .hhChartOuter .col-cody-7 { width: 100%; margin: 0 0 5px 0; padding-left: 16%; } .hhChartOuter h2 { font-size: 120%; } .hhChartRow { font-size: 90%; } /* Headings */ /* cody - heading for SMI pages */ .page-cody-smi h1 { font-size: 22px; line-height: 28px; text-align: center; } h1.htm-home-title { font-size: 120%; } h2.responsive-heading { font-size: 110%; } h3.testimonials { font-size: 110%; } h1.smtitle { font-size: 22px; } h3.smi-title-header { margin: 5px 0 10px 0; } /* Tables */ table.striped_minimal { width: 98%; margin: 0 1%; } #simpleprice_filter > label { margin-top: 0 !important; } #simpleprice { font-size: 12px; } #simpleprice tr { height: 50px; } #simpleprice th { font-size: 14px; } #simpleprice th:nth-child(1) { padding-left: 30px; min-width: 50px; } /* Sidebar */ .cody-sidebar-highlight-content .col-cody-6:nth-of-type(2) { margin-top: 0 !important; padding-left: 15px; } /* Buttons */ .res-to-x-button .col-cody-4 { margin: 2%; width: 45%; } .res-home-individual-links > .col-cody-4 { width: 46%; margin: 2%; } /* Special Items List Pages - healthy */ .special-items-list-pics > .col-cody-3 { width: 30%; } .cody-smi-pic-big.cntrtxt { margin-bottom: 15px; } .sm-heading > strong { max-width: 90%; font-size: 90% !important; } /* Blog */ .cody-blog h1 { line-height: 24px; font-size: 20px; } .cody-blog h2 { line-height: 20px; font-size: 17px; } /* Footer */ #mce-EMAIL { width: 100% !important; max-width: 100% !important; } /* Adsense */ .cody-shown-over-600, div.flads, .cody-shown-over-600-under-1011, .cody-shown-over-600-under-768 { display: none !important; } .cody-shown-over-767-under-601-block { display: block !important; } } @media (max-width: 599px) { /* Blog Posts */ ul.cody-image-list img { float: none; margin-right: 0; margin-bottom: 5px; clear: both; } ul#clean-ul { text-align: center; } .cody-sidebar-highlight-content .col-cody-3 h3 { font-size: 13px; line-height: 18px; } } @media (max-width: 540px) { /* SMI to SM buttons */ .smi-to-sm-button > div.col-cody-4 { width: 100%; } .smi-to-sm-button > div.col-cody-4:nth-of-type(odd) { margin-left: 0; margin-right: 0; } .smi-to-sm-button > div.col-cody-4:nth-of-type(even) { margin-left: 0; margin-right: 0; } } @media (max-width: 480px) { /* Header Navigation Button */ #header-section .sticky-header > .container > .row { margin-right: 0px; } #header-section .sticky-header .row > #logo { padding-right: 0px; } #header-section .sticky-header .row > #logo > a.mobile-menu-show { padding-right: 0px; margin-right: 0px; } /* General & Columns & Lists*/ .smi-pics-container > .col-cody-2point4 { width: 29%; } .smi-pics-container > .col-cody-2point4.newItem5 { display: inline-block !important; } /* SMI List & SM List - Two column list responsive to one */ .menu-item > div.col-cody-6-nomarpad { width: 100%; } .sm-list-cody > div.col-cody-6-nomarpad:nth-of-type(1) { width: 100%; margin-left: -20px; } .sm-list-cody > div.col-cody-6-nomarpad:nth-of-type(2) { width: 100%; margin-left: -20px; } /* Restaurant List Box - Two column list responsive to one */ .restaurant-list-cody > div.col-cody-6-nomarpad:nth-of-type(1) { width: 100%; margin-left: 0px; } .restaurant-list-cody > div.col-cody-6-nomarpad:nth-of-type(2) { width: 100%; margin-left: 0px; } .col-cody-6-sidebar { margin: 0 2%; width: 46%; } /* need to fix it back for these sm & pages */ .page-cody-sm .col-cody-6-sidebar { margin: 0 2%; width: 46%; } /* Sidebar */ .sidebar-restaurant-list > div.col-cody-6-nomarpad:nth-of-type(1) > div.sidebar-restaurant-list-row-col1, .page-cody-sm .sidebar-restaurant-list > div.col-cody-6-nomarpad:nth-of-type(1) > div.sidebar-restaurant-list-row-col1 { border-right: 0px; } .sidebar-restaurant-list > .col-cody-6-nomarpad, .menu-item > .col-cody-6-nomarpad, .page-cody-sm .sidebar-restaurant-list > .col-cody-6-nomarpad, .menu-item > .col-cody-6-nomarpad { width: 100%; } /* For changing the zebra styling when 1 col vs 2 col */ .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(odd), .page-cody-sm .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(odd) { background:#F1F1F1; } .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(even), .page-cody-sm .sidebar-restaurant-list .sidebar-restaurant-list-row-col2:nth-of-type(even) { background:0; } /* Adapted for lightgreydient box */ .restaurant-list-cody > .col-cody-6-nomarpad { margin-left: 10px; } .restaurant-list-cody > .col-cody-6-nomarpad { width: 90%; } /* Boxed Content - Most recent post */ .cody-sidebar-highlight-content .col-cody-6 { width: 100%; } .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(1), .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(2) { width: 100%; } .cody-sidebar-highlight-content .col-cody-6:nth-of-type(2), .cody-sidebar-highlight-content.cody-hack-of-the-day .col-cody-6:nth-of-type(2) { padding-left: 0px; margin-top: 15px; } .cody-sidebar-highlight-content .col-cody-3 { width: 100%; } .cody-sidebar-highlight-content .col-cody-3 h3 { font-size: 15px; line-height: 20px; } /* Blog & Listicles */ .cody-blog figure > img, .cody-blog figure.cody-listicle-item >.fig-image img { height: auto; } .cody-blog-outer { padding: 15px 0px; } .page-content.clearfix.cody-blog { padding: 0px; } .cody-blog figure.cody-listicle-item { padding: 10px 0px 10px; } figure.cody-listicle-item > h2 { margin-left: 15px; margin-right: 15px; } figure.cody-listicle-item > div.paraunderline { margin-left: 15px; margin-right: 15px; } /* Figcaptions */ .cody-blog figure figcaption { margin-left: 10px; margin-right: 10px; } /* Social Sharing Buttons */ .essb_links > ul.essb_links_list > li > a > span.essb_network_name { display: none !important; } .essb_links > ul.essb_links_list > li > a { padding: 2px 7px 3px 7px !important; } /* Body */ /* cody - custom navigation bar */ a.prevnext span { font-size: 70%; } a.prevnext div { height: 35px; } a.prevnext i { top: calc(50% - 8px); /* 50% - 3/4 of icon height */ } .col-navleft-text { padding-left: 5px; } div.col-navright-arrow i { margin-left: -2px; } /* Menu Prices Buttons for sub categories */ .mp-button-container > .col-cody-3 { margin-left: 3%; width: 43%; } .mp-disclaimer { font-size: 80%; } /* Happy Hours box workings */ .hhChartOuter h2 { font-size: 110%; margin-top: 10px !important; } .hhChartRow { font-size: 75%; } /* Headings */ /* cody - heading for SMI pages */ .page-cody-smi h1 { font-size: 18px; line-height: 26px; } h1.htm-home-title { font-size: 110%; } .sm-heading > strong { max-width: 90%; font-size: 70% !important; } .smitemsbox strong, .resitembox strong { font-size: 85%; } .sm-smi-title { margin-left: -40px; margin-right: -20px; } h3.testimonials { font-size: 100%; } h1.smtitle { font-size: 18px; } h3.smi-title-header { font-size: 16px !important; line-height: 20px !important; } /* Tables */ .mp-table-header { font-size: 18px; line-height: 21px; width: 92%; } /* Buttons */ .res-to-x-button .col-cody-4 { margin: 2% 3%; width: 42%; } .cody-button-container-text { min-height: 30px; } .res-home-individual-links > .col-cody-4 { width: 100%; margin: 15px auto 0; } /* Special Items List Pages - healthy */ .healthyResRow > .col-cody-9 .col-cody-3 { width: 48%; } /* Image Related Stuff */ div.cody-list-pics { font-size: 87% !important; letter-spacing: 1.2px; line-height: 12px !important; word-wrap: break-word; } /* Blog */ .cody-blog h1 { line-height: 22px; font-size: 18px; } .cody-blog h2 { line-height: 18px; font-size: 15px; } /* Footer */ /* Adsense */ .cody-shown-over-480 { display: none !important; } } @media (max-width: 479px) { /* General */ /* Adsense */ /* Secret Menu Flads rectangular(normal) ad to disappear for mobile screens */ .sm-shown-over-480 { display: none !important; } /* Header Ad - Mobile */ .above-header-ad-container { width: 100%; background: #FFFFFF !important; } .above-header-ad { margin: 0 auto !important; width: 320px; height: 50px; } /* Body */ } @media (max-width: 420px) { .smi-pics-container > .col-cody-2point4 { width: 46%; } .smi-pics-container > .col-cody-2point4.newItem5 { display: none !important; } } @media (max-width: 380px) { /* Set Left/Right Padding for smaller devices */ .page-content.clearfix { padding-left: 10px; padding-right: 10px; } #footer-widgets { padding-left: 10px; padding-right: 10px; } /* General & Columns & Lists*/ .col-cody-2point4 { width: 46%; } .col-cody-6-sidebar { margin: 0 5%; width: 90%; } /* Sidebar */ .font-custom-bold { letter-spacing: 1.2px; font-weight: 700; font-size: 95%; } /* Body */ /* cody - custom navigation bar */ a.prevnext span { font-size: 64%; } .col-navleft-arrow, .col-navright-arrow { width: 10%; } .col-navleft-text, .col-navright-text { width: 90%; } /* Menu Prices Buttons for sub categories */ .mp-text-box-button { height: 90px; } .mp-button-text { font-size: 120%; height: 70px; line-height: 70px; } .mp-title-sub { font-size: 90%; line-height: 90%; } .mp-title-sub-sub { font-size: 70%; } /* Happy Hours box workings */ .hhChartOuter h2 { font-size: 100%; } .hhChartRow { font-size: 69%; } /* Headings */ /* cody - heading for SMI pages */ .page-cody-smi h1 { font-size: 16px; line-height: 25px; } h1.htm-home-title { font-size: 90%; } .sm-heading > strong { max-width: 90%; font-size: 60% !important; text-overflow: string; } .sm-heading { line-height: 20px; } .smitemsbox strong, .resitembox strong { font-size: 75%; } /* Image Related Stuff */ div.cody-list-pics { font-size: 70% !important; } /* Tables */ table.striped_minimal { width: 100%; margin: 0; min-width: 100px; } #simpleprice { font-size: 11px; } #simpleprice th { font-size: 11px; padding: 2px; } #simpleprice th:nth-child(1) { padding-left: 20px; min-width: 50px; } #simpleprice tr { height: 46px; } #simpleprice td { padding: 0; } #simpleprice td:nth-child(1) { padding-left: 10px; } /* Buttons */ .res-to-x-button .col-cody-4 { margin: 0 auto; width: 90%; } /* Special Items List Pages - healthy */ .special-items-list-pics > .col-cody-3 { width: 45%; } /* Sidebar */ .sm-info-sidebar { margin-top: 0px !important; padding: 10px 20px !important; } /* Footer */ } @media (max-width: 320px) { /* General */ /* Body */ /* Footer */ /* Adsense */ } @media (max-width: 319px) { /* General */ /* Adsense */ .sm-shown-under-480-over-320 { display: none !important; } /* For Above header Ad */ .above-header-ad { width: 234px; height: 60px; } } /* ------------------------------------------------------------------------ 100.3. CODY - responsive work (media screen MIN widths) ------------------------------------------------------------------------ */ @media (min-width: 320px) { /* Adsense */ /* Secret Menu Flads hidden ad to appear for mobile screens */ .sm-shown-under-320 { display: none !important; } } @media (min-width: 480px) { /* General */ /* Body */ /* Footer */ /* Adsense */ /* Secret Menu Flads hidden ad to appear for mobile screens */ .sm-shown-under-480, .sm-shown-under-480-over-320 { display: none !important; } } /* Correclty working hidden items - begin with .cody */ @media (min-width: 481px) { /* Adsense */ .cody-shown-under-481 { display: none !important; } } @media (min-width: 601px) { /* Adsense */ .cody-shown-under-601 { display: none !important; } } @media (min-width: 768px) { .essb_totalcount { margin-left: 15px !important; } /* Adsense */ .cody-shown-under-768, .cody-shown-over-600-under-768 { display: none !important; } } @media (min-width: 1011px) { /* General */ /* Body */ /* Footer */ /* Adsense */ .cody-shown-under-1011, .cody-shown-over-600-under-1011 { display: none !important; } } @media (min-width: 1100px) { #footer-wrap { margin-left: -2000px; margin-right: -2000px; overflow: hidden; } } /* ================================================== EOF ================================================== */