/* Theme Name: Pizza Port: Tasty Grub & Grog Description: A Premium Restaurant Responsive WordPress Theme by CMG Creative & Brightbat Studios Version: 1.6 Author: Brightbat Studios Author URI: http://www.brightbat.com */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Font Faces -------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------- Open Sans -------------------------------------------------------------- */ @font-face { font-family: 'OpenSansRegular'; src: url('fonts/open-sans/OpenSans-Regular-webfont.eot'); src: url('fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('fonts/open-sans/OpenSans-Italic-webfont.eot'); src: url('fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('fonts/open-sans/OpenSans-Bold-webfont.eot'); src: url('fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } /* -------------------------------------------------------------- Open Sans Condensed -------------------------------------------------------------- */ @font-face { font-family: 'OpenSansCondensedLight'; src: url('fonts/open-sans-condensed/OpenSans-CondLight-webfont.eot'); src: url('fonts/open-sans-condensed/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-condensed/OpenSans-CondLight-webfont.woff') format('woff'), url('fonts/open-sans-condensed/OpenSans-CondLight-webfont.ttf') format('truetype'), url('fonts/open-sans-condensed/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansCondensedLightItalic'; src: url('fonts/open-sans-condensed/OpenSans-CondLightItalic-webfont.eot'); src: url('fonts/open-sans-condensed/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-condensed/OpenSans-CondLightItalic-webfont.woff') format('woff'), url('fonts/open-sans-condensed/OpenSans-CondLightItalic-webfont.ttf') format('truetype'), url('fonts/open-sans-condensed/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansCondensedBold'; src: url('fonts/open-sans-condensed/OpenSans-CondBold-webfont.eot'); src: url('fonts/open-sans-condensed/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-condensed/OpenSans-CondBold-webfont.woff') format('woff'), url('fonts/open-sans-condensed/OpenSans-CondBold-webfont.ttf') format('truetype'), url('fonts/open-sans-condensed/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg'); font-weight: normal; font-style: normal; } strong { font-family: "OpenSansBold"; font-weight: normal; } /* -------------------------------------------------------------- Cabin Sketch -------------------------------------------------------------- */ @font-face { font-family: 'cabinsketchbold'; src: url('fonts/CabinSketch/cabinsketch-bold-webfont.eot'); src: url('fonts/CabinSketch/cabinsketch-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CabinSketch/cabinsketch-bold-webfont.woff') format('woff'), url('fonts/CabinSketch/cabinsketch-bold-webfont.ttf') format('truetype'), url('fonts/CabinSketch/cabinsketch-bold-webfont.svg#cabinsketchbold') format('svg'); font-weight: normal; font-style: normal; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Body -------------------------------------------------------------------------------------------------------------------------------- */ body { background:#231F20 !important; font-family: "OpenSansRegular", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; height: 100%; color: white; -webkit-font-smoothing: antialiased; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Reset -------------------------------------------------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Common -------------------------------------------------------------------------------------------------------------------------------- */ /* Common: Clear */ .clear { clear: both; height: 0px; visibility: hidden; margin: 0; padding: 0; } /* Common: Selection */ ::selection { background: black; color: white; text-shadow: none; } ::-moz-selection { background: black; color: white; text-shadow: none; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /* Common: Link */ a:link, a:visited { color: white; cursor: pointer; text-decoration: none; background-image: url("images/bg-a.png"); background-position: left bottom; background-repeat: repeat-x; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } a:hover { cursor: pointer; text-decoration: none; background-image: none !important; } small a { color: white !important; } /* Common: Effect */ .round { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .round-top { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .round-bottom { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .shadow { -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); } .shadow-top { -moz-box-shadow: 0 -5px 20px rgba(0,0,0,0.25); -webkit-box-shadow: 0 -5px 20px rgba(0,0,0,0.25); box-shadow: 0 -5px 20px rgba(0,0,0,0.25); } .shadow-bottom { -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.25); -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.25); box-shadow: 0 5px 20px rgba(0,0,0,0.25); } .shadow-big { -moz-box-shadow: 0 0 35px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.5); box-shadow: 0 0 35px rgba(0,0,0,0.5); } .shadow-big-top { -moz-box-shadow: 0 -5px 30px rgba(0,0,0,0.75); -webkit-box-shadow: 0 -5px 30px rgba(0,0,0,0.75); box-shadow: 0 -5px 30px rgba(0,0,0,0.75); } .shadow-big-bottom { -moz-box-shadow: 0 5px 30px rgba(0,0,0,1); -webkit-box-shadow: 0 5px 30px rgba(0,0,0,1); box-shadow: 0 5px 30px rgba(0,0,0,1); } .shadow-inner { -moz-box-shadow: inset 0 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 3px 10px rgba(0,0,0,0.5); box-shadow: inset 0 3px 10px rgba(0,0,0,0.5); } /* Common: Image */ img { max-width: 100%; -ms-interpolation-mode: bicubic; } .image { background-color: transparent; background-image: url("images/loading.gif"); background-position: center center; background-repeat: no-repeat; min-height: 30px; margin: 5px 20px 20px 0; /* border: 2px #fff solid; */ border: 5px #000 solid; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); /*border-radius: 4px;*/ } .image a { background-color: transparent; background-image: none; } .image img { display: none; } .image-overlay { position: relative; display: block; width: 100%; height: 100%; } .image-overlay img { display: block; } .image-overlay a span { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; /*background: url("images/bg-overlay-dark-25.png") repeat;*/ } .ie7 .image-overlay a span, .ie8 .image-overlay a span, .ie9 .image-overlay a span { display: none; } .image-overlay a span span { float: left; width: 100%; height: 100%; background: transparent url("images/bg-overlay-plus.png") center center no-repeat; } /* Common: Heading */ h1 { font-family: "Cabin Sketch" !important; font-size: 38px; font-weight: normal; padding: 10px 0; clear: both; } h2 { font-family: "Cabin Sketch" !important; font-size: 28px; font-weight: normal; padding: 10px 0; clear: both; } h3 { font-family: "Cabin Sketch" !important; font-size: 24px; font-weight: normal; padding: 10px 0; clear: both; } h4 { font-size: 14px; font-weight: normal; padding: 10px 0; clear: both; font-family: "PT Sans", Helvetica, sans-serif; } h5 { font-size: 13px; font-weight: normal; padding: 10px 0; clear: both; } /* Common: Page Header */ .page-header { float: left; width: 100%; padding: 0px 0; text-align: center; background: url("images/bg-overlay-dark-15.png") left top repeat; } .page-header h1 { color: white; margin: 5px 0 0 0; font-family: "Cabin Sketch" !important; font-size: 38px; font-weight: normal; } .page-header h1 .post-price { font-weight: normal; padding: 0 10px; } /* Common: Align */ .left { float: left; text-align: left; } .center { margin: 0 auto; } .right { float: right; text-align: right; } .no-display { display: none; } /* Common: List */ ul { list-style: none; } .content-page ul { float: left; width: 100%; margin: 10px 0 20px 0; } .content-page ul li { padding: 2px 0 2px 25px; background: url("images/point-content.png") 10px 10px no-repeat; } /* Common: Paragraph */ .content-page p { margin-bottom: 10px; line-height: 18px; } /* Common: Note */ .note { float: left; margin: 10px 0; padding-left: 25px; font-size: 11px; background: url("images/icons/icon-info.png") left 3px no-repeat; } /* Common: iFrame */ iframe { width: 100% !important; max-width: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } /* Common: 404 Page not found */ .page-not-found { width: 100%; text-align: center; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Layout -------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------- Default Layout (more than 1024x768): 988px Gutters: 20px -------------------------------------------------------------- Columns 1 2 3 4 5 6 7 8 9 10 11 12 Pixels 64 148 232 316 400 484 568 652 736 820 904 988 -------------------------------------------------------------- */ /* Layout: Header */ header.header { width: 100%; height: 240px; } header.header .header-container { width: 100%; height: 100%; } /* Layout: Header: Topbar */ header.header .topbar { width: 988px; height: 50px; margin: 0 auto; } /* Layout: Navigation */ nav.navigation, nav.navigation-mobile { width: 100%; height: 55px; } nav.navigation .navigation-container, nav.navigation-mobile .navigation-mobile-container { width: 100%; height: auto; margin: 0 auto; } /* Layout: Canvas */ .canvas { width: 100%; clear: both; } /* Layout: Content */ .content { width: 100%; padding: 20px 0 0; position: relative; z-index: 1;} .content .content-container { width: 988px; margin: 20px auto 20px; } /* Layout: Content */ .content-page { width: 100%; padding: 20px 0; } /* Layout: Callouts */ .callouts { width: 100%; margin: -165px 0 0; } /* Layout: Content - Home */ .content-home { width: 100%; margin: 650px 0 0; } .content-home .content-home-container { width: 988px; margin: 0 auto; } .content-home .content-page-home { width: 100%; margin: 40px 0 20px; } /* Layout: Page - Left */ .page-left { width: 988px; padding: 20px 0; } .page-left .rail-content { width: 716px; margin-left: 40px; } .page-left .rail-content p { margin-bottom: 20px; } .page-left .rail-content-container { width: 100%; } .page-left .rail-left { width: 232px; } /* Layout: Page - Right */ .page-right { width: 988px; padding: 20px 0; } .page-right .rail-content { width: 716px; margin-right: 40px; } .page-right .rail-content p { margin-bottom: 20px; } .page-right .rail-content-container { width: 100%; } .page-right .rail-right { width: 232px; } /* Layout: Page - Full */ .page-full { width: 988px; } .page-full p { margin-bottom: 14px; } .page-full .page-full-container { width: 100%; } /* Layout: Widget Areas: Footer */ .widget-area-footer { width: 100%; } .widget-area-footer .widget-area-footer-container { width: 988px; margin: 0 auto; } /* Layout: Footer */ footer.footer { width: 100%; } footer.footer .footer-container { width: 988px; margin: 0 auto; padding: 40px 0; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Header -------------------------------------------------------------------------------------------------------------------------------- */ header.header { text-align: center; position: relative; z-index: 999; background-image: url("images/header_bg.jpg"); background-position: center top; background-repeat: repeat-x; } header.header .header-container { background: url("images/bg-header-container.png") left top repeat-x; } /* Header: Logo */ header.header .logo { /*width: 300px; height: 140px; */width:504px;/* height:146px;*/margin: 0 auto; } header.header .logo-image, header.header .logo-default { /*width: 300px; height: 190px;*/ width:100%; height:149px; margin: -27px 0 0; padding: 0; text-align: center; } header.header .logo-image h1, header.header .logo-default h1 { display: block; padding: 0; margin: 0; } header.header .logo-image a, header.header .logo-default a { display: block; margin: 0; padding: 0; background-color: transparent; background-image: none; } /* Header: Tagline */ header.header .tagline { padding: 15px 0; font-family: "ASAP" !important; font-size: 15px; opacity: .4; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Navigation -------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------- Navigation: Primary navigation -------------------------------------------------------------- */ nav.navigation {padding-top: 18px; margin: 0; position: relative; z-index: 999; font-family: "ASAP" !important; font-weight: normal; text-transform: uppercase; background: url("images/bg-menu.png") left bottom repeat-x; } nav.navigation .navigation-container { text-align: center; padding: 0; } nav.navigation ul { width: 100%; height: 55px; list-style: none; } nav.navigation li { height: 50px; display: inline-block; position: relative; font-size: 19px; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); border-bottom: 5px solid transparent; -webkit-transition: border .3s linear; -moz-transition: border .3s linear; -o-transition: border .3s linear; -ms-transition: border .3s linear; transition: border .3s linear; } nav.navigation .menu-primary-navigation-container li { margin-right: -2px; } .ie7 nav.navigation li { display: inline; } nav.navigation li:hover { height: 50px; border-bottom: 5px solid #e8bb53!important; cursor: pointer; color: white; } nav.navigation li a { float: left; display: block; padding: 13px 10px 19px; color: white; text-decoration: none; background-color: transparent; background-image: none; } nav.navigation li:hover a, nav.navigation li a:hover { background-color: transparent; } /* Primary navigation: Sub */ nav.navigation li .sub-menu, nav.navigation li .children { opacity: 0; position: absolute; left: 0; top: -9999px; width: 200px; height: auto; text-align: left; text-transform: none; margin: 0; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; -ms-transition: opacity .3s linear; transition: opacity .3s linear; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.25); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.25); box-shadow: 2px 2px 4px rgba(0,0,0,0.25); font-family: "ASAP", Helevtica !important; } nav.navigation li:hover .sub-menu, nav.navigation li:hover .children { top: 55px; opacity: 1; } nav.navigation li li { float: none !important; display: block; width: 200px; padding: 0; margin: 0; border: none; height: auto; font-size: 16px; position: relative; text-shadow: none; } nav.navigation li:hover li {border: none; height: auto; } nav.navigation li li a { display: block; float: none; clear: both; padding: 10px 20px !important; background-color: #231F20 !important; border-bottom: 1px solid rgba(0,0,0,0.1); color: #fff !important; font-family: 'ASAP', Helvetica !important; font-size: 12px !important; } nav.navigation li li:hover a { color: white !important; text-shadow: none !important; } nav.navigation li li:last-child a { border-bottom: 1px solid rgba(0,0,0,0); } /* Primary navigation: Sub-sub */ nav.navigation li li .sub-menu, nav.navigation li li .children { opacity: 0; position: absolute; top: -999px !important; left: 200px !important; width: 200px; text-align: left; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; -ms-transition: opacity .3s linear; transition: opacity .3s linear; } nav.navigation li:hover li .sub-menu, nav.navigation li:hover li .children { opacity: 0; } nav.navigation li li:hover .sub-menu, nav.navigation li li:hover .children { top: 0 !important; opacity: 1; } nav.navigation li li li a, nav.navigation li li:hover li a, nav.navigation li:hover li:hover li a { background-color: #121212 !important; border-bottom: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); } nav.navigation li li li:hover a, nav.navigation li:hover li:hover li:hover a { color: white !important; text-shadow: none !important; } nav.navigation li li li:last-child a { border-bottom: 1px solid rgba(0,0,0,0); } /* -------------------------------------------------------------- Navigation: Primary navigation - Mobile -------------------------------------------------------------- */ nav.navigation-mobile { display: none; } nav.navigation-mobile { margin: 0; position: relative; z-index: 999; font-family: "ASAP" !important; font-weight: normal; text-transform: uppercase; background: url("images/bg-menu.png") left bottom repeat-x; } nav.navigation-mobile .navigation-mobile-container { text-align: center; padding: 0; font-size: 19px; } nav.navigation-mobile ul { width: 100%; height: 42px; list-style: none; } nav.navigation-mobile li.select { width: 400px; text-align: center; } nav.navigation-mobile li { height: 50px; display: inline-block; position: relative; font-size: 19px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); border-bottom: 5px solid transparent; -webkit-transition: border .3s linear; -moz-transition: border .3s linear; -o-transition: border .3s linear; -ms-transition: border .3s linear; transition: border .3s linear; } .ie7 nav.navigation-mobile li { display: inline; } nav.navigation-mobile li:hover { height: 50px; border-bottom: 5px solid; cursor: pointer; color: white; } nav.navigation-mobile li a { display: block; padding: 13px 20px 16px; color: white; text-decoration: none; background-color: transparent; background-image: none; } nav.navigation-mobile li:hover a, nav.navigation-mobile li a:hover { background-color: transparent; } /* Primary navigation - Mobile: Sub */ nav.navigation-mobile .menu { display: none; position: absolute; top: 55px; width: 400px; height: auto; text-align: left; text-transform: none; margin: 0; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.25); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.25); box-shadow: 2px 2px 4px rgba(0,0,0,0.25); background-color: white; } nav.navigation-mobile .menu li { float: left; width: 100%; padding: 0; margin: 0; border: none; height: auto; font-size: 16px; position: relative; text-shadow: none; background-color: white !important; } nav.navigation-mobile .menu li:hover { border: none; height: auto; } nav.navigation-mobile .menu li a { display: block; float: none; clear: both; padding: 10px 20px !important; background-color: white !important; border-bottom: 1px solid rgba(0,0,0,0.1); color:#2D1912 !important; } nav.navigation-mobile .menu li:hover a { color: white !important; text-shadow: none !important; } nav.navigation-mobile .menu li:last-child a { border-bottom: 1px solid rgba(0,0,0,0); } /* Primary navigation - Mobile: Sub-sub */ nav.navigation-mobile .menu .sub-menu, nav.navigation-mobile .menu .children { width: 100%; clear: both; } nav.navigation-mobile .menu .sub-menu li, nav.navigation-mobile .menu .children li, nav.navigation-mobile .menu li:hover .sub-menu li, nav.navigation-mobile .menu li:hover .children li { float: left; width: 100%; padding: 0; margin: 0; border: none; height: auto; font-size: 16px; position: relative; text-shadow: none; background-color: white !important; } nav.navigation-mobile .menu .sub-menu li:hover, nav.navigation-mobile .menu .children li:hover, nav.navigation-mobile .menu li:hover .sub-menu li:hover, nav.navigation-mobile .menu li:hover .children li:hover { border: none; height: auto; } nav.navigation-mobile .menu li .sub-menu a, nav.navigation-mobile .menu li .children a { display: block; float: none; clear: both; padding: 10px 20px 10px 40px !important; background-color: white !important; background-image: url("images/bg-menu-list-point.png"); background-position: 25px center; background-repeat: no-repeat; border-bottom: 1px solid rgba(0,0,0,0.1); } nav.navigation-mobile .menu li .sub-menu li a, nav.navigation-mobile .menu li .children li a { text-shadow: none !important; background-color: #f0f0f0 !important; } nav.navigation-mobile .menu li .sub-menu li:hover a, nav.navigation-mobile .menu li .children li:hover a { color: white !important; } /* -------------------------------------------------------------- Navigation: Secondary navigation -------------------------------------------------------------- */ /* Secondary navigation: Categories */ nav.navigation-categories { display: block; width: 100%; font-family: "ASAP" !important; font-size: 18px; } nav.navigation-categories a { display: block; padding: 8px 15px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } nav.navigation-categories a:hover { text-shadow: 0 0 3px rgba(255,255,255,0.5); color: white; } nav.navigation-categories .children a { padding: 8px 15px 8px 25px; font-size: 16px; } nav.navigation-categories .children a:hover { color: white; } /* Secondary navigation: Archives */ nav.navigation-archives { display: block; width: 100%; font-family: "ASAP" !important; font-size: 18px; } nav.navigation-archives a { display: block; padding: 8px 15px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } nav.navigation-archives a:hover { text-shadow: 0 0 3px rgba(255,255,255,0.5); color: white; } /* Secondary navigation: Menu Card */ nav.navigation-menucard { display: block;width: 100%;font-family: "ASAP" !important; font-size: 12px;padding-top: 32px;} nav.navigation-menucard a { display: block; padding: 8px 10px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);background-image: none;border-bottom: 1px solid #494647; } nav.navigation-menucard a:hover { text-shadow: 0 0 3px rgba(255,255,255,0.5); } nav.navigation-menucard li:last-child a { background-image: none; } nav.navigation-menucard li.back-to-top a { padding-left: 30px; background-image: url("../../../wp-content/uploads/2012/11/top_arrow.png"); background-position: 10px center; background-repeat: no-repeat;border:none; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Slideshow (Supersized) -------------------------------------------------------------------------------------------------------------------------------- */ #supersized-loader {display:none; position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background:url("images/loading.gif") no-repeat center center;} #supersized {/* display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%;*/position: absolute;top: 240px; width: 100%;z-index:-2;height: 725px;overflow: hidden } #supersized img { width: auto; max-width: none; height: auto; position: relative; display: none; outline: none; border: none; } #supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; } #supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; } #supersized li { display: block; list-style: none; z-index: -30; position:absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } #supersized a { width: 100%; height: 100%; display: block; } #supersized li.prevslide { z-index: -20; } #supersized li.activeslide { z-index: -10; } #supersized li.image-loading { background: url("images/loading.gif") no-repeat center center; width: 100%; height: 100%; } #supersized li.image-loading img{ visibility: hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display: inline; } .slideshow-overlay { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -99; height: 100%; width: 100%;/* background: url("images/bg-overlay-pattern.png") left top repeat; */} .slideshow-caption { position: absolute; z-index: 1; left: 50%; top:330px; margin-left: -410px; width: 820px;} .slideshow-caption-container { display: block; color: white; padding: 10px 0 20px; text-align: center; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .slideshow-caption h2 { margin: 0 0 10px; padding: 0; font-size: 60px; font-family: "Cabin Sketch",Helvetica;line-height: 90%; text-align: center; } .slideshow-caption p { margin: 0; padding: 0; font-family: "PT Sans", Helvetica, sans-serif; font-size: 28px; font-style: italic; } .slideshow-prev, .slideshow-next { position: absolute; width: 51px; height: 65px; top: 340px; z-index: 1; opacity: 0.6; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .slideshow-prev, .slideshow-prev:hover { left: 40px; background-image: url("images/arrow-prev.png"); } .slideshow-next, .slideshow-next:hover { right: 40px; background-image: url("images/arrow-next.png"); } .slideshow-prev:hover { cursor: pointer; background: transparent url("images/arrow-prev.png") !important; } .slideshow-next:hover { cursor: pointer; background: transparent url("images/arrow-next.png") !important; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Content -------------------------------------------------------------------------------------------------------------------------------- */ .content { background-image: url("images/bg-content2.png"); background-position: left top; background-repeat: repeat-x; } .content .content-container { position: relative; } /* Content - Home */ .content-home { background-image: url("images/bg-content.png"); background-position: left top; background-repeat: repeat-x; position: relative; z-index: 9; } .content-home .content-page-home { clear: both; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Callouts -------------------------------------------------------------------------------------------------------------------------------- */ .callouts { position: relative; } .callouts .callout-block { width: 316px; margin: 0 80px 20px 0; } .callouts .callout-block.last { margin: 0 0 20px; } .callouts .callout-title { padding: 0; margin: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); font-family: "ASAP" !important; font-size: 19px; font-weight: normal; } .callouts .callout-title a, .callouts .callout-title.without-link { display: block;/* height: 25px;*/height: auto; text-align: center; text-decoration: none; padding: 10px 0px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-image: url("images/bg-callout-title.png"); background-position: left top; background-repeat: repeat-x; } .callouts .callout-title.without-link { -webkit-transition: background-position 0.3s linear; -moz-transition: background-position 0.3s linear; -o-transition: background-position 0.3s linear; -ms-transition: background-position 0.3s linear; transition: background-position 0.3s linear; } .callouts .callout-title a:hover { background-position: left bottom; } .callouts .callout-block:hover .callout-title a { background-position: left bottom; } .callouts .callout-block:hover .callout-title.without-link { background-position: left bottom; } .callouts .callout-title a { text-decoration: none; } .callouts .callout-image { width: 316px; height: 120px; padding-bottom: 5px; background-image: url("images/bg-content.png"); background-position: left bottom; background-repeat: repeat-x; overflow: hidden; } .callouts .callout-content { width: 100%; background: white; } .callouts .callout-content-container { padding: 15px 20px; text-align: center; } .callouts .callout-content .button { float: none; display: inline-block; padding: 0; } .callouts .callout-content .button a { margin: 15px 0 0; border: 1px solid; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Sidebar -------------------------------------------------------------------------------------------------------------------------------- */ .sidebar h3 { font-size: 18px; font-weight: 700; color: white; border-bottom: 2px solid white; } .sidebar .block { display: block; margin-bottom: 20px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Footer -------------------------------------------------------------------------------------------------------------------------------- */ footer.footer { background-image: url("images/bg-footer.png"); background-position: left top; background-repeat: repeat-x; } /* Footer: Copyright */ footer.footer .copyright { padding: 15px 0; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- List -------------------------------------------------------------------------------------------------------------------------------- */ /* List: Posts */ .list-posts { width: 100%; } .list-posts .post { float: left; width: 100%; padding: 0 0 20px; margin: 0 0 20px 0; background: url("images/line-dotted-double.png") left bottom repeat-x; } .list-posts .post-header h2 { margin: 0 0 5px; padding: 3px 0; font-family: "ASAP" !important; font-size: 24px; font-weight: normal; } .list-posts .post-header h2 a { text-decoration: none; background-image: none; } .list-posts .post-header h2 a:hover { background-color: transparent; } .list-posts .post-info { width: 70px; margin-right: 20px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); } .list-posts .post-info .post-info-block { display: block; font-family: "ASAP" !important; font-size: 15px; ba text-transform: uppercase; color: white; padding: 10px 0; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 0 10px; } .list-posts .post-info .post-comments { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .list-posts .post-info .post-comments a { padding-left: 22px; background-image: url("images/icons/icon-comments.png"); background-position: left 3px; background-repeat: no-repeat; } .list-posts .post-info .post-comments a:hover { background-color: transparent; } .list-posts .post-content { width: 626px; } .list-posts .post-image { width: 716px; height: 260px; margin-bottom: 10px; } /*.list-posts .post-image img, .list-posts .post-image span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/ .list-posts .post-excerpt { width: 100%; margin: 0 0 20px; } .list-posts .post-foot { display: block; width: 100%; padding: 20px 0 0; clear: both; background: url("images/line-dotted.png") left top repeat-x; } .list-posts .post-tags { width: 65%; } /* List: Posts - Home */ .list-posts-home { width: 100%; margin: 40px 0 20px; } .list-posts-home .post { width: 316px; margin-right: 20px; background: none; } .list-posts-home .post.last { margin-right: 0; } .list-posts-home .post h2 { padding: 8px 0; font-size: 18px; } .list-posts-home .post-content { width: 226px; } .list-posts-home .post-image { width: 226px; height: 120px; } /* List: Posts - Search */ .list-posts-search .hentry { float: left; width: 100%; padding: 10px 0 10px; margin: 0; background: url("images/line-dotted.png") left bottom repeat-x; } .list-posts-search .post-header h2 { margin: 0; padding: 0; font-size: 18px; } .list-posts-search .post-content { width: 716px; } /* List: Menu card */ .list-menucard { width: 100%; clear: both; } .list-menucard .post { width: 100%; padding: 15px 0;/* background: url("images/line-dotted.png") left bottom repeat-x; */border-bottom: 1px solid #494647} .list-menucard .post-content { width: 100%; padding-top: 18px; } .list-menucard .with-image .post-content { width: 586px; } .list-menucard .post-header { width: 100%; } .list-menucard .post-header h3 { width: 100%; font-family: "CabinSketch" !important; font-size: 18px; padding: 0; color: #e8bb53 !important; } .list-menucard .post-header h3 a { background-image: none; color: #e8bb53 !important; } .list-menucard .post-header h3 a:hover { background-color: transparent; color: #C26030 !important; } .list-menucard .post-description { width: 100%; padding: 5px 0; margin: 0; } .list-menucard .post-image { width: 100px; height: 70px; margin-right: /*20px*/15px; } /*.list-menucard .post-image, .list-menucard .post-image img, .list-menucard .post-image span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/ .list-menucard-block { width: 100%; background: url("images/line-dotted.png") left bottom repeat-x; padding: 0 0 2px; } .list-menucard-block .list-menucard-block-header h2 {/* font-family: "CabinSketch" !important; font-size: 24px;*/ font-weight: normal; padding: 20px 0;/* background: url("images/line-dotted.png") left bottom repeat-x; */ border-bottom: 1px solid #494647} .list-menucard-block .list-menucard-block-header p { color: white; padding: 10px 0 15px; margin: 0; background: url("images/line-dotted.png") left bottom repeat-x; } /* List: Menu card - Drink */ .list-menucard-drink .post { padding: 8px 0; } .list-menucard-drink .post-header h3 { font-size: 18px; } /* List: Photos */ .list-photos { width: 100%; clear: both; } .list-photos .post { width: 232px; margin: 0 20px 0 0; } .list-photos .post.last { margin: 0; } .list-photos .post-header { width: 100%; text-align: center; } .list-photos .post-header h3 { font-family: "ASAP", Arial, Helvetica, sans-serif; font-size: 19px; padding: 15px 0 20px; color: white; } .list-photos .post-image { width: 232px; height: 162px; } .list-photos .post-image, .list-photos .post-image img, .list-photos .post-image span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .list-photos .clearer-1 { display: none; } .list-photos .clearer-2 { display: none; } .list-photos-block { width: 100%; display: block; padding: 0 0 20px; background: url("images/line-dotted-double.png") left bottom repeat-x; } .list-photos-block .list-photos-block-header { width: 100%; text-align: center; background: url("images/line-dotted.png") left bottom repeat-x; margin-bottom: 20px; } .list-photos-block .list-photos-block-header h2 { font-family: "ASAP" !important; font-size: 28px; font-weight: normal; padding: 10px 0; clear: both; } .list-photos-block .list-photos-block-header h2 a { background-image: none; } .list-photos-block .list-photos-block-header h2 a:hover { background-color: transparent; color: white; } .list-photos-block .list-photos-block-header p { color: white; padding: 10px 0 15px; margin: 0; background: url("images/line-dotted.png") left bottom repeat-x; } .list-photos-block .list-photos-block-footer { width: 100%; text-align: center; background: url("images/line-dotted.png") left top repeat-x; padding-top: 20px; } .ie7 .list-photos-block .list-photos-block-header, .ie7 .list-photos-block .list-photos-block-footer { width: 988px; } .list-photos-category { padding-top: 20px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Single -------------------------------------------------------------------------------------------------------------------------------- */ /* Single: Menu card */ .single-menucard { width: 100%; } .single-menucard .post { width: 100%; position: relative; } .single-menucard .post-image { width: 100%; background-position: center 50px; min-height: 100px; } .single-menucard .post-content { width: 100%; text-align: justify; padding: 0 0 4px 0; background: url("images/line-dotted-double.png") left bottom repeat-x; } .single-menucard .post-content p { margin-top: 10px; line-height: 20px; } .single-menucard .post-description { width: 100%; text-align: left; font-family: "ASAP" !important; font-size: 20px; clear: both; /*margin: 0 0 30px;*/ text-indent:-12000px; } .single-menucard .post-image { width: 988px; margin-bottom: 20px; } .single-menucard .post-image, .single-menucard .post-image img, .single-menucard .post-image span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Other -------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------- Other: Pagination -------------------------------------------------------------- */ .pagination { float: left; width: 100%; padding: 30px 0 0; } .pagination .prev { float: left; } .pagination .next { float: right; } /* -------------------------------------------------------------- Other: Button -------------------------------------------------------------- */ /* Button: Default Button */ button, .button a, button.button-standard, .button-standard a, button.standard, .standard a, #respond #comment-submit, .page-full #respond #comment-submit, #respond #comment-submit, .comments .reply a, a#cancel-comment-reply-link { float: left; width: auto; padding: 5px 15px; margin: 10px 0; font-family: "ASAP", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: white; background-image: url("images/bg-button.png"); background-position: left top; background-repeat: repeat-x; border: none; outline: none; text-shadow: -1px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } button:hover, .button a:hover, button.button-standard:hover, .button-standard a:hover, button.standard:hover, .standard a:hover, #respond #comment-submit:hover, .page-full #respond #comment-submit:hover, #respond #comment-submit:hover, .comments .reply a:hover, a#cancel-comment-reply-link:hover { color: white; background-position: left bottom; cursor: pointer; text-shadow: 0 0 3px rgba(255,255,255,0.5); } /* Button: Sizes */ .button.small a, button.small, .button-standard.small a { font-size: 11px; padding: 3px 12px; } .button.medium a, button.medium, .button-standard.medium a { font-size: 13px; padding: 5px 15px; } .button.large a, button.large, .button-standard.large a { font-size: 16px; padding: 7px 20px; } /* Button: Alignment */ .button.left a, button.left { float: left; margin: 5px 10px 5px 0; } .button.center a, button.center { display: block; text-align: center; padding: 15px 0; clear: both; } .button.right a, button.right { float: right; margin: 5px 0 5px 10px; } /* -------------------------------------------------------------- Other: Socials -------------------------------------------------------------- */ .socials li { display: inline; width: 35px; height: 50px; } .socials a { display: block; width: 35px; height: 50px; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; } .socials a:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .socials .rss a { background-image: url("images/icons/icon-rss.png"); background-position: center center; background-repeat: no-repeat; } .socials .rss a:hover { background-color: #C26030; } .socials .twitter a { background-image: url("images/icons/icon-twitter.png"); background-position: center center; background-repeat: no-repeat; } .socials .twitter a:hover { background-color: #0067c8; } .socials .facebook a { background-image: url("images/icons/icon-facebook.png"); background-position: center center; background-repeat: no-repeat; } .socials .facebook a:hover { background-color: #3b5998; } .socials .linkedin a { background-image: url("images/icons/icon-linkedin.png"); background-position: center center; background-repeat: no-repeat; } .socials .linkedin a:hover { background-color: #0073b2; } .socials .googleplus a { background-image: url("images/icons/icon-googleplus.png"); background-position: center center; background-repeat: no-repeat; } .socials .googleplus a:hover { background-color: #b93115; } .socials .flickr a { background-image: url("images/icons/icon-flickr.png"); background-position: center center; background-repeat: no-repeat; } .socials .flickr a:hover { background-color: #c5376d; } .socials .vimeo a { background-image: url("images/icons/icon-vimeo.png"); background-position: center center; background-repeat: no-repeat; } .socials .vimeo a:hover { background-color: #0b9abe; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Form -------------------------------------------------------------------------------------------------------------------------------- */ /* Form: Form Elements */ label, .form label { float: left; padding: 5px 0; } input, .form input, textarea, .form textarea { float: left; font-family: "ASAP", Arial, Helvetica, sans-serif; background-color: rgba(0,0,0,0.15); padding: 8px 10px; clear: both; border: 1px solid; border-top-color: rgba(0,0,0,0.2); border-left-color: rgba(0,0,0,0.2); border-bottom-color: rgba(255,255,255,0.08); border-right-color: rgba(255,255,255,0.08); color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } input:focus, .form input:focus, textarea:focus, .form textarea:focus { outline: none; -moz-box-shadow: 0 0 10px rgba(255,255,255,0.2); -webkit-box-shadow: 0 0 10px rgba(255,255,255,0.2); box-shadow: 0 0 10px rgba(255,255,255,0.2); } .ie7 input, .ie8 input, .ie7 .form input, .ie8 .form input, .ie7 textarea, .ie8 textarea, .ie7 .form textarea, .ie8 .form textarea { background: transparent url("images/bg-overlay-dark-25.png") left top repeat; border: none; } /* Form: Blocks */ .form { float: left; width: 100%; } .form fieldset { margin: 0; padding: 0; } .form .form-content { width: 100%; background: url("images/line-dotted.png") left bottom repeat-x; padding: 0 0 20px; } .form .form-block { width: 100%; margin: 0 0 20px; clear: both; background: url("images/line-dotted.png") left top repeat-x; } .form .form-block.first { background: none; } .form .buttons { width: 100%; margin: 0; padding: 0; } .form .buttons button { margin: 0; } .form .form-header { width: 100%; text-align: center; margin-bottom: 10px; } .form .form-header h2 { padding: 15px 0; background: url("images/line-dotted.png") left bottom repeat-x; } .form .input-box { position: relative; width: 316px; margin-right: 20px; } .form .input-box-wide { position: relative; width: 100%; margin-top: 10px; } .form .input-box-quick { position: relative; width: 100%; margin-top: 5px; } .form .input-box.last { margin-right: 0; } .form .input-box input { float: left; width: 294px; } .form .input-box textarea, .form .input-box-wide textarea { float: left; width: 966px; } /* Form: Required */ .form .required-star { float: left; color: white; padding: 5px 5px; } .form .required-star-info { float: right; font-size: 11px; color: white; } /* Form: Loading */ .form .loading { float: left; padding: 0 20px; height: 27px; } .form .loading img { float: left; padding: 2px 0; } .form .loading span { float: left; padding: 6px 10px } /* Form: Validation - Error */ .form input.error, .form textarea.error { border: 1px solid #89D2F5; } .form label.error { position: absolute; right: 0; top: 2px; background: #89D2F5; color: #000; padding: 3px 8px; z-index: 10; } /* Form: Validation - Success */ .validation-success { float: left; margin: 20px 0 0; width: 984px; border: 2px solid white; } .validation-success h4 { color: white; padding: 15px 20px; margin-bottom: 0; } /* Form: Widgets */ .form-widget .form-block { margin: 0; padding: 0; background: none; } .form-widget label.error { display: none !important; } .form-widget .buttons { width: 100%; margin: 5px 0 0; padding: 0; } .form-widget .validation-success-quick h4 { font-family: "ASAP" Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px; color: white; } .form-widget .loading { float: right; padding-right: 0; } /* Form: Datepicker */ .ui-datepicker { width: 316px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Comments -------------------------------------------------------------------------------------------------------------------------------- */ /* Comments: List */ .comments { width: 100%; clear: both; } .ie7 .comments .comments-container { margin-bottom: 25px; } .comments h3 { margin: 0; padding: 0; font-family: "ASAP" !important; font-weight: normal; } .comments .comment { float: left; width: 100%; margin: 10px 0 0; padding: 15px 0 0; position: relative; background: url("images/line-dotted.png") left top repeat-x; } /* Comments: Depths */ .page-left .comments .comment .depth-2 .comment-author, .page-left .comments .comment .depth-2 p { padding-left: 70px; width: 646px; } .page-left .comments .comment .depth-3 .comment-author, .page-left .comments .comment .depth-3 p { padding-left: 140px; width: 576px; } .page-left .comments .comment .depth-4 .comment-author, .page-left .comments .comment .depth-4 p { padding-left: 210px; width: 506px; } .page-left .comments .comment .depth-5 .comment-author, .page-left .comments .comment .depth-5 p { padding-left: 280px; width: 436px; } .page-right .comments .comment .depth-2 .comment-author, .page-right .comments .comment .depth-2 p { padding-left: 70px; width: 646px; } .page-right .comments .comment .depth-3 .comment-author, .page-right .comments .comment .depth-3 p { padding-left: 140px; width: 576px; } .page-right .comments .comment .depth-4 .comment-author, .page-right .comments .comment .depth-4 p { padding-left: 210px; width: 506px; } .page-right .comments .comment .depth-5 .comment-author, .page-right .comments .comment .depth-5 p { padding-left: 280px; width: 436px; } .page-full .comments .comment .depth-2 .comment-author, .page-full .comments .comment .depth-2 p { padding-left: 70px; width: 918px; } .page-full .comments .comment .depth-3 .comment-author, .page-full .comments .comment .depth-3 p { padding-left: 140px; width: 848px; } .page-full .comments .comment .depth-4 .comment-author, .page-full .comments .comment .depth-4 p { padding-left: 210px; width: 778px; } .page-full .comments .comment .depth-5 .comment-author, .page-full .comments .comment .depth-5 p { padding-left: 280px; width: 708px; } .comments p.logged-in-as, .comments p.comment-form-comment, .comments p.form-allowed-tags, .comments p.form-submit, .comments form p { padding: 5px 0 0 !important; float: left; clear: none !important; } .comments p.form-allowed-tags { float: left; margin: 10px 0; font-size: 11px; background: url("images/icons/icon-info.png") left 3px no-repeat; padding: 0 0 0 25px !important; } .comments .comment-author .fn { font-family: "ASAP" !important; font-size: 18px; } .comments .comment-author .fn a { background-image: none; } .comments .comment-author .fn a:hover { color: white; } .comments .comment-author .says { display: none; } .comments .avatar { float: left; border: 3px solid white; margin-right: 20px; } .comments .comment-meta { float: left; margin-top: 4px; font-size: 11px; } .comments .comment p { float: left; padding: 10px 0 0 0; clear: both; } .comments .reply { position: absolute; right: 0; top: 15px; } .comments .comment-awaiting-moderation { color: white; font-weight: bold; } .comments .be-first { margin-bottom: 20px; } /* Comments: Form - Respond */ #respond { float: left; width: 100%; padding-top: 20px; margin-top: 10px; background: url("images/line-dotted.png") left top repeat-x; } #respond .required { margin-left: 5px; color: white; } #respond #reply-title small a { position: absolute; right: 0; } #respond .comment-notes { float: left; width: 100%; margin-bottom: 10px; } #respond .comment-form-email { margin-right: 0; } #respond .comment-form-comment { float: left; width: 100%; clear: both; padding-left: 0 !important; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url { float: left; width: 316px; margin-right: 20px; } #respond .comment-form-url { margin-right: 0; } #respond input { width: 294px; } #respond textarea { width: 966px; height: 100px; } .page-left #respond .comment-form-author, .page-left #respond .comment-form-email, .page-left #respond .comment-form-url { float: left; width: 222px; margin-right: 25px; } .page-right #respond .comment-form-author, .page-right #respond .comment-form-email, .page-right #respond .comment-form-url { float: left; width: 222px; margin-right: 25px; } .page-left #respond .comment-form-url, .page-right #respond .comment-form-url { margin-right: 0; } .page-left #respond input, .page-right #respond input { width: 200px; } .page-left #respond textarea, .page-right #respond textarea { width: 694px; height: 100px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Widget Areas -------------------------------------------------------------------------------------------------------------------------------- */ /* Widget Areas: Footer */ .widget-area-footer { background-image: url("images/bg-widget-area-footer.png"); background-position: left top; background-repeat: repeat-x; } .widget-area-footer-left, .widget-area-footer-center, .widget-area-footer-right { width: 296px; padding: 40px 0 20px; } .widget-area-footer-left, .widget-area-footer-center { margin-right: 40px; } .widget-area-footer .widget-block, .widget-area-footer .widget-content { text-align: center; } .widget-area-footer ul { list-style: none; } .widget-area-footer .post-info a { background-image: none; color: #e8bb53 !important; } .widget-area-footer .post-info a:hover { color: white !important; } .widget-area-footer .button { float: left; width: 100%; text-align: center; padding: 0; clear: both; } .widget-area-footer .button a { float: none; display: inline-block; margin: 0; font-size: 11px; } /* Widget Areas: Sidebar */ .widget-area-sidebar { width: 100%; } .widget-area-sidebar ul { list-style: none; } .widget-area-sidebar .post-info a { background-image: none; } .widget-area-sidebar .post-info a:hover { color: white; } .widget-area-sidebar .button { ma } .widget-area-sidebar .button a { font-size: 11px; padding: 3px 12px; } .widget-area-sidebar .widget-content { width: 100%; margin: 0 0 10px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Widget -------------------------------------------------------------------------------------------------------------------------------- */ .widget-block { display: block; width: 100%; margin-bottom: 20px; } .widget-title { padding: 10px 0; margin-bottom: 10px; } .widget-content { width: 100%; margin: 0 0 20px; } /* -------------------------------------------------------------- Custom Widget -------------------------------------------------------------- */ /* Custom Widget: Contact */ .widget_contact { width: 100%; } .widget_contact p { margin-bottom: 10px; } .widget_contact input, .widget_contact textarea { width: 210px; } .widget_contact .validation-success-quick { width: 228px; } /* Custom Widget: Opening Hours */ .widget_opening_hours { float: left; width: 100%; } .widget_opening_hours .day { float: left; width: 100%; padding: 4px 0; clear: both; background: url("images/line-dotted.png") left bottom repeat-x; } .widget_opening_hours .day.last { background: none; } /* Custom Widget: Reservation */ .widget_reservation { width: 100%; } .widget_reservation h4 { font-family: "ASAP" !important; font-size: 18px; margin: 5px 0 10px; padding: 0; } .widget_reservation input { width: 210px; } .widget_reservation .validation-success-quick { width: 228px; } /* Custom Widget: Testimonial */ .widget_testimonial .testimonial { float: left; width: 100%; padding-top: 20px; background: url("images/bg-testimonial-top.png") left top no-repeat; } .widget_testimonial .testimonial-content { margin: 0; font-family: "ASAP" !important; font-size: 18px; } .widget_testimonial .testimonial-author { float: right; width: 100%; text-align: right; padding-bottom: 20px; margin: 5px 0 10px; background: url("images/bg-testimonial-bottom.png") right bottom no-repeat; } .widget-area-footer .widget_testimonial .testimonial-content, .widget-area-footer .widget_testimonial .testimonial-author { text-align: center; } /* Custom Widget: Tweets */ .widget_tweets .post-content { width: 100%; } .widget_tweets .post-info { width: 100%; clear: both; font-family: "ASAP"; margin: 5px 0 10px; } .widget-area-footer .widget_tweets .post-content, .widget-area-footer .widget_tweets .post-info { text-align: center; } /* -------------------------------------------------------------- WordPress Widget -------------------------------------------------------------- */ /* WordPress Widget: Search */ .widget_search { width: 100%; } .widget_search input { width: 210px; margin: 0; } .widget-area-footer .widget_search input { width: 294px; margin: 0; } /* WordPress Widget: Recent posts */ .widget_recent_entries ul li { margin-bottom: 10px; } /* WordPress Widget: Categories */ .widget_categories .widget-title { margin: 0; } .widget_categories select { width: 100%; padding: 3px 0; } .widget_categories { display: block; width: 100%; font-family: "ASAP" !important; font-size: 18px; } .widget_categories a { display: block; padding: 8px 15px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .widget_categories a:hover { text-shadow: 0 0 3px rgba(255,255,255,0.5); color: white; } .widget_categories .children { display: none; padding: 0; } .widget_categories .children a { padding: 8px 15px 8px 25px; font-size: 16px; } .widget_categories .children a:hover { color: white; } .widget_categories .current-cat .children { display: block; } .widget_categories .current-cat-parent .children { display: block; } .widget-area-footer .widget_categories .children a { padding: 8px 15px 8px 15px; } .widget-area-footer .widget_categories li:last-child a { background-image: none; } /* WordPress Widget: Archives */ .widget_archive select { width: 100%; padding: 3px 0; } /* WordPress Widget: Nav Menu */ .widget_nav_menu { display: block; width: 100%; font-family: "ASAP" !important; font-size: 18px; } .widget_nav_menu a { display: block; padding: 8px 15px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .widget_nav_menu a:hover { text-shadow: 0 0 3px rgba(255,255,255,0.5); color: white; } .widget_nav_menu .sub-menu { display: none; padding: 0; } .widget_nav_menu .sub-menu a { padding: 8px 15px 8px 25px; font-size: 16px; } .widget_nav_menu .sub-menu a:hover { color: white; } .widget_nav_menu .current-menu-parent .sub-menu, .widget_nav_menu .current-menu-item .sub-menu { display: block; } .widget_nav_menu li:last-child a { background-image: none; } .widget-area-footer .widget_nav_menu .sub-menu a { padding: 8px 15px 8px 15px; } /* WordPress Widget: Tags */ .widget_tag_cloud a { float: left; font-size: 11px !important; text-decoration: none; padding: 5px 10px 6px; margin: 0 3px 3px 0; color: white; background-image: url("images/bg-overlay-dark-20.png"); background-position: left top; background-repeat: repeat; -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .widget_tag_cloud a:hover { text-decoration: none; color: white; background-image: none; } .widget-area-footer .widget_tag_cloud a { float: none; display: inline-block; margin-right: 0; margin-bottom: 3px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Shortcodes -------------------------------------------------------------------------------------------------------------------------------- */ /* Shortcodes: Columns */ .column { float: left; margin-bottom: 20px; } .column.left { text-align: left; } .column.center { text-align: center; } .column.right { text-align: right; } .column.alignleft { float: left; text-align: left; } .column.aligncenter { float: left; text-align: center; } .column.alignright { float: left; text-align: right; } .full { float: left; width: 100%; } /* Shortcodes: Full Page Columns */ .page-full .one-half { width: 479px; margin-right: 30px; } .page-full .one-half.last { margin-right: 0 !important; clear: none; } .page-full .one-third { width: 309px; margin-right: 30px; } .page-full .two-third { width: 648px; margin-right: 30px; } .page-full .one-third.last, .page-full .two-third.last { margin-right: 0 !important; clear: none; } /* Shortcodes: Page Columns */ .page-left .one-half, .page-right .one-half { width: 343px; margin-right: 30px; } .page-left .one-half.last, .page-right .one-half.last { width: 343px !important; margin-right: 0 !important; padding-right: 0 !important; clear: none; } .page-left .one-third, .page-right .one-third { width: 218px; margin-right: 30px; } .page-left .two-third, .page-right .two-third { width: 466px; margin-right: 30px; } .page-left .one-third.last, .page-left .two-third.last, .page-right .one-third.last, .page-right .two-third.last { margin-right: 0 !important; padding-right: 0 !important; clear: none; } .page-left .one-third.last, .page-right .one-third.last { width: 218px !important; } .page-left .two-third.last, .page-right .two-third.last { width: 466px !important; } /* Shortcodes: Featured paragraph */ .content-page p.featured { margin: 10px 0; font-family: "ASAP" !important; font-size: 20px; } /* Shortcodes: Dividers */ .divider { float: left; width: 100%; height: 1px; border-top: 1px solid rgba(255,255,255,0.1); margin: 10px 0 20px 0; } .divider-dotted { float: left; width: 100%; height: 1px; background: url("images/line-dotted.png") left top repeat-x; margin: 10px 0 20px 0; } /* Shortcodes: Alerts */ .alert-box { display: block; padding: 15px 20px; clear: both; font-size: 14px; font-family: "ASAP"; margin: 10px 0; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .alert-box.yellow { background-color: #d7cd82; color: white; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); } .alert-box.yellow a { color: white; } .alert-box.green { background-color: #508273; color: white; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); } .alert-box.green a { color: white; } .alert-box.red { background-color: #da4a57; color: white; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); } .alert-box.red a { color: white; } .alert-box.white { background-color: white; border: 1px solid #eceef2; background-image: url("images/bg-alert-dark.png"); } .alert-box.blue { background-color: #4882b4; color: white; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); } .alert-box.blue a { color: white; } .alert-box.custom { color: white; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); margin-bottom: 15px; } .alert-box.custom a { color: white; } /* Shortcodes: Blockquote */ blockquote { display: block; clear: both; border-left: 3px solid; padding: 5px 3%; font-family: 'ASAP' !important; font-size: 18px; margin: 20px 0; } /* Shortcodes: Code */ pre { display: block; padding: 0 10px; color: white; margin: 10px 0 30px 0; background: url("images/bg-pre-code.png") left top repeat-y; line-height: 22px; clear: both; overflow: auto; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- WordPress Common -------------------------------------------------------------------------------------------------------------------------------- */ /* WordPress Common: Admin Bar */ #wpadminbar { z-index: 1000 !important; } /* WordPress Common: Media Align */ .alignleft { float: left; } .aligncenter { margin: 0 auto; } .alignright { float: right; } img.alignleft { margin: 0 20px 20px 0; } img.aligncenter { margin: 20px auto; } img.alignright { margin: 0 0 20px 20px; } /* WordPress Common: Captions */ .wp-caption { font-size: 11px; text-align: center; color: white; } .wp-caption a, .wp-caption a:hover { background-image: none; background-color: transparent; } .wp-caption img { border-color: white !important; } .wp-caption.alignnone { float: left; margin: 10px 20px 10px 0; } .wp-caption.alignleft { float: left; margin: 10px 20px 10px 0; } .wp-caption.aligncenter { text-align: center; margin: 10px auto; } .wp-caption.alignright { float: right; margin: 10px 0 10px 20px; } .wp-caption-text { text-align: center; pa dding: 5px 0; } .gallery-caption { font-size: 11px; text-align: center; color: white; } .sticky { } .bypostauthor { } /**********our css starts here**********/ a.login{float:left;margin-top: 22px; background:url(../../../wp-content/uploads/2012/11/icon-login.png) no-repeat right center; padding-right:15px; font:12px/16px ;font-family: 'Cabin Sketch','cursive'; color:#ffffff;} a:hover.login {color:#E8BB53; background:url(../../../wp-content/uploads/2012/11/icon-login.png) no-repeat right center!important;} .schedule{background-image: none!important} .head_right{ float:right; text-align:right; margin-top:17px;} .head_right li{padding-left:22px;font:17px/17px 'ASAP'; color:#E8BB53; float:right;} .head_right li a{ font-family: 'Cabin Sketch','cursive';display:block; background:url(images/account_icon.gif) no-repeat left center; color:#ffffff; padding-left:25px;} .head_right li a:hover{ font-family: 'Cabin Sketch','cursive';display:block; background:url(images/account_icon.gif) no-repeat left center !important; color:#E8BB53 !important; padding-left:25px;} .head_right li.account a{font-size: 18px; color:#89d2f5; } .head_right li.cart{font-family: 'Cabin Sketch','cursive';font-size: 21px; background:url(images/cart_icon.gif) no-repeat left center; padding-left:30px; } .head_right li.cart a{background: none;padding: 0; display: inline !important;} .head_right li.cart span{ color:#e8bb53;} .content-home{margin:700px 0 0 0;background-color:#000000 !important; background-image:url(images/callout_bg.jpg);background-repeat:no-repeat;background-position:center top; height:330px;} #container,#content{/*float: left*/;width: 100%} .callouts{margin-top:56px !important} .callout-block{width:165px !important;} .callout-block h2.callout-title{line-height: 36px;font-weight:bold;font-family: 'Cabin Sketch','cursive'!important;font-size: 35px;background:none !important;} .callouts .callout-image{background-color:transparent !important; background-image:none; width:123px;margin-left: 20px;} .callout-block h2.callout-title a{background: none;} .home .widget-area-footer{background:none;position: relative;z-index: 9;} .widget-area-footer{ background-color: #231f20 !important; background-image: url("images/widget-area-footer-bg.gif");} .widget-area-footer h3{ color:#c26031; font:22px/24px 'Cabin Sketch','cursive' !important; } .widget-area-footer .button{margin-top:4px;} nav.navigation li a{font-family: 'Cabin Sketch','cursive';font-size: 19px;} #menu-main-menu li a:hover{color:#e8bb53;} nav.navigation li.current-menu-item a{color:#e8bb53!important;/*border-bottom: 5px solid;*/line-height: 18px} nav.navigation li.current-menu-item .sub-menu a{color: #fff!important;} nav.navigation li li:hover{border-bottom: 2px solid #E8BB53!important;} .current-menu-parent a{color:#e8bb53!important;border-bottom: 5px solid #e8bb53;line-height: 18px} .page-header h1{font-size:35px;background: url('images/head_bg2.png') repeat-x 0 0;font-family:'Cabin Sketch','cursive'!important; line-height: 50px;} .carousel_container{width:72%;margin: 0 auto;} #carousel{/*float: left;*/margin:-19% 0 25px 0} #carousel ul li{width:2%!important;margin-right:25px;cursor: pointer} #carousel .flex-direction-nav li a{display:none;} .widget-area-footer-right strong.left{font-family: 'ASAP',sans-serif!important;font-weight: bold} .widget-area-footer-right span.right{font-family: 'ASAP',sans-serif!important;font-weight: normal} .widget-area-footer-left .widget-content{font-family: 'ASAP',sans-serif!important;font-weight: normal} .slider_wrapper{float: left;width:100%; position:relative;} #thumb-tray{bottom: -680px!important;left:0;overflow: hidden; position: absolute; text-align: center;width:100%;/*padding: 0 20px*/} /*ul#thumb-list {position: relative;display: inline-block;padding: 0;} ul#thumb-list li{float:left;display: inline;margin-right: 15px;cursor: pointer;overflow: hidden} #thumb-tray{top:797px!important; bottom: 0!important; left:50%; margin-left:-410px; /*overflow: hidden; position: absolute; text-align: center; /*width: 100%; padding: 0 20px;}*/ ul#thumb-list {position: relative;display: inline-block;padding: 0;} ul#thumb-list li img{float:left;display: inline;margin-right: 15px;cursor: pointer;overflow: hidden; border: 2px solid #fff; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5);} ul#thumb-list li img:hover{float:left;display: inline;margin-right: 15px;cursor: pointer;overflow: hidden; border: 2px solid #E8BB53; -moz-box-shadow: 0px -2px 16px #000; -webkit-box-shadow: 0px -2px 16px #000; box-shadow: 0px -2px 16px #000; } ul#thumb-list li.current-thumb img{float:left;display: inline;margin-right: 15px;cursor: pointer;overflow: hidden; border: 2px solid #E8BB53; -moz-box-shadow: 0px -2px 16px #000; -webkit-box-shadow: 0px -2px 16px #000; box-shadow: 0px -2px 16px #000;} #thumb-back{background: url('images/bg_direction_nav.png') no-repeat;width: 30px;height: 30px;position: absolute;left: 0;top: 60px;z-index: 9;} #thumb-forward{background: url('images/bg_direction_nav.png') no-repeat -32px 0;width: 30px;height: 30px;position: absolute;right: 0px;top: 60px;z-index: 9;} /*******TOPBAR HEADER Right*********/ #shopping_cart-2{float: left;width: auto;} #shopping_cart-2 .widget-title{padding:0 90px 0 0; float: left;margin:0;font-family: 'Cabin Sketch','cursive'!important;font-size: 21px;color: #fff} #shopping_cart-2 ul{float:left;} #shopping_cart-2 ul li a{display:none;} #shopping_cart-2 ul.product_list_widget li {padding: 0;} #shopping_cart-2 ul.product_list_widget span.quantity{font-family: 'Cabin Sketch','cursive'!important;font-size: 21px;} #shopping_cart-2 ul.product_list_widget li.empty{font-family: 'Cabin Sketch','cursive'!important;font-size: 21px;} /***********SHOP PAGE***********/ #breadcrumb{display:none} #content h1{text-align: center;font-family: 'Cabin Sketch','cursive'!important;font-size: 35px;font-weight: bold;line-height: 50px;background: url('images/head_bg_new.png') repeat-x 0 0px;} .page-title{background: url('images/')} .content_layout{/*width:800px*/;/*width:988px*/;width:753px;margin:0 auto} ul.products{margin-top: 78px!important;width:100%;float:left;} ul.products li.product{width:auto!important;float:none!important;margin:0 !important;/*line-height: 22px;border-bottom: 1px solid #494647;*/} ul.products li.product a{background-image: none;} ul.products li.product h3{font-family: 'ASAP',sans-serif!important;font-weight: normal;font-size: 12px!important;color: #fff!important;margin-left: 12px!important} ul.products .cat_last h3{padding: 0;font-family: 'ASAP',sans-serif!important;font-weight: normal;font-size: 12px!important;color: #fff!important;margin-left: 12px!important} .products_box{float:left;width: 100%;margin:0} div.products_box div.product_detail_container{float: left;width: 100%} div.product div.images, #content div.product div.images {height:auto!important} div.product div.images,#content div.product div.images img{ width: 338px!important;/*border-radius:3px;*/height: 256px!important; } #content div.product div.thumbnails img{width:90px!important; height:90px!important;} div.product_page_detail div.top_section div.images div.thumbnails a{background-image:none} div.product_page_detail div.top_section div.images div.thumbnails a:hover{background:none} .products_box ul li {float: left;border-bottom: 1px solid #494647;width: 100%;} .products_box ul li a img{border: 5px #000 solid; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); float: left; margin: 45px 24px 0 0; width: 100px;height: 70px;/*border-radius: 3px;*/} .products_box ul li a h3{padding: 0;clear: none; margin: 46px 0 0 0;float: left;color: #e8bb53;font-size: 21px;font-weight: bold;font-family: 'Cabin Sketch',sans-serif!important;} .products_box ul li span.price{float: right;width:4%;margin: 46px 0 0 0;color: #e8bb53;font-size: 14px;font-weight: bold;font-family: 'Cabin Sketch',sans-serif; /*text-indent:-12000px;*/} .left_content{float: left;width: 95%;} .item_description{float: left;width:75%;padding-top: 12px;} .item_description p{font-size:12px;font-family: 'ASAP',sans-serif;font-weight: normal;margin: 0 0 22px 0} .option_btn{float:left;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;background-color: #C26030;font-size: 11px;font-family: 'ASAP',sans-serif;padding: 10px 23px;font-weight: bold;margin: 0 0 29px 0;background-image: url('images/bg-button.png')!important;background-position: left top!important} .item_description a {background-color: #C26030;background-position: left bottom} .item_description a:hover{background-color: #C26031;background-position: left bottom} .products_box .product h2{font-family: 'Cabin Sketch','cursive'!important;font-size: 35px;font-weight: bold; padding: 35px 0;} div.term-description{display: none;} .cat_description{margin: 20px 0 23px 6px;font-size: 12px;font-family: 'ASAP',sans-serif;font-weight: normal} .shop_menu{width: 16%!important} nav.navigation-menucard li.cat_last a{border-bottom: none;} .woocommerce_message:before{background:url('images/right.jpg') no-repeat 0 0!important;width: 23px!important;height: 28px!important;} .woocommerce_message{color: #fff!important;text-shadow:none!important;background: none!important;box-shadow: none !important;font-family: 'Cabin Sketch',sans-serif;font-weight:bold;font-size: 18px;} .woocommerce_message a{background:#89D2F5!important;border:none!important;color: #000000!important;float: right!important;font-size:12px!important;padding: 10px 30px!important} .woocommerce_error,.woocommerce_info{font-weight: bold;font-family: 'Cabin Sketch',sans-serif;font-size: 15px;color: #fff!important;text-shadow:none!important;background: none!important;box-shadow: none !important;padding-top: 11px!important;} /**************Login Page*****/ .col2-set .col-1,.col2-set .col-2{width:auto; margin-top: -50px;padding-top: 50px;} form.login,form.register{border:none!important;width: 300px} form.login, form.checkout_coupon, form.register {padding: 0!important} form.login{float:left} form.register{float:right;margin-top: 18px!important} .form-row label{color:#e8bb53;font-size: 14px;font-family: 'ASAP',sans-serif;font-weight: normal;margin-bottom: 11px;} .login .input-text_container,.register .input-text_container{float: left;width: 100%;background: #f7f9fa;padding: 5px 4px;border-radius: 3px;} .login .input-text,.register .input-text{border:1px solid #d2d9dc; background: #fff;color: #444444;font-size: 12px;font-family: 'HelveticaNeue','Arial'} .form-row-last .lost_password{float: right;color: #7ec1e1;font-size: 11px;font-family: 'ASAP',sans-serif;background-image: none} .form-row .login_btn,form.register .register_btn{clear:none;background-color:#C26030; border: none;color: #fff;padding: 10px 25px;float: right;background-image: url("images/bg-button.png") !important;background-position: left top !important;} .form-row .login_btn:hover,.register_btn:hover{background-color:#C26030!important;background-position: bottom;} form .form-row-first{width:95%!important} form .form-row-last{float: left!important;width:95%!important} .content{background-color: #231f20!important;} .remeber_me{float: left} .remeber_me input{float:left;margin-top:8px;} .remeber_me label{float:left;color:#73afcb;font-size: 11px;} .page-id-51 .rail-left {/*display: none;*/} .page-id-51 .rail-content{/*width: auto;*/float: none; margin: 0 auto;width: 85%;} #customer_login h2{font-family: 'Cabin Sketch','cursive'!important;font-size: 20px;font-weight: bold;padding: 0;margin: 0} .content-page{padding: 0;} form.register .form-row .required{color: #e8bb53} form.register p{margin-bottom: 16px!important} form.register .button{float: right} #customer_login{/*background-image: url('images/login_page_bg.png');background-repeat: repeat-y;background-position:center;*/} #customer_login .col-2{background-image: url('images/login_page_bg.png');background-repeat: repeat-y;background-position:left} #customer_login .col-2 h2{margin-left: 29%} .page-id-51 .content-container{margin-bottom: 0} .page-id-51 .page-left{padding: 0;} div.addresses{padding-bottom: 20px;} .col2-set .col-2 {float: right; width: 37%} .employee_login{margin: 0 auto;width: 50%;} ul.woocommerce_error{/*margin-top:-68px;*/} /***********Contact US Page*************/ .map_box{float:left;margin: 20px -130px 70px 0;} .map_box ul li{float:left;margin: 0 15px 35px 0;width: 90%; height: auto;} .map_box li.map_box_last{margin-right: 0;} .form .form-header h2 {background: none;font-family: 'Cabin Sketch','cursive'!important;font-size: 35px;font-weight: bold;padding: 0} /*******Product Page*******/ div.product div.summary {width: 100%!important;} div.product .product_title, #content div.product .product_title{line-height: 80px;} .product_title span.amount{margin-left: 23px;background-color: #c5683c;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:4px;} .product_page_detail{float: left;width: 100%;} .top_section{/*border-bottom: 1px solid #5a5758;border-top:1px solid #5a5758;*/padding: 40px 0;float: left;width: 100%} .product_page_detail_right{float: left;margin-left:4%;width: 48%;} .product_page_detail_right h3{color:#e8bb53;font-size:21px;line-height: 28px;font-family: 'Cabin Sketch',sans-serif!important;font-weight: bold} .product_page_detail_right p{font-size:12px;line-height: 18px;font-family: 'ASAP',sans-serif;color: #fff} .product_page_detail div.images{margin-bottom: 0!important;} .woocommerce_tabs{display:none} .related{float: left;margin-bottom: 118px;width: 100%} .related h2{font-size:16px;line-height: 18px;font-family: 'Cabin Sketch',sans-serif!important;color: #fff;padding: 0;} .related ul.products2{margin-top: 33px;width: 100%} .related ul.products2 li{/*float: left;*/border: none;width: 49%!important} .related ul.products2 li.first{float:left} .related ul.products2 li.last{float:right} .related ul.products2 li a img{width: 82px!important;height: 58px!important;float: left;margin-right: 27px; /*border-radius: 3px;*/ border: 5px #000 solid; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);} .related ul.products2 li a{background-image: none;} .related ul.products2 li a:hover{background-image: none;background:none;} .related ul.products2 li .item_description a{background-color: #C26031} .related ul.products2 li .item_description a:hover{background-color: #C26030} .related ul.products2 span.price{display:none} .related ul.products2 a{/*float:left*/} .related ul.products2 h3{clear:none;/*float: left*/;color:#e8bb53;font-size:14px;line-height: 16px;font-family: 'ASAP',sans-serif!important;font-weight: bold;padding:0;margin:0} .related ul.products2 li .item_description{width: 68%} .price_box{float: left;margin-top: 33px;width: 100%;} .price_box.list_price p {color:#e8bb53;font-size:16px; line-height: 16px;font-family: 'Cabin Sketch',sans-serif!important;font-weight: bold} p.sale_price{float:left;font-family: 'ASAP',sans-serif;font-size: 12px;line-height: 18px;color:#c5683c} .sale_price ins{text-decoration: none} .list_price del,.product_title del{text-decoration: none} .sale_price del{display:none} .list_price ins,.product_title ins{display:none} .shipping_message{float:left;font-family: 'ASAP',sans-serif;font-size: 12px;line-height: 18px;margin-top: 23px;} .selections{float:left;width:100%;margin-top: 27px;} .quantity_container{float:left; width:auto;margin-right: 15px;} span.onsale{display:none} .add_to_cart_button{clear:none; float: right;font-size: 22px;font-family: 'Cabin Sketch','cursive';border: none;cursor: pointer;background-image: url('images/cart_icon.gif');background-position: left center;background-repeat: no-repeat;padding-left: 20px;background-color: #231f20;} form.cart2{float: left;} .selections .edit_quantity{width: 50px;text-align: center;background-color: #fff;color:#231f20;padding: 0;height: 30px; font-weight:bold; } .selections label{font-family: 'ASAP',sans-serif;font-size: 12px;line-height: 14px;color:#fff;padding: 10px 4px 0 ;width:100%;} .shop_attributes select{margin-left: 12px;float: left} .summary span.from{display:none} .selectbox_container{float:left;} .selectbox_container select option.select-last{border: none!important} /***14-dec-2012**/ .drop1{float:left;height:auto!important;width: auto!important; background: url("images/new_select.png") no-repeat left -2px;border-radius:2px;margin:3px 3px 0 0!important; background: #c2643d url("images/new_select.png") no-repeat left 0px\9;} .styled-select{float:left; width: auto;height: 30px;overflow: hidden;background: url("images/select_bg1.png") no-repeat right 0;position: relative;border-radius:2px} .styled-select select {width:125%!important;color:#fff; background:transparent; padding: 7px 0 0 10px;border: none;height: 30px; -webkit-appearance: none; color:#000000\9; padding-bottom:6px\9;} .styled-select .select_arrow{position: absolute;right: 4px;top:4px;z-index:9} .styled-select select option{background-color: #323333;padding-left: 5px; background:none;} @media screen and (min-width:0\0) { .styled-select select option{background-color: #323333;padding-left: 5px; background:none;} } @media screen\9 { .drop1{background:none;} .styled-select{background:none; overflow:visible; width:40%;} } /*** .styled-select{float:left; width: 132px;height: 30px;overflow: hidden;background: url("images/select_bg.gif") no-repeat;position: relative;} .styled-select select {width:155px!important;color:#fff;background: transparent;padding: 5px;border: none;} ****/ /*****Cart Page *******/ table.cart td.actions .coupon .input-text, #content table.cart td.actions .coupon .input-text { margin: 0 5px 0 0 !important; padding: 7px !important; width: 110px!important; } .woocommerce-cart .rail-left{display: none} .woocommerce-cart .rail-content{width: 100%;margin: 0;} .page-id-49 .rail-left{/*display:none*/} #payment ul.payment_methods{padding:16px 0!important;border: none!important} /*#payment .payment_methods .payment_method_bacs{margin-top:10%} #payment .payment_methods .payment_method_cheque{margin-top:60px}*/ #payment .payment_methods .payment_box{margin-top:30px} div.cart_totals table{float:right} div.cart,div.shop_table{display: none;} /***Checkout Page**/ form.checkout ul.woocommerce_error{width:93%} form .form-row .input-checkbox{margin:6px 8px 0 0!important} .woocommerce-checkout .rail-left{display: none} .woocommerce-checkout table.shop_table td.product-quantity {text-align: left} .woocommerce-checkout .rail-content{margin: 0 auto;width: 716px;float: none;} .chzn-container .chzn-results li {color:#000} .login_box{margin:0 auto;width:50%} form.checkout{float:left;width:100%} form.checkout label{color: #C26031;} form.checkout label .required{color: #fff} #customer_details .col-1 p,form.checkout #customer_details .col-2 p{margin: 0} /*#customer_details .col-1 p input{width: 100%;}*/ #customer_details #billing_company,form.checkout #customer_details #shipping_company{width: 97%} #customer_details label{margin-bottom: 5px} #customer_details .col-1,#customer_details .col-2{width: 45%} #billing_address_2_field label,#shipping_address_2_field label{display: none;} #billing_address_2_field input,#shipping_address_2_field input{margin-top: 5px} /*Footer*/ .home .footer{position: relative; z-index: 9;} footer.footer{ background:#181516 url(images/footer_bg.gif) repeat-x 0 top !important; } footer.footer .copyright{font:12px/16px;font-family: 'ASAP',sans-serif; color:#fff} /****Grub****/ .post-content .post-header h3{font-family: 'Cabin Sketch',sans-serif!important } /*****Page Extras *******/ .loc-details { float: left; width: 235px; } .page-map { float: right; } .page-map iframe { width: 750px !important; } .divide { color: #201C1D; } /*****Extras *******/ .callouts .callout-image .image { border: none !important; } .form-head { float: left; margin-bottom: 10px; } wpcf7-form-control-wrap input { float: left !important; display: inline-block !important; padding-right: 20px !important; } img.image.right { margin: 20px 10px 0 0 !important; } .post-price.right { color: #e8bb53 !important; font-size: 14px !important; } .tapcam { float: left; display: inline-block; margin: 0 20px 60px 0; border: 3px solid #fff; width: 465px; height: 347px; } .tapcam p { font-family: "Cabin Sketch", Helvetica, sans-serif; color: #FFF; text-align: center; font-size: 16px; margin-top: 12px; } /******Club Members****/ div.wpcf7 p{width:32%;float:left;margin: 0 0 30px 0;} .form-head{float: none;color:#C26031;} .wpcf7-form-control-wrap{margin-top: 5px;float: left;} .wpcf7-form-control-wrap textarea{ float: left;font-family: "ASAP",Arial,Helvetica,sans-serif;width: 70%;font-size: 14px;height: 96px} div.wpcf7-response-output{float:left/*margin:55px 0 0 0!important;*/} .wpcf7-form span.drop{margin:0 0 10px 0;height: 28px;} span.drop .wpcf7-form-control-wrap{width:100%} .wpcf7-form-control-wrap .newListSelected .SSContainerDivWrapper ul.newList{padding: 0;} .wpcf7-form .state .newListSelected .SSContainerDivWrapper ul.newList{height: 200px!important;overflow: scroll;} /*****Retail Form*******/ span.retail .wpcf7-form-control-wrap textarea{float: left;font-family: "ASAP",Arial,Helvetica,sans-serif;width: 140%;font-size: 14px;height: 96px} /*****Weekly schedule****/ .page-id-128 .rail-left{display: none} .page-id-128 .rail-content{width: 100%} .ws-schedule table{width:100%!important} .ws-schedule tr.topheader {color: #000;} .ws-schedule th.rowheader{color: #000;} form .form-row textarea{box-shadow: none; display: block; height: 7em!important; line-height: 1.5em;} .drop_country{ clear: left; margin:0 0 14px !important; } .drop_country .SSContainerDivWrapper{ width:83%!important; } .drop_country .SSContainerDivWrapper ul{ height:200px!important; /* 353931033 //sushil_1348744588_per@gmail.com */ } .submit_club_member{ clear: both; } .woocommerce_message, .woocommerce_error, .woocommerce_info { padding-top: 0.99em !important; text-transform: uppercase !important; } a.button, button.button, input.button, #respond input#submit, #content input.button { font-family: "ASAP", sans-serif !important; } a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt, #content input.button.alt { background: -moz-linear-gradient(center top , #C26031 0%, #C26030 100%) repeat scroll 0 0 transparent !important; } .stylish-select .selectedTxt { padding: 0 0 0 8px !important; } .stylish-select ul.newList a { padding: 5px 3px 3px 8px !important; } .wpcf7-form-control .wpcf7-submit { color: #E8BB53 !important; } div.wpcf7 { margin: 30px 100px 0 0 !important; } #payment div.form-row { border-top: none !important; } div.product div.images img, #content div.product div.images img { border: 5px #000 solid !important; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) !important; } p.form_submit input { background: #89D2F5 !important; color: #000!important; width: 100px!important; margin: 50px 0 0 340px !important; font-size: 12px!important; font-weight: bold!important; text-transform: uppercase!important; } p.form_submit_2 input { background: #E8BB53 !important; color: #000!important; width: 100px!important; margin: 99px 0 0 170px !important; font-size: 12px!important; font-weight: bold!important; text-transform: uppercase!important; } .checkout-button { margin-top: 10px !important; } a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt, #content input.button.alt { border: none !important; } table.shop_table td { border-top-color: #1b1819 !important; border-width: 9px !important; padding-top: 14px !important; } table.cart td.actions, #content table.cart td.actions { padding: 20px 10px 10px 14px !important; } table.shop_table { border: #1b1819 !important; } ul#shipping_method { width: 130px !important; } ul#shipping_method label, ul#shipping_method.form label { padding: 0 0 10px 23px; } form .form-row:after { margin-bottom: 15px !important; } #fancybox-close:hover { background: #e8bb53 !important; } .footer.left{.float:none;} .head_right{.width:345px;} .employee_login form .form-row input.input-text{.width:92%;} #shopping_cart-2 ul li{.margin-top:-10px; .position:relative;} ul#shipping_method li {margin-left:-155px !important;} .cart-collaterals .cart_totals {width:25% !important;} .cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th {padding-left:150px !important; border-top: #191919 10px solid !important;} .quantity, #content .quantity {margin-left: 0 !important;} .woocommerce_message:after, .woocommerce_error:after, .woocommerce_info:after { /*margin-top: 45px !important;*/ } .page-id-49 .woocommerce_info{float:left;width:100%} form.checkout_coupon{border:none!important;float:left;width:100%;} form.checkout_coupon p{width: 15%!important;margin:0} form.login .form-row .required{color:#E8BB53!important} /****24dec***/ .back_shop{float: right;width:auto;clear:right;margin-top: 10px;text-align: left;font-family:"Cabin Sketch", Helvetica, sans-serif; font-size: 14px;} .back_shop_cart{float: none;width:auto;clear:right;margin-top: 10px;text-align: left;font-family:"Cabin Sketch", Helvetica, sans-serif; font-size: 14px;} .back_shop a{text-decoration: none;border: none!important;background-image:url('images/back-shop.png');background-repeat: no-repeat ;background-position:left;padding: 0 10px 0 20px;} .back_shop a:hover{background-color: #231F20;background-image:url('images/back-shop.png')!important;background-repeat: no-repeat ;background-position:left;padding: 0 10px 0 20px;} .back_shop_cart a{text-decoration: none;border: none!important;background-image:url('images/back-shop.png');background-repeat: no-repeat ;background-position:left;padding: 0 10px 0 20px;} .back_shop_cart a:hover{background-color: #231F20;background-image:url('images/back-shop.png')!important;background-repeat: no-repeat ;background-position:left;padding: 0 10px 0 20px;} .coupon .back_shop{float: none;} .woocommerce-checkout p.woocommerce_info{float: left;width: auto;} form.checkout .col-2,form.checkout .col-1{margin: 0} div.product p.stock, #content div.product p.stock {display:none !important;} a.lost_password {margin: 0 0 0 12px;} .content-page-container ol {margin: 0 0 10px 25px;} .content-page-container ol li {line-height: 21px; margin: 0 0 12px 0} div.wpcf7-response-output{margin: 55px -90px 49px 170px !important;} div.wpcf7-validation-errors{border: 2px solid #E8BB53 !important; border-radius: 3px!important;} div.wpcf7 img.ajax-loader {width: 20px !important; height: 20px !important; margin: -50px 0 0 300px !important;} span.wpcf7-not-valid-tip { background: none repeat scroll 0 0 transparent !important; border: 1px solid #89D2F5 !important; left: 0 !important; padding: 2px 0 2px 5px !important; position: absolute; top: 15% !important; width: 211px !important; font-family: "ASAP", Helvetica, sans-serif !important; font-weight: bold; } .alert-box.custom {background: #222222 !important; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) !important;} div.product form.cart .button, #content div.product form.cart .button {margin: 0 20px 0 0 !important;} a.button, button.button, input.button, #respond input#submit, #content input.button {background: #89D2F5 !important; color: #000 !important;} table.cart a.remove, #content table.cart a.remove {/*background: url('http://www.pizzaport.com/wp-content/uploads/2012/12/remove-prod.png') no-repeat transparent !important;*/} .product_page_detail_right div.wpcf7 { width: 550px; margin: 0 auto; } .product_page_detail_right div.wpcf7 .form input, textarea, .form textarea { width: 215px; } .product_page_detail_right div.wpcf7 p { float: left; margin-bottom: 30px; margin-left: 0; margin-right: 0; margin-top: 20px; width: 50%; } .product_page_detail_right .drop { height: 0; /*float: none !important;*/ } .product_page_detail_right span.drop .wpcf7-form-control-wrap { width: 48% !important; } .product_page_detail_right .selectedTxt { font-size: 13px !important; } .product_page_detail_right p input.wpcf7-form-control.wpcf7-submit { background: #E8BB53 !important; margin-top: 100px !important; width: 120px; color: black; font-weight: bold; } #woocommerce-tabs{ display:none !important;} .related products ul li a img { border: 5px solid #000000; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); float: left; height: 58px !important; margin-right: 27px; width: 82px !important; } img { max-width: 100%; } /*changes*/ .woocommerce-breadcrumb{display:none;} .shipping-calculator-button{display:none;} #reviews{display:none;} .woocommerce-tabs{display:none;} .woocommerce .related ul.products li.product img{ border: 5px solid #000000; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); float: left; height: 58px!important; margin-right: 27px; width: 82px!important;} /*page wide*/ .content-container-wide { width: 1280px; height: auto; padding: 0; margin: 0 auto; } .page-wide { width: 1280px; height: auto; } .mg-video-showcase .mg-thumbs ul li { background: none !important; } .list-photos-block .list-photos-block-header h2 { font-family: "Cabin Sketch" !important; } .mg-image-showcase .showcase-image, .mg-image-showcase .mg-thumbs.mg-tencol ul li { background: none !important; border: none !important; } .cart_list .product_list_widget ul li a { display: none; } .widget_shopping_cart_content p { display: none; } #shopping_cart-2 ul { display: inline !important; float: right !important; margin: -16px 30px 0 !important; } li.empty { display: none !important; }