/* Theme Name: Restaurant Theme Description: A Custom Child Theme as part of the Restaurant Project Pack Author: Superfly Author URI: https://besuperfly.com Template: Divi Version: 1.4.1 */ /* ----------- CHILD THEME CUSTOM CSS - EDIT AT YOUR OWN RISK --------------------------- */ /* GENERAL */ h1, .et_pb_text h1, h2, .et_pb_text h2 { font-family: 'Abril Fatface', 'Playfair Display', Times; } h3, .et_pb_text h3, h4, .et_pb_text h4, h5, .et_pb_text h5, h6, .et_pb_text h6 { font-family: 'Oswald', Helvetica; } h3, .et_pb_text h3 { font-weight: 300; } a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } blockquote { font-family: 'Abril Fatface'; font-size: 30px; line-height: 1.3em; margin-left: 0; padding-left: 0; } .darkOverlay .et_parallax_bg:before, .darkOverlay:before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(58, 60, 69, .6); } @media screen and (max-width : 600px) { .silverware { margin-top: 20px; } } /* BUTTONS */ .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce input.button:hover, .et_button_no_icon.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .woocommerce input.button, .woocommerce input.button:hover { font-weight: 400 !important; padding: 10px 50px !important; } @media screen and (max-width : 500px) { .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce input.button:hover, .et_button_no_icon.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .woocommerce input.button, .woocommerce input.button:hover { padding: 10px 30px !important; } } @media screen and (max-width : 400px) { .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce input.button:hover, .et_button_no_icon.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .woocommerce input.button, .woocommerce input.button:hover { padding: 8px 24px !important; font-size: 16px; } } /* HEADER */ @media screen and (max-width : 980px) { #main-header { padding-bottom: 35px; } .mobile_menu_bar:before { top: 15px; } #main-header .container { width: 95%; } #logo { max-height: 100%; margin-top: 20px; } } @media screen and (max-width : 400px) { #main-header { padding-bottom: 0; } .mobile_menu_bar:before { top: 0; } #logo { max-height: 70%; margin-top: 10px; } } /* NAVIGATION */ #top-menu-nav > ul > li > a:hover { opacity: 1; } #top-menu li.current-menu-item > a:hover, #top-menu li a .fa, .et-fixed-header #top-menu li.current-menu-item > a:hover, .et-fixed-header #top-menu li a .fa { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #top-menu-nav > ul > li > a:hover, #top-menu li.current-menu-item > a:hover, #top-menu li a:hover .fa, .et-fixed-header #top-menu li.current-menu-item > a:hover, .et-fixed-header #top-menu li a:hover .fa { color: #730D07 !important; } #top-menu li { padding-right: 48px; } #top-menu li.fontAwesomeIcon { padding-right: 12px; } /* MOBILE MENU */ .et_mobile_menu { background-color: #161513 !important; border-top: none; text-align: center; } .et_mobile_menu li { text-align: center !important; } .et_mobile_menu li.fontAwesomeIcon { display: inline-block; margin-right: 20px; } .et_mobile_menu li.fontAwesomeIcon:last-of-type { margin-right: 3px; } .et_mobile_menu li.fontAwesomeIcon i { font-size: 30px; } .et_mobile_menu li li { padding-left: 0; } .et_mobile_menu .menu-item-has-children > a { font-weight: 500; font-size: 30px; } .et_mobile_menu li a { color: #fff !important; font-size: 20px; font-weight: 100; text-transform: uppercase; letter-spacing: 2px; padding: 15px 5%; } .et_mobile_menu li.freeEstimate a { color: #edb34d !important; font-weight: 500; } /* HOME */ .topSectionGlow:before { background-image: url('http://restaurant.madebysuperfly.com/wp-content/uploads/sites/21/2017/06/glow.png'); background-repeat: repeat-x; content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; opacity: .5; } .title h2 { font-size: 60px; color: #730D07 !important; margin-bottom: 10px; } .title h3 { font-size: 24px; text-transform: uppercase; letter-spacing: 6px; } @media screen and (max-width : 600px) { .title h2 { font-size: 42px; } .title h3 { font-size: 18px; } } @media screen and (max-width : 500px) { .title h2 { font-size: 36px; } .title h3 { font-size: 16px; } #homeHero h1 { letter-spacing: 6px; } } @media screen and (max-width : 400px) { #homeHero .header-content { width: 90%; } } /* MENU TABS */ #menu .menuItems { border: none; } #menu .menuItems ul.et_pb_tabs_controls { background-color: transparent; text-align: center; } #menu .menuItems ul.et_pb_tabs_controls:after { border: none; } #menu .menuItems ul.et_pb_tabs_controls li { border: none; display: inline; float: none; } #menu .menuItems ul.et_pb_tabs_controls li a { font-family: 'Oswald'; font-weight: 400; text-transform: uppercase; font-size: 24px; letter-spacing: 4px; color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #menu .menuItems ul.et_pb_tabs_controls li.et_pb_tab_active { background-color: transparent; } #menu .menuItems ul.et_pb_tabs_controls li.et_pb_tab_active a, #menu .menuItems ul.et_pb_tabs_controls li a:hover { color: #730D07 !important; } #menu .menuItems .et_pb_all_tabs { background: #fbfaf6; box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2); } #menu .menuItems .leftHalf { width: 49%; margin-right: 1%; float: left; } #menu .menuItems .rightHalf { width: 49%; margin-left: 1%; float: right; } #menu .menuItems .menuItem { padding: 20px; border-bottom: 1px dashed #d9d8d2; } #menu .menuItems .menuItem.lastMenuItemLeft, #menu .menuItems .menuItem.lastMenuItemRight { border: none; } #menu .menuItems .menuItem h3 { font-family: 'Abril Fatface'; font-size: 48px; color: #21201e; margin-bottom: 5px; } #menu .menuItems .menuItem p { font-family: 'Oswald'; text-transform: uppercase; font-size: 14px; line-height: 1.2em; letter-spacing: 1px; } #menu .menuItems .menuItem h4 { font-family: 'Abril Fatface'; font-size: 36px; margin-top: 15px; } #menu .menuItems .menuItem h4 sup { font-size: 18px; top: -12px; } @media screen and (max-width : 980px) { #menu .menuItems .menuItem h3 { font-size: 36px; } } @media screen and (max-width : 767px) { #concept { padding-bottom: 600px; } #menu .menuRow { margin-top: -350px !important; } body.home #menu .menuRow { margin-top: -600px !important; } #menu .menuItems .leftHalf { width: 100%; margin-right: 0; float: none; } #menu .menuItems .rightHalf { width: 100%; margin-left: 0; float: none; } #menu .menuItems .lastMenuItemLeft { border-bottom: 1px dashed #d9d8d2 !important; } #menu .menuItems ul.et_pb_tabs_controls li { display: block; } #menu .menuItems ul.et_pb_tabs_controls li a { display: block; text-align: center; } } @media screen and (max-width : 600px) { #menu .menuItems .menuItem h3 { font-size: 36px; } } @media screen and (max-width : 425px) { #menu .menuRow { width: 90%; } #menu .menuItems .menuItem h3 { font-size: 28px; } #menu .menuItems .menuItem h4 { font-size: 24px; } #menu .menuItems .menuItem h4 sup { font-size: 16px; top: -5px; } #menu .menuItems .menuItem { padding: 20px 0; } #menu .menuItems .menuItem p { font-size: 13px; } } /* MENU PAGE */ .menuPage { background: #fbfaf6; box-shadow: 0 23px 40px rgba(0, 0, 0, 0.1); } .menuPage .menuItem { padding: 20px 0; border-bottom: 1px dashed #d9d8d2; } .menuPage .menuItem.lastMenuItemRight, .menuPage .menuItem.lastMenuItemLeft { border: none; } .menuPage .menuItem h3 { font-family: 'Abril Fatface'; font-size: 48px; color: #21201e; margin-bottom: 5px; } .menuPage .menuItem p { font-family: 'Oswald'; text-transform: uppercase; font-size: 14px; line-height: 1.2em; letter-spacing: 1px; } .menuPage .menuItem h4 { font-family: 'Abril Fatface'; font-size: 36px; margin-top: 15px; } .menuPage .menuItem h4 sup { font-size: 18px; top: -12px; } @media screen and (max-width : 980px) { .menuPage .et_pb_column, .menuPage .menuItem { margin-bottom: 0 !important; } .menuPage .menuItem h3 { font-size: 36px; } .menuPage .lastMenuItemLeft { border-bottom: 1px dashed #d9d8d2 !important; } } @media screen and (max-width : 600px) { .menuPage .menuItem h3 { font-size: 36px; } } @media screen and (max-width : 425px) { .menuPage { width: 90%; } .menuPage .menuItem h3 { font-size: 28px; } .menuPage .menuItem h4 { font-size: 24px; } .menuPage .menuItem h4 sup { font-size: 16px; top: -5px; } .menuPage .menuItem { padding: 20px 0; } .menuPage .menuItem p { font-size: 13px; } } /* RESERVATIONS */ #reservations .reservationsRow { box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2); } #reservations .hours { padding: 60px; outline: 1px dashed #4e493a; outline-offset: -33px; } #reservations .hours .silverware { margin-top: 40px; margin-bottom: 40px; } #reservations .hours .details { font-size: 18px; line-height: 24px; } #reservations .hours .details span.days { color: #730D07; font-size: 22px; } #reservations .hours .et_pb_divider { margin-top: 80px; } #reservations .hours .phone { padding-top: 30px; } #reservations .hours .phone h2 { font-size: 30px; color: #fbfaf6; } #reservations .form h3 { color: #161513 !important; } #reservations .et_pb_text { margin-bottom: 2.75%; } #reservations .silverware { margin-left: auto; margin-right: auto; margin-bottom: 2.75%; } #reservations .form .reservationForm { margin-top: 75px; } #reservations .form .reservationForm .et_pb_contact p input, #reservations .form .reservationForm .et_pb_contact p textarea { background-color: rgba(206, 204, 200, 0); border-bottom: 1px solid #161513; font-family: 'Oswald'; font-size: 16px; letter-spacing: 1px; color: #161513; text-transform: uppercase; padding: 5px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #reservations .form .reservationForm .et_pb_contact p input:focus, #reservations .form .reservationForm .et_pb_contact p textarea:focus { background-color: rgba(206, 204, 200, .3); border-bottom: 1px solid #fbfaf6; padding: 5px; } #reservations .form .et_contact_bottom_container { float: left; } #reservations .form .reservationForm .et_pb_contact button[type="submit"] { margin-top: 15px; } @media screen and (max-width : 1300px) { #reservations .hours .details { font-size: 16px; } #reservations .hours .details span.days { font-size: 18px; } #reservations .hours .phone { padding-top: 38px; } #reservations .hours .phone h2 { font-size: 24px; } } @media screen and (max-width : 1200px) { #reservations .hours .details span.days { font-size: 16px; } } @media screen and (max-width : 1100px) { #reservations .hours h2 { font-size: 48px; } #reservations .hours .details span.days { font-size: 14px; } #reservations .hours .phone h2 { font-size: 20px; } } @media screen and (max-width : 980px) { #reservations .hours h2 { font-size: 60px; } #reservations .hours .details span.days { font-size: 22px; } #reservations .hours .phone h2 { font-size: 30px; } #reservations .hours .et_pb_divider { margin-top: 40px; } } @media screen and (max-width : 767px) { #reservations .form .et_pb_contact_form { margin-left: 0; } #reservations .form p.et_pb_contact_field { padding-left: 0; } #reservations .form .et_pb_contact_submit { margin-left: 0; } } @media screen and (max-width : 600px) { #reservations .hours h2 { font-size: 42px; } #reservations .form { padding: 30px; } #reservations .form .reservationForm { margin-top: 50px; } } @media screen and (max-width : 500px) { #reservations .hours h2 { font-size: 36px; } #reservations .hours .details { font-size: 16px; } #reservations .hours .details span.days { font-size: 20px; } } @media screen and (max-width : 425px) { #reservations .reservationsRow { width: 90%; } #reservations .form .reservationForm .et_pb_contact p input, #reservations .form .reservationForm .et_pb_contact p textarea { font-size: 20px; border-bottom: 2px solid #161513; margin-bottom: 10px; } #reservations .form .reservationForm .et_pb_contact button[type="submit"] { margin-top: 10px; } } @media screen and (max-width : 374px) { #reservations .hours .details span.days { font-size: 17px; } #reservations .hours .details { font-size: 15px; } #reservations .hours .phone h2 { font-size: 24px; } } /* GALLERY */ .gallery .et_pb_gallery_item img { width: 100%; } /* TESTIMONIALS */ #testimonials .testimonialsSlider { box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2); } #testimonials .testimonialsSlider .et_pb_slide_content { max-width: 760px; margin: 0 auto; } #testimonials .testimonialsSlider .et_pb_slide_content:before { content: url(http://restaurant.madebysuperfly.com/wp-content/uploads/sites/21/2017/06/leftQuote.png); opacity: .1; display: block; position: absolute; top: 90px; left: 40px; } #testimonials .testimonialsSlider .et_pb_slide_content:after { content: url(http://restaurant.madebysuperfly.com/wp-content/uploads/sites/21/2017/06/rightQuote.png); opacity: .1; display: block; position: absolute; top: 90px; right: 40px; } #testimonials .testimonialsSlider .et_pb_slide_content h4 { font-family: 'Abril Fatface'; font-size: 36px; font-style: normal; margin-top: 20px; } #testimonials .et-pb-slider-arrows { opacity: .3; } @media screen and (max-width : 1300px) { .et_pb_slide_content p { max-width: 600px; margin-left: auto; margin-right: auto; } } @media screen and (max-width : 1100px) { #testimonials .testimonialsSlider .et_pb_slide_content:before { left: 0px; } #testimonials .testimonialsSlider .et_pb_slide_content:after { right: 0px; } } @media screen and (max-width : 980px) { #testimonials .et_pb_slide_content p { max-width: 85%; } } @media screen and (max-width : 767px) { #testimonials .testimonialsSlider .et_pb_slide_content:before { top: 60px; } #testimonials .testimonialsSlider .et_pb_slide_content:after { top: 60px; } } @media screen and (max-width : 600px) { #testimonials .testimonialsSlider .et_pb_slide_content h4 { font-size: 24px; } } @media screen and (max-width : 425px) { #testimonials .testimonialsRow { width: 90%; } } @media screen and (max-width : 374px) { #testimonials .et_pb_slide_content img.avatar { max-width: 75px; } #testimonials .testimonialsSlider .et_pb_slide_content h4 { font-size: 18px; } } /* CHEF */ #chef .chefColumn1 { padding: 60px; outline: 1px dashed #d9d8d2; outline-offset: -33px; } #chef .chefColumn1 h3 { color: #161513 !important; } #chef .chefColumn1 .details { margin-left: auto; margin-right: auto; } #chef .chefColumn1 h4 { font-family: 'Abril Fatface'; font-size: 28px; margin-bottom: 5px; } #chef .chefColumn1 h5 { font-family: 'Oswald'; font-size: 15px; font-weight: 300; letter-spacing: 4px; text-transform: uppercase; color: #7a766e; } #chef .chefColumn1 .silverware { margin-top: 40px; margin-bottom: 40px; margin-left: auto; margin-right: auto; } #chef .chefColumn1 .et_pb_text { margin-bottom: 2.75%; } #chef .chefColumn2 { background-position: center bottom; } @media screen and (max-width : 980px) { #chef .chefColumn2 { background-position: center 68%; } } @media screen and (max-width : 600px) { #chef .chefColumn1 .silverware { margin-top: 20px; margin-bottom: 42px; } #chef .chefColumn1 h4 { font-size: 24px; } #chef .chefColumn1 h5 { font-size: 13px; } #chef .chefColumn2 { background-position: center bottom; } } @media screen and (max-width : 374px) { #chef .chefColumn1 img.avatar { max-width: 75px; } #chef .chefColumn1 h4 { font-size: 18px; } #chef .chefColumn1 h5 { font-size: 12px; } } /* SIDEBAR */ #main-content .container:before { background-color: transparent; } #sidebar .widget_search input#s, #sidebar .widget_search input#searchsubmit { border-radius: 0; border: none; } #sidebar .widget_search input#s { background: #efefef; } #sidebar .widget_search input#searchsubmit { font-family: 'Oswald'; font-size: 14px; font-weight: 100; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 0; background: #730D07; border-left: 1px solid #fff; } #sidebar .widget_search input#searchsubmit:hover { background: #21201e; } #sidebar h4.widgettitle { font-weight: 100; text-transform: uppercase; letter-spacing: 3px; font-size: 24px; } #sidebar .et_pb_widget a { color: #161513; } #sidebar .et_pb_widget li a:hover { color: #730D07; } #sidebar .et_pb_button { display: inline-block; font-size: 14px; color: #fff; padding: 8px 24px !important; } /* FOOTER */ #main-footer img.footerLogo { width: 300px; } #main-footer h4.title { letter-spacing: 4px; } #main-footer .footerSocial { margin-top: 15px; } #main-footer .footerSocial a i { font-size: 30px; margin-right: 30px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #main-footer .footerSocial a:hover i { color: #fff; } #footer-info { font-family: 'Oswald'; text-transform: uppercase; letter-spacing: 2px; } #footer-info a { font-weight: normal; } #footer-info a:hover { color: #fff; } @media screen and (max-width : 980px) { #footer-info { text-align: left; } #main-footer img.footerLogo { width: 180px; } } /* BLOG */ body.single .et_post_meta_wrapper h1 { font-size: 48px; } body.single .post-meta { font-family: 'Oswald'; } body.single h3.comment-reply-title { text-transform: uppercase; letter-spacing: 3px; } /*TWO COLUMN SWITCH*/ @media screen and (max-width : 980px) { .twoColumnSwitch .et_pb_row { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } /* LAST EDITED ON FEBRUARY 9, 2019 BY JOHN WOOTEN */ /* ----------- END CHILD THEME CUSTOM CSS --------------------------- */ /* ----------- PUT CUSTOM CSS BELOW THIS LINE --------------------------- */