/* Gourmet v1.0 - brewsterfish */ /*:Main Settings ~*~*/ body{/*:Body Font */ color:#636363;font-size:16px;font-weight:normal;font-style:normal;font-family:inherit;} h1{/*:h1 Font*/ color:#8F6117;font-size:30px;font-weight:normal;font-style:normal;font-family:inherit;} h2{/*:h2 Font*/ color:#8F6117;font-size:24px;font-weight:normal;font-style:normal;font-family:inherit;} h3{/*:h3 Font*/ color:#7C7C7C;font-size:18px;font-weight:normal;font-style:normal;font-family:inherit;} h4{/*:h4 Font*/ color:#8F6117;font-size:14px;font-weight:normal;font-style:normal;font-family:inherit;} h5{/*:h5 Font*/ color:#8F6117;font-size:10px;font-weight:normal;font-style:normal;font-family:inherit;} h5{/*:h5 Bottom Border*/ border-bottom-color:#f0f0f0;border-bottom-width:1px;border-bottom-style:dashed;} h6{/*:h6 Font*/ color:#8F6117;font-size:10px;font-weight:normal;font-style:normal;font-family:inherit;} a{/*:Link */ color:#B18513;text-decoration:none;} #rockettable-calendar-holder table tbody td.ui-datepicker-current-day a, #rockettable-calendar-holder table tbody td.ui-datepicker-current-day a:hover {/*:Calendar Active Background Color */ background-color:#B18513;} a:hover{/*:Link Hover */ color:#B18513;text-decoration:underline;} body{/*:Body Background */ background-image:url(orange/background.png);background-color:#fff;background-repeat:repeat;background-attachment:scroll;background-position:center top;} #top-bar{/*:Top Bar Background Color */ background-color:#321d0f;} #header-content { /*:Main Menu Middle Background */ background-image:url(orange/menu.png);background-color:transparent;background-repeat:repeat;background-attachment:scroll;background-position:center top;height: 45px;} #header-top { /*:Main Menu Top Background */ background-image:url(orange/menu_top.png);background-color:transparent;background-repeat:repeat-x;background-attachment:scroll;background-position:center top;} #header-bottom { /*:Main Menu Bottom Background */ background-image:url(orange/menu_bottom.png);background-color:transparent;background-repeat:repeat-x;background-attachment:scroll;background-position:center top;} #top-menu-right li a{ /*: Top Bar Menu Font */ color:#D1D1D1;font-size:13px;font-weight:normal;font-style:normal;font-family:inherit;} #top-menu-right li a:hover{ /*: Top Bar Menu Hover Link */ color:#f2f0d7;text-decoration:none;} #main-menu li a{ /*: Main Menu Font */ color:#fff;font-size:16px;font-weight:normal;font-style:normal;font-family:inherit;} #main-menu li a:hover, .flex-caption .content a{ /*: Main Menu Hover Link */ color:#f2f0d7;text-decoration:none;} #main-menu li.current-menu-item > a{ /*: Main Menu Active Link Color */ color:#f2f0d7;} #homepage-content img, #footer-wrapper img{ /*: Content Images Border Color */ border-color:#B18513;} #homepage-content img:hover, #footer-wrapper img:hover{ /*: Content Images Border Color */ border-color:#B18513;} #page-content input[type=text], #page-content input[type=password], #page-content textarea, #homepage-content input[type=text], #homepage-content input[type=password], #homepage-content textarea { /*: Form Fields Font */ color:#585858;font-size:16px;font-weight:normal;font-style:normal;font-family:inherit;} /*:Main Settings End ~*~*/ /*:Homepage Settings ~*~*/ #static-picture{ /*: Static Picture Background Color */ background-color:#8d7f74;} #teaser{/*:Teaser Area Background */ background-image:url(orange/teaser.png);background-color:transparent;background-repeat:repeat-x;background-attachment:scroll;background-position:center top;} #teaser-shadow{/*:Teaser Shadow Background */ background-image:url(orange/teaser_shadow.png);background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-position:center top;} #teaser .container h1 {/*:Teaser H1 Font*/ color:#8F6117;font-size:29px;font-weight:normal;font-style:normal;font-family:inherit;} #teaser .container h2 {/*:Teaser H2 Font*/ color:#b4a48d;font-size:14px;font-weight:normal;font-style:normal;font-family:inherit;} .flex-caption .container2 .content h1, .flex-caption .container2 .content h2, .flex-caption .container2 .content h3, .flex-caption .container2 .content h4, .flex-caption .container2 .content h5, .flex-caption .container2 .content h6 {/*:Flex Slider Heading Font*/ color:#fff;font-size:40px;font-weight:normal;font-style:normal;font-family:inherit;} .flex-caption .container2 .content {/*:Flex Slider Content Font*/ color:#fff;font-size:16px;font-weight:normal;font-style:normal;font-family:inherit;} .flex-control-nav li a {/*:Flex Slider Bullets Background Color */ background-color:#321d0f;} .flex-control-nav li a.active {/*:Flex Slider Bullets Active Background Color */ background-color:#f2f0d7;} /*:Homepage Settings End ~*~*/ /*:Inner Pages Settings ~*~*/ #page-intro { /*:Intro Title Background */ background-image:url(orange/subheader.png);background-color:#563d14;background-repeat:no-repeat;background-attachment:scroll;background-position:top center;} .title-only {/*:Intro Title Only Font*/ color:#fff;font-size:32px;font-weight:normal;font-style:normal;font-family:inherit;} .title-ts {/*:Intro Title And Teaser Text Font*/ color:#fff;font-size:30px;font-weight:normal;font-style:normal;font-family:inherit;} #page-intro .title-teaser {/*:Intro Title Teaser Text Font*/ color:#B1B1B1;font-size:20px;font-weight:normal;font-style:normal;font-family:inherit;} #breadcrumb-wrapper {/*:Breadcrumb Background */ background-image:url(orange/breadcrumb-wrapper.png);background-color:transparent;background-repeat:repeat-x;background-attachment:scroll;background-position:center top;} #breadcrumb-wrapper {/*:Breadcrumb Content Color */ color:#92907C} #breadcrumb-wrapper a, #breadcrumb-wrapper a:visited, .wp-pagenavi .current, .paged-navigation .current {/*:Breadcrumb Link Color */ color:#686650} #sidebar .widgettitle {/*:Sidebar Widget Title Font*/ color:#B18513;font-size:24px;font-weight:normal;font-style:normal;font-family:inherit;} /*:Inner Pages Settings End ~*~*/ /*:Gallery And Restaurant Menu Settings ~*~*/ .gallery-item .picture-title {/*:Gallery Font*/ color:#442917;font-size:22px;font-weight:normal;font-style:normal;font-family:inherit;} .menu-item .picture-title {/*:Gallery Font*/ color:#442917;font-size:22px;font-weight:normal;font-style:normal;font-family:inherit;} .menu-item .price {/*:Menu Price Background Color */ background-color:#144B86;} .menu-item .price {/*:Menu Price Text Color */ color:#fff;} /*:Gallery And Restaurant Menu Settings End ~*~*/ /*:Footer Settings ~*~*/ #footer-wrapper {/*:Footer Background */ background-image:url(orange/footer.png);background-color:#f9f9f4;background-repeat:repeat-x;background-attachment:scroll;background-position:center top;} #footer-wrapper { /*:Footer Top Border */ border-top-color:#D8D5B2;border-top-width:1px;border-top-style:solid;} #footer-bottom {/*:Footer Bottom Background */ background-image:url(orange/footer_bottom.png);background-color:#f2f1e8;background-repeat:repeat-x;background-attachment:scroll;background-position:center top;} #footer-wrapper .widgettitle { /*: Footer Widget Title Font */ color:#8F6117;font-size:22px;font-weight:normal;font-style:normal;font-family:inherit;} #footer-wrapper { /*: Footer Content Color */ color:#7f7f7e;} #footer-wrapper .booking-list li, #footer-wrapper .widget li { /*: Booking List Bottom Border */ border-bottom-color:#e4e4e1;border-bottom-width:1px;border-bottom-style:solid;} #footer-bottom { /*: Bottom Footer Content Color */ color:#92907c;} #menu-footer-menu li a, #menu-footer-menu li a:visited { /*: Bottom Footer Main Menu Link Color */ color:#442917;} #menu-footer-menu li a:hover { /*: Bottom Footer Main Menu Hover Link Color */ color:#442917;} #footer-bottom a, #footer-bottom a:visited { /*: Bottom Footer Link Color */ color:#686650;} #footer-bottom a:hover { /*: Bottom Footer Link Hover Color */ color:#686650;} /*:Footer Settings End ~*~*/ /* Additional settings */ #top-menu-right li a, #main-menu li a {text-transform: uppercase; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);} #main-menu ul {border: 1px solid #918467;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);margin-top: 6px; border-top:none;} #main-menu ul a, #page-intro { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); } #main-menu ul li a {font-size:14px !important; font-weight: bold} #main-menu ul li {margin-bottom: 10px; margin-left: 10px; } #main-menu ul {padding-top: 10px;} #main-menu ul{background: url(orange/submenu.png) repeat;} #static-picture{ margin-top: -7px} #teaser .container h2 {text-transform: uppercase;} #teaser .container {text-shadow: 1px 1px 1px white;} .flex-caption .container2 .content {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); line-height: 1.4em} .flex-caption .container2 .content a{color:#f2f0d7 !important;text-decoration:none;} #homepage-content, #footer-wrapper, #footer-bottom, #breadcrumb-wrapper, #page-wrapper {text-shadow: 1px 1px 1px white;} #homepage-content img, #footer-wrapper img {border:4px solid;} #homepage-content .post_meta {font-size: 14px; font-style: normal !important} #homepage-content .rocket_recent_widget li {border-bottom: 1px solid #7C7C7C; background: url(orange/news_icon.png) no-repeat left 5px; padding-left: 25px !important} .copyright_text, .post_meta {font-size: 14px} #homepage-content img, #page-content img, .wp-pagenavi span, .wp-pagenavi a {-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);} .post_grid_image a img, .wp-pagenavi span, .wp-pagenavi a {padding: 5px; background: #f3f2e9} .wp-pagenavi span, .wp-pagenavi a {font-size: 14px} #rockettable-bookings-table th { background: url(../images/shortcodes/button_overlay.png) repeat-x 0 0 #562319; text-transform: uppercase; border: 1px solid #111; color: #F8F8F8; text-shadow: none; border-right-color:#562319} #rockettable-calendar-holder table tbody td.ui-datepicker-current-day a, #rockettable-calendar-holder table tbody td.ui-datepicker-current-day a:hover {color: #fff} #homepage-content a.home-link { background: #B18513; color: #fff; text-shadow: none; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #header-bottom { background-image: url('orange/menu_bottom.png'); background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: center top; z-index: 50; } #teaser .container h1 { color: #55755E; font-size: 29px; font-weight: normal; font-style: normal; font-family: inherit; } .logo { padding: 0; z-index: 100; position: relative; width: 400px; } /* Responsive Styles */ #dropdown-menu {display: none} /* ============================================================================= - Media Queries Styles for responsive layouts ============================================================================= */ /* Viewport Width: 768px - 1023px Supported Device: iPad, iPad 2, Standard Tablet, Standard CRT Monitor, iPhone 4 (landscape mode; 960px) */ @media screen and (max-width: 1023px) { } @media screen and (min-width: 960px) { .container{text-align:left;width:960px;position:relative;height:100%;margin:0 auto;} .clearfix,.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} } @media screen and (max-width: 960px) { .container{text-align:left;width:750px;position:relative;height:100%;margin:0 auto;} .flex-caption { position: absolute; left: 50%; margin-left: -383px !important; z-index: 9999; top: 25%; } .flex-caption .container2 .content h1, .flex-caption .container2 .content h2, .flex-caption .container2 .content h3, .flex-caption .container2 .content h4, .flex-caption .container2 .content h5, .flex-caption .container2 .content h6 { font-size: 24px; } #teaser .container h1 {font-size: 22px} #footer-shadow {display: none} #teaser-shadow {width: auto !important;background: none !important} .flex-control-nav { width: 767px !important; margin-left: -383px !important; } #flex-wrapper, #slider-wrapper {width: auto } .logo { max-width: 300px; max-height: auto; position:relative; top:5px } #homepage-content { line-height: 1.4em; margin: 20px 30px 20px 30px; } } @media screen and (max-width: 800px) { #sidebar-wrapper, #footer-wrapper .one_half, #footer-wrapper .one_third, #footer-wrapper .one_fourth, #footer-wrapper .one_fifth, #footer-wrapper .one_sixth, #footer-wrapper .two_third, #footer-wrapper .three_fourth, #footer-wrapper .five_sixth, #homepage-content .one_half, #homepage-content .one_third, #homepage-content .one_fourth, #homepage-content .one_fifth, #homepage-content .one_sixth, #homepage-content .two_third, #homepage-content .three_fourth, #homepage-content .five_sixth, #page-wrapper .one_half, #page-wrapper .one_third, #page-wrapper .one_fourth, #page-wrapper .one_fifth, #page-wrapper .one_sixth, #page-wrapper .two_third, #page-wrapper .three_fourth, #page-wrapper .five_sixth { float: none !important; width: auto !important; margin: 0px !important; } #footer-wrapper .widget {margin-bottom: 15px} .flex-control-nav { width: 520px !important; margin-left: -260px !important; } #page-intro div.title-teaser {display: none !important} .reservations-form input[type=text] {width: 98% !important;} .first-field {display:block;clear:both;padding-bottom: 15px} .logo { max-width: 270px; max-height: auto; position:relative; top:7px; left: 5px; } } @media screen and (max-width: 767px) { .container{text-align:left;width:520px;position:relative;height:100%;margin:0 auto;} .menu-primary-menu-container {display: none} #dropdown-menu {display: block} .flex-caption {margin-left: -260px !important;} #teaser .container h1 {font-size: 18px; padding-top: 40px;} #sidebar-wrapper, #footer-wrapper .one_half, #footer-wrapper .one_third, #footer-wrapper .one_fourth, #footer-wrapper .one_fifth, #footer-wrapper .one_sixth, #footer-wrapper .two_third, #footer-wrapper .three_fourth, #footer-wrapper .five_sixth, #homepage-content .one_half, #homepage-content .one_third, #homepage-content .one_fourth, #homepage-content .one_fifth, #homepage-content .one_sixth, #homepage-content .two_third, #homepage-content .three_fourth, #homepage-content .five_sixth, #page-wrapper .one_half, #page-wrapper .one_third, #page-wrapper .one_fourth, #page-wrapper .one_fifth, #page-wrapper .one_sixth, #page-wrapper .two_third, #page-wrapper .three_fourth, #page-wrapper .five_sixth { float: none !important; width: auto !important; margin: 0px !important; } #footer-wrapper .widget {margin-bottom: 15px} .flex-control-nav { width: 520px !important; margin-left: -260px !important; } #page-intro div.title-teaser {display: none !important} .reservations-form input[type=text] {width: 98% !important;} .first-field {display:block;clear:both;padding-bottom: 15px} } @media screen and (max-width: 600px) { .container{text-align:left;width:400px;position:relative;height:100%;margin:0 auto;} .menu-primary-menu-container {display: none} #dropdown-menu {display: block} .flex-caption {display: none} #teaser .container h1 {font-size: 18px; padding-top: 40px;} #sidebar-wrapper, #footer-wrapper .one_half, #footer-wrapper .one_third, #footer-wrapper .one_fourth, #footer-wrapper .one_fifth, #footer-wrapper .one_sixth, #footer-wrapper .two_third, #footer-wrapper .three_fourth, #footer-wrapper .five_sixth, #homepage-content .one_half, #homepage-content .one_third, #homepage-content .one_fourth, #homepage-content .one_fifth, #homepage-content .one_sixth, #homepage-content .two_third, #homepage-content .three_fourth, #homepage-content .five_sixth, #page-wrapper .one_half, #page-wrapper .one_third, #page-wrapper .one_fourth, #page-wrapper .one_fifth, #page-wrapper .one_sixth, #page-wrapper .two_third, #page-wrapper .three_fourth, #page-wrapper .five_sixth { float: none !important; width: auto !important; margin: 0px !important; } #footer-wrapper .widget {margin-bottom: 15px} .flex-control-nav { width: 300px !important; margin-left: -225px !important; } #page-intro div.title_teaser.container div.title-teaser {display: none} .logo { max-width: 250px; max-height: auto; position:relative; margin: 0 auto; top:40px; left: 0; } #header-content { background:#d6a149; height: 62px; } #header-top { background: #d6a149; } #header-bottom { background: #d6a149; z-index: 50; } #main-menu { display: block; position:absolute; width: 250px; margin: 10px auto; clear:both; right: 0px; left: 0px; top: 0px; } } @media screen and (max-width: 480px) { #page-intro div.title_teaser.container div.title-teaser {display: none} textarea#comment {width: 95% !important} #page-intro {display: none} .reservations-form input[type=text] {width: 96% !important;} .reservations-form textarea {width: 95% !important;} #header-content { height: 62px; } #teaser { height: 110px; background-position: center bottom; } #main-menu { display: block; position:absolute; width: 250px; margin: 10px auto; clear:both; right: 0px; left: 0px; top: 0px; } #footer-wrapper { line-height: 1.4em; padding: 20px 30px 20px 30px; } } @media screen and (max-width: 385px) { .container{text-align:left;width:260px;position:relative;height:100%;margin:0 auto;} } @media screen and (max-width: 320px) { .container{text-align:left;width:260px;position:relative;height:100%;margin:0 auto;} .menu-primary-menu-container {display: none} #header-top {height: 5px; display: block; margin-top: -5px; } #header-content { height: 22px; } .logo { top:0; } #teaser { height: 100px; background-position: center bottom; } #teaser .container h1 { padding-top: 0; } #dropdown-menu {display: block} .flex-caption {display: none} #teaser .container h1 {font-size: 16px; padding-top: 25px;} #teaser .container h2 {font-size: 12px} #sidebar-wrapper, #footer-wrapper .one_half, #footer-wrapper .one_third, #footer-wrapper .one_fourth, #footer-wrapper .one_fifth, #footer-wrapper .one_sixth, #footer-wrapper .two_third, #footer-wrapper .three_fourth, #footer-wrapper .five_sixth, #homepage-content .one_half, #homepage-content .one_third, #homepage-content .one_fourth, #homepage-content .one_fifth, #homepage-content .one_sixth, #homepage-content .two_third, #homepage-content .three_fourth, #homepage-content .five_sixth, #page-wrapper .one_half, #page-wrapper .one_third, #page-wrapper .one_fourth, #page-wrapper .one_fifth, #page-wrapper .one_sixth, #page-wrapper .two_third, #page-wrapper .three_fourth, #page-wrapper .five_sixt { float: none !important; width: auto !important; margin: 0px !important; } #footer-wrapper .widget {margin-bottom: 15px} .flex-control-nav { display: none } .menu-top-menu-right-side-container {display: none} #top-bar .container {min-height: 50px} #dropdown-menu {position: absolute; z-index: 9999; top:-75px; left:50%; width: 260px; margin-left: -130px} #dropdown-menu #main-menu {float: none !important} #menu-footer-menu li {display: block !important; margin-bottom: 5px} .copyright_text {margin-top: 15px} #page-intro div.title_teaser.container div.title-teaser {display: none} textarea#comment {width: 95% !important} #page-intro, #breadcrumb-wrapper {display: none !important} #breadcrumb-wrapper #crumbs{font-size: 11px !important} #comments, #respond {display: none !important} .reservations-form input[type=text] {width: 99% !important;} #main-menu { display: block; position:absolute; width: 250px; margin: 10px auto; clear:both; right: 0px; left: 0px; top: 0px; } #homepage-content { line-height: 1.4em; margin: 0 30px 10px 30px; } }