/* Theme Name: Bachus - minimal Theme URI: http://synesteth.com/ledge Description: Modern theme for your business Author: Synesthete Author URI: http://synesteth.com Version: 1.0 License: License URI: license.txt Tags: light, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, theme-options */ /* -------------------------------------------------- :: Global Reset & Standards by Eric Meyer -------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5% } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } @font-face { font-family: 'fontello'; src: url('inc/sfonts/fontello.eot'); src: url('inc/sfonts/fontello.eot?#iefix') format('embedded-opentype'), url('inc/sfonts/fontello.woff') format('woff'), url('inc/sfonts/fontello.ttf') format('truetype'), url('inc/sfonts/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } button, input[type="submit"] { cursor: pointer; font-weight: normal; } body { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; position: relative; overflow-x: hidden; -webkit-font-smoothing: antialiased; } /* -------------------------------------------------- :: Links -------------------------------------------------- */ a { color: #ac7575; text-decoration: none; line-height: inherit; } a:hover { color: rosybrown } table { width: 100%; margin: 0 0 18px; } .wg table th, .wg table td { padding: 5px 0 } /* -------------------------------------------------- :: Typography -------------------------------------------------- */ h1, h2, h3, h3, h4, h5, h6 { font-weight: bold; line-height: 1.25; margin-bottom: 20px; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit } h1 { font-size: 28px } h2 { font-size: 30px } h3 { font-size: 21px } h4, .post-title { font-size: 18px } .post-title { margin: 5px 0 10px } h5 { font-size: 16px } h6 { font-size: 14px } h1, h2, h3, h4, h5, h6, #menu a, #menu-carousel .menuthumb, .tax_tabs, #menu-price-single, .menu-price, #wp-calendar caption, #wp-calendar thead { font-family: Georgia, 'Abril Fatface', sans-serif; font-weight: 300; } .button { font-family: 'Open Sans', sans-serif; font-weight: 600; } p { line-height: 1.6; margin: 0 0 20px; } p:empty { margin-bottom: 0; line-height: 1; } p img { margin: 0 } /* Mobile */ @media handheld, only screen and (max-width: 767px) { body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; } } /* end Mobile */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 85%; line-height: inherit; font-style: italic; } ins { text-decoration: none } /* Blockquotes */ blockquote, blockquote p { line-height: 20px; color: #777; } blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020" } blockquote cite a, blockquote cite a:visited { color: #555 } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; } abbr, acronym { text-transform: uppercase; color: #222; cursor: help; } abbr { float: left; margin-right: 2px; text-transform: none; } ol, ul { list-style: none } #content ul { list-style: inside disc } #content ol { list-style: inside decimal } /* The Grid ---------------------- */ .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; } .row.collapse .column, .row.collapse .columns { padding: 0 } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -30px; } .row .row.collapse { margin: 0 } .column, .columns { float: left; min-height: 1px; padding: 0 30px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"].end { float: left } .one, .row .one { width: 8.33333% } .two, .row .two { width: 16.66667% } .twohalf, .row .twohalf { width: 20% } .three, .row .three { width: 25% } .four, .row .four { width: 33.33333% } .five, .row .five { width: 41.66667% } .six, .row .six { width: 50% } .seven, .row .seven { width: 58.33333% } .eight, .row .eight { width: 66.66667% } .nine, .row .nine { width: 75% } .ten, .row .ten { width: 83.33333% } .eleven, .row .eleven { width: 91.66667% } .twelve, .row .twelve { width: 100% } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100% } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; width: auto\9; } #map_canvas img, .map_canvas img { max-width: none!important } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1 } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both } input[type="text"], textarea { padding: 7px; border: 1px solid #dcdcdc; width: 100%; display: block; clear: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"], input[type="submit"], input[type="button"], textarea, .button, #footer-menu a, .wg li a, #topmenu li a, .sidebar-wg li a, #menu-carousel li, #menu-carousel .menuthumb img, .social li { -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } #menu .arrow, input[type="submit"], .social li a, .seal span, .flex-next, .flex-prev, #menu-carousel .menuthumb strong { -o-transition: all .4s linear; -moz-transition: all .4s linear; -webkit-transition: all .4s linear; transition: all .4s linear; } input[type="submit"], input[type="button"] { position: relative; display: inline-block; color: #fff; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4); font-size: 14px; outline: none; line-height: 1em; padding: 7px 13px; cursor: pointer; border: 1px solid #323232; margin: 0 0.1em 1.5em 0; vertical-align: middle; background: #444444; border-radius: 4px; background: -webkit-gradient(linear, left top, left bottom, from(#6c6c6c), to(#444444)); background: -webkit-linear-gradient(top, #6c6c6c, #444444); background: -moz-linear-gradient(top, #6c6c6c, #444444); background: -ms-linear-gradient(top, #6c6c6c, #444444); background: -o-linear-gradient(top, #6c6c6c, #444444); -pie-background: linear-gradient(#6c6c6c, #444444); } input[type="submit"]:hover, input[type="button"]:hover { background: #575757; background: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#575757)); background: -webkit-linear-gradient(top, #8d8d8d, #575757); background: -moz-linear-gradient(top, #8d8d8d, #575757); background: -ms-linear-gradient(top, #8d8d8d, #575757); background: -o-linear-gradient(top, #8d8d8d, #575757); -pie-background: linear-gradient(#8d8d8d, #575757); } /* ================================================ =========================== LAYOUT CONTAINER === */ #mighty-wrapper.boxed { margin: 30px auto; max-width: 100%; min-width: 768px; width: 940px; box-shadow: 0 0 5px -2px rgba(0,0,0,.1); } #container { margin: 0 auto; position: relative; clear: left; overflow: hidden; border-top: 1px solid #eee; z-index: 3; } #main { padding: 30px 0 } /* ================================================ ============================ HEADER/TOP AREA === */ #mighty-wrapper { background: white } header { position: relative } header .row { position: relative; padding: 30px 0; } #mighty-wrapper.boxed header:before { visibility: hidden } #toparea { position: relative; padding: 0; } #mighty-wrapper.boxed #toparea { top: -1px } #phonearea { float: right; line-height: 1; padding-left: 30px; } #phonearea span { display: inline-block } header.row:before { content: ""; display: block; position: absolute; right: -16px; top: -18px; width: 17px; height: 100%; background: #f4f4f4; } .social { float: right; position: relative; z-index: 1; padding: 0px 30px; min-height: 20px; text-align: right; } #toparea .social { width: 100% } #credits .social { border: medium none; margin: 0; padding: 0; position: absolute; right: 30px; top: -3px; } .social li { float: left; margin: 0 0 0 -4px; position: relative; width: 37px; height: 33px; float: left; } .social li:hover { } #toparea .phone { font-family: georgia; font-size: 1.3em; line-height: 1.6; margin: 0; padding: 6px 6px 6px 40px; text-shadow: -1px -1px 0 #FFFFFF; width: auto; float: right; } #toparea .phone:hover { line-height: 1 } .social li a { display: block; height: 100%; width: 100%; top: 10px; left: 1px; font-size: 15px; position: absolute; font-family: 'fontello'; text-align: center; text-shadow: -1px -1px 0 rgba(255,255,255,.9); } #toparea .phone a { width: 37px; line-height: 1.6; } .social li a:hover, #toparea .phone:hover a { top: 3px } #upper-navigation { float: right; position: relative; padding: 0 0 3px 0; z-index: 2; } #upper-navigation li { float: left; margin: 0 5px; font-size: 9px; line-height: 16px; text-transform: uppercase; } #upper-navigation li:first-child { margin-left: 0 } #logo.left { float: left } #logo.center { float: none; text-align: center; } #logo.right { float: right } nav .row { position: relative } #form-container { padding: 0; position: relative; z-index: 12; } #form-container.active { z-index: 99 } #home-contact { position: absolute; right: 0; top: 0px; width: 310px; } #home-contact.full-width { width: 100% } #home-contact .seal { position: absolute; display: block; bottom: -40px; left: 50%; margin-left: -20px; width: 40px; height: 40px !important; background: #AC7575; cursor: pointer; text-align: center; } #home-contact .seal span { bottom: 13px; display: block; height: 15px; left: 50%; margin-left: -3px; position: absolute; width: 10px; text-indent: -999em; background: url('images/sprites.png') -200px 0px; } #home-contact.active .seal span { background: url('images/sprites.png') -200px -14px; } #home-form { float: right; display: none; width: 100%; background: #F8F9F8;padding: 30px; } .overlay-bt { width: 100%; height: 100%; background: black; top: -30px; left: 0; position: absolute; display: block; opacity: 0; filter: alpha(opacity=0); } #featured { margin: 10px 15px 35px; float: left; padding: 30px 0; position: relative; -webkit-backface-visibility: hidden; } .hwdie8 #featured, .hwdie8 .ftitle { float: none; } #featured:before, #featured:after { content: ""; position: absolute; width: 70px; height: 1px; left: 50%; margin-left: -35px; background: #eee; } #featured:before { top: 0 } #featured:after { bottom: 0 } #featured .flex-viewport { margin: 0 } #featured li { padding: 0; float: left; width: 303px; max-width: 100%; } #featured li:nth-child(-n+3) { display: block } .hwdie8 #featured li { display: block } #featured li div:hover, .portfolio .foliothumb:hover, .meta, #menu-carousel ul.slides li:hover { background: #111111; /* Old browsers */ background: -moz-linear-gradient(top, #111111 25%, #422727 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#111111), color-stop(100%,#422727)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #111111 25%,#422727 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #111111 25%,#422727 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #111111 25%,#422727 100%); /* IE10+ */ background: linear-gradient(to bottom, #111111 25%,#422727 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#422727',GradientType=0 ); /* IE6-9 */ } .ftitle { padding: 0; position: relative; text-align: center; z-index: 3; } .menu-item img { position: absolute; z-index: 22; } .ftitle h3 { display: inline-block; margin: 0; padding: 0 30px 10px 30px; position: relative; } .menu .columns { padding: 30px } #menucard .columns { } .foliothumb { position: relative; overflow: hidden; max-width: 100%; -webkit-backface-visibility: hidden; } #featured .foliothumb { margin: 0 15px } .thumb { position: relative; display: block; z-index: 2; } .thumb img { -moz-transform: scale(1); -webkit-transform: scale(1); } .thumb:before, .menu-thumb:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .foliothumb div { position: absolute; width: 100%; top: 0; left: 0; padding: 0 15px; text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,.25); } .foliothumb.thumb img { opacity: 1; filter: alpha(opacity=100); } .foliothumb:hover .thumb img { -moz-transform: scale(10); -webkit-transform: scale(10); opacity: 0; filter: alpha(opacity=0); } .foliothumb:hover h4, .foliothumb:hover p { -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .foliothumb div.da-animate, .foliothumb .thumb img, .foliothumb h4, .foliothumb p { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .foliothumb h4 { position: relative; margin: 0 0 5px 0; opacity: 0; filter: alpha(opacity=0); -moz-transform: scale(0); -webkit-transform: scale(0); } .foliothumb h4 a { color: white } .twohalf .foliothumb h4, .two .foliothumb h4 { font-size: 1em } .foliothumb div p { opacity: 0; filter: alpha(opacity=0); -moz-transform: scale(0); -webkit-transform: scale(0); margin: 0; font-size: 11px; } .foliothumb div p a { color: #eee; font-family: Georgia; font-style: italic; } .foliothumb div span { padding: 0 5px; color: #dcdcdc; opacity: .25; filter: alpha(opacity=25); } .foliothumb img, .menuthumb img, .testimonialswidget_image img { display: block } #expose { background: #111; position: relative; min-height: 50px; } /* #expose .before, #expose .after { position: absolute; display: block; width: 100%; left: 0; height: 9px; background: url('images/ribbon.png') repeat-x; } #expose .before { top: -2px; z-index: 19; } #expose .after { bottom: -2px; z-index: 2; } */ #expose h2 { padding: 30px; color: white; } #menu-carousel { background: #F8F9F8; position: relative; } #menu-carousel .row { position: relative } #menu-carousel .flex-viewport { z-index: 2 } #menu-carousel ul.slides { height: 125px; overflow: hidden; } #menu-carousel ul.slides li { float: left; width: 156px; padding: 30px 0; position: relative; text-align: center; } #menu-carousel ul.slides li:hover { padding: 20px 0 40px } #menu-carousel .menuthumb { display: inline-block; position: relative; text-align: center; } #menu-carousel .menuthumb .cat-fa { overflow: hidden; display: block; } #menu-carousel li p { display: inline-block; margin: 0; color: white; } #menu-carousel .menuthumb strong { position: absolute; width: 100%; left: 0; top: 50px; padding-top: 18px; color: white; font-size: 1em; font-style: italic; font-weight: normal; opacity: 0; filter: alpha(opacity=0); } #menu-carousel .menuthumb:hover strong { opacity: 1; filter: alpha(opacity=100); } #menu-carousel .menuthumb img { opacity: 1; filter: alpha(opacity=100); } #menu-carousel .menuthumb:hover img { opacity: .75; filter: alpha(opacity=75); } #menu-carousel .menuthumb:hover { } .hwdie8 #menu-carousel .menuthumb:hover { } /* ================================================ ==================================== SIDEBAR === */ .sidebar-wg { margin-bottom: 30px; float: left; clear: both; width: 100%; } .sidebar-wg li { padding: 10px 0; position: relative; } .sidebar-wg li:before { content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 1px; background: #eee; } .sidebar-wg li:first-child:before { visibility: hidden } .sidebar-wg li p { margin: 0 } .sidebaright, .sidebarleft { position: relative; font-size: .9em; } .sidebaright { padding-left: 0; } .sidebarleft { padding-right: 0; } /* ================================================ ======================= CUSTOM POST ARCHIVES === */ .folioclear { float: left; width: 100%; } #content article { float: left; width: 100%; } .tax_tabs { text-align: center; position: relative; margin-right: -30px; z-index: 2; } .menu .tax_tabs { } .tax_tabs li { list-style: none; display: inline-block; margin: 0; padding: 0 !important; border: none !important; } .tax_tabs li.current-cat { padding: 0; font-size: 1.1em; margin-top: 0px; } .tax_tabs li a { display: block; padding: 5px 10px; } .tax_tabs li a:hover { text-shadow: 0 0 3px rgba(255,255,255,.5) } .tax_tabs li.current-cat a { font-style: italic; position: relative; color: inherit; } .tax_tabs li.current-cat a:before { content: ""; position: absolute; width: 40px; left: 50%; margin-left: -20px; bottom: -1px; height: 1px; background: #fff; } #menucard { float: left; margin-bottom: 50px; } #menucard.portfolio { margin: 0 0 50px -30px; float: none; } .tax-menu_category #menucard { float: none } #menucard.portfolio .foliothumb { margin: 30px 0 0 30px } #menucard li { list-style: none; padding: 0; } #menucard.menu li { padding: 30px; border-top: 1px solid #eee; } #menucard.menu li:nth-child(odd) { border-left: 1px solid #eee } .thumb { margin: 0 } .menu-thumb { float: left; position: relative; margin: 0 30px 30px 0; } .menu-thumb img { display: block } #menucard li h4 { margin-bottom: 5px } #menucard li p { margin: 0; color: white; } #menucard .menu-entry { position: relative; padding: 0; } #menucard .menu-entry div { padding-right: 65px } #menucard .menu-entry .menu-thumb { margin: 0 30px 5px 0 } #menucard .menu-entry p { color: #444; font-size: .9em; } #menucard li .menu-price { bottom: 0; position: absolute; right: 0; padding: 0; } #menucard li .menu-price strong { font-size: 2em; padding-left: 3px; font-weight: normal; font-style: italic; } .pagination { float: left; clear: both; width: 100%; margin-top: 0; padding: 0; text-align: center; position: relative; } /* .pagination a, .pagination span { display: inline-block; margin-right: 8px; padding: 3px 9px; background: white; } */ .pagination a, .pagination span { padding: 8px; display: inline-block; } .pagination .current { } #breadcrumb { } #breadcrumb ul { position: relative; padding: 0 30px 30px; font-size: 0.8em; line-height: 1; list-style: none; } #breadcrumb li, #breadcrumb span, #breadcrumb a { float: left; margin-right: 6px; } #breadcrumb li a { margin: 0 } #breadcrumb span { color: #dcdcdc } /* ================================================ ==================== CUSTOM POST SINGLE PAGE === */ .single-menu .four.columns, .single-portfolio .four.columns { padding: 0 } .single-menu .eight.columns, .single-portfolio .eight.columns { padding-left: 0 } #cp_nav { float: left; position: relative; width: 100%; padding: 0 0 15px; margin-bottom: 15px; font-family: fontello; font-size: 20px; border-bottom: 1px solid #eee; } #cp_nav li { list-style: none } #cp_nav li a { color: #777777 } #cp_nav li.next { float: left } #cp_nav li.previous { float: right } #cp_nav li.backtocp { position: absolute; left: 50%; margin-left: -10px; } #services { padding: 0; margin: 0 0 30px 0; position: relative; } #services ul { list-style: none; float: left; } #services ul.shorter { width: 65%; padding-right: 15px; } #services li { float: left } #taxonomy-list li { margin-right: 10px } #menu-price-single { width: 35%; float: right; text-align: center; padding: 0; line-height: 1; } #menu-price-single span { padding-right: 7px; display: inline-block; } #menu-price-single strong { font-size: 1.4em } /* ================================================ ============================ BLOG&SINGLEPOST === */ .meta { color: white; font-family: georgia; font-style: italic; text-shadow: -1px -1px 0 rgba(0,0,0,.2); } /* .meta:before { content: ""; position: absolute; left: 4px; top: 4px; width: 100%; height: 100%; border: 1px solid white; } */ .single-post .meta { padding: 30px } .meta img { display: block } .meta p { margin: 0; padding: 10px 0; position: relative; font-size: .8em; } .meta p:before { content: ""; position: absolute; left: 0; bottom: 0; background: white; width: 30px; height: 1px; opacity: .1; filter: alpha(opacity=10); } .meta p:hover:before { width: 100% } .meta p:last-child:before, .meta p:last-child:hover:before { width: 0 } .blog article, .archive article { margin-bottom: 90px; position: relative; } .blog article:before, .archive article:before { background: #eee; content: ""; height: 1px; left: 50%; margin-left: -35px; position: absolute; width: 70px; bottom: -45px; } .blog article .columns, .archive article .columns { padding: 30px } /* ================================================ =================================== COMMENTS === */ #commentarea { padding: 30px 0 0; clear: both; } #commentform div { float: left; padding: 10px 0 0 0; width: 100%; } #respond { width: 100%; float: left; margin: 15px 0 0 0; padding: 0; } #respond h3 small { display: block; font-size: 12px; font-style: normal; font-weight: normal; width: 100%; } li #respond { padding: 0 5%; width: 90%; } #commentarea .comment-author.vcard { float: left } #commentarea .comment-meta.commentmetadata { float: right } #commentarea li ul { float: right; width: 90%; list-style: none; } .comment-body { position: relative; padding: 4%; float: left; width: 92%; border-top: 1px solid #f5f5f5; } .comment-body:hover { } #commentarea ol { width: 100%; float: left; list-style: none; } .comment p { padding-left: 0; clear: both; float: left; margin-top: 15px; } .comment p.comment-meta { width: 65% } .comment-notes { padding-bottom: 10px } .comment-notes .required { padding: 0 3px 0 0 } #trackbacks { float: left; padding: 12px 0; } #respond label, #respond span { float: left } #respond span { color: red; margin-left: 3px; } .reply { position: absolute; bottom: 10px; } /* ================================================ ===================================== FOOTER === */ footer { position: relative; padding: 0; font-size: .9em; color: white; background: #111; } footer .row { padding: 0 30px 0 0px } .wg { float: left; padding: 30px 0 30px 30px; position: relative; z-index: 6; width: 100%; min-height: 1px; } .Testimonials_Widget_Widget.wg { padding: 30px } footer .wg.columns:first-child { padding-right: 0 } .wg:first-child { margin-left: 0 } .col-2 .wg { width: 50% } .col-3 .wg { width: 33.33333% } .col-4 .wg { width: 25% } .col-5 .wg { width: 41.66667% } .wg li { padding: 6px 0 7px } .wg li p { margin: 0 } #credits { position: relative; background: #F8F9F8; border-top: 1px solid #eee; } #credits div { font-size: 0.8em; padding: 10px 30px; position: relative; } #footer-menu { float: left } #footer-menu li { float: left; font-family: georgia; font-style: italic; margin: 0 0 0 10px; padding-left: 10px; } #footer-menu li:first-child { margin: 0; padding: 0; border: none; } #credits p { clear: left; margin: 0; padding: 30px 0; text-align: center; font-size: .8em; } /* ================================================ ================================= SHORTCODES === */ /* lists */ .dropcap { font-size: 36px; line-height: 36px; margin: 10px 10px 0px 0; float: left; } /* Pullquote */ .pullquote { display: inline; float: left; font-style: italic; font-weight: bold; font-size: 1.1em; margin: 15px 15px 10px 0; padding: 0 7px 0 0; text-align: left; width: 30%; position: relative; } .pullquote.right { float: right; margin: 15px 0 10px 15px; text-align: left; padding: 0 0 0 7px; } /* thumbnail posts */ .thumb-posts { width: 100%; float: left; padding: 10px 0; position: relative; border-bottom: 1px solid #eee; } .thumb-posts:last-child { border-bottom: none; } .wg .thumb-posts { border: none; padding: 9px 0; } .thumb-posts span.title { margin-top: 6px } #sidebar .thumb-posts span.title { margin-top: 0 } .thumb-posts span.date { } .hwdie8 .thumb-posts .tpimg { min-width: 45px } .thumb-posts .thumb { float: left; margin-right: 15px; width: 45px; } .thumb-posts img { float: left } .thumb-posts .title, .thumb-posts date { display: block } #searchform input[type=text] { width: 99%; max-width: 99%; padding: 7px 0; text-indent: 7px; } #searchform input[type=submit] { border: medium none !important; cursor: pointer; height: 28px; margin: 0; position: absolute; right: 4px; top: -100px; padding: 6px 5px 9px; font-size: .9em; font-family:Georgia; font-style: italic; } #searchform:hover input[type=submit] { top: 2px } #searchform { position: relative; overflow: hidden; } /* Twitter */ aside .widget_twitter li { padding: 10px 0; position: relative; float: left; margin-top: 1px; } span.twitter-timestamp { float: right; width: 100%; font-size: .9em; text-align: right; } span.twitter-timestamp abbr { float: right; color: silver; } /* Calendar */ #calendar_wrap { padding: 0 0 0 1px } #wp-calendar { width: 100% } #wp-calendar caption { text-align: center; color: #333; font-size: 1.3em; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 11px; font-style: italic; color: #555555; } #wp-calendar thead th { padding-bottom: 10px } #wp-calendar tbody { color: #696969 } #wp-calendar tbody td { border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td a { font-style: italic; font-size: 1.3em; } #wp-calendar tbody td:hover { background: none } #wp-calendar tbody .pad { background: none } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: center; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; text-align: center; padding-top: 10px; } .zilla-map { padding: 0px } .zilla-map iframe { width: 100% !important; display: block; } /* ================================================ ============================= CONTACT FORM 7 === */ .wpcf7 form { } .wpcf7 input[type="text"], .wpcf7 textarea { border: 1px dashed #ddd; border-width: 0 0 1px; background: transparent; font-size: 1em; } .wpcf7 input[type="text"]:hover, .wpcf7 textarea:hover { border-bottom: 1px solid white; background: #fff; box-shadow: 0px 0px 2px rgba(0,0,0,.15); } .wpcf7 .watermark { font-style: italic; font-family: Georgia; } .wpcf7 p { position: relative } span.wpcf7-form-control-wrap { display: block } span.wpcf7-not-valid-tip { background: transparent !important; color: #e60000 !important; height: 20px; margin-top: 0; left: 0 !important; padding: 0; position: absolute; top: 2px !important; text-align: center; border: none !important; z-index: 100; } .wpcf7-response-output { margin: 0 !important; position: relative; padding: 30px !important; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6); } .wpcf7-validation-errors { background: #ffe6e3; border: 1px solid #f2c3bf !important; color: #bf210e; } .wpcf7-mail-sent-ok { background: #edfdd3; border: 1px solid #c4dba0 !important; color: #657e3c; } .wpcf7-submit { padding: 6px 10px } /* ================================================ =========================== WORDPRESS STYLES === */ .aligncenter, div.aligncenter { display: block; margin: 0 auto; } .sticky { } .gallery-caption { } .bypostauthor { } .aligncenter { padding: 6px; margin-bottom: 20px!important; } .alignleft { float: left; width: auto; padding: 6px 0; margin: 0 20px 6px 0; } .alignright { float: right; width: auto; padding: 6px 0; margin: 0 0 6px 20px; } .navigation .alignright, .navigation .alignleft { background: none } .wp-caption { font-size: 13px; text-align: center; border: 1px solid #e0e0e0; } .wp-caption img { float: none; margin: 0px; padding: 0px; border: none; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .wp-caption p.wp-caption-text { text-align: center; margin: 0; text-shadow: -1px -1px 0 white; } .button { box-shadow: 0 -5px 0 rgba(255, 255, 255, 0.1) inset, 0 -4px 0 rgba(0, 0, 0, 0.2) inset; padding: 8px 16px; display: inline-block; position: relative; } .zilla-toggle .zilla-toggle-title, .zilla-toggle-inner { padding: 10px 0 !important } .zilla-tabs ul.zilla-nav li a { border-radius: 0 !important } .zilla-tabs .zilla-tab { border: 1px solid #dfdfdf } .zilla-toggle-inner { border-top: 1px solid #eee !important } .ls-layer > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .ls-thumbnail-hover { bottom: 40px; margin-left: 1px; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } #menu-carousel .flex-direction-nav a { background: #fff; border: 1px solid #eee; text-indent: 0 !important; font-family: fontello; padding-top: 3px; text-align: center; } .single #content .flex-direction-nav a, #featured .flex-direction-nav a { background: #fff; text-indent: 0 !important; font-size: 20px; font-family: fontello; padding-top: 3px; text-align: center; width: 40px; height: 40px; margin-top: -20px; } .flex-direction-nav .flex-disabled { color: #eee; } .video-wrapper { max-width: 100%; position: relative; z-index: 7; } .flexslider:hover .video-wrapper { z-index: 1 } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* -------------------------------------------------- :: Typography -------------------------------------------------- */ @media handheld, only screen and (max-width: 767px) { h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; } h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; } h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; } h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; } h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; } h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; } body, p { font-size: 14px; font-size: 1.4rem; line-height: 1.6; } } /* -------------------------------------------------- :: Grid -------------------------------------------------- */ /* Mobile */ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .row, #mighty-wrapper.boxed { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns, .zilla-one-half, .zilla-one-third, .zilla-two-third, .zilla-three-fourth, .zilla-one-fourth, .zilla-one-fifth, .zilla-two-fifth, .zilla-three-fifth, .zilla-four-fifth, .zilla-one-sixth, .zilla-five-sixth, .wg { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none } [class*="column"] + [class*="column"]:last-child { float: none } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both } #featured { float: none; margin: 0 30px; } } @media only screen and (max-width: 480px) { nav #menu { position: absolute; top: -999em; } nav #responsive-menu { display: block } #toparea .phone { background: none; width: 100%; text-align: center; padding: 6px 0; } .meta { position: absolute; top: -999em; } #toparea .phone a { visibility: hidden } .social { float: none; text-align: center; } #credits .social { position: relative; right: auto; } .social li { float: none; display: inline-block; } .tax_tabs { margin-right: 0 } .tax_tabs li a { padding: 5px 2px } #menucard.menu li { padding: 30px 0; border-left: none !important; } #menucard .menu-entry .menu-thumb { margin-right: 10px } #menucard .menu-entry div { padding: 0; text-align: center; } #menucard li .menu-price { position: relative } .single-menu .eight.columns, .single-portfolio .eight.columns { padding: 0 } .single-menu .four.columns, .single-portfolio .four.columns { margin-top: 20px } .sidebaright, .sidebarleft { padding: 0 30px; } .wg { padding: 0px 0 30px 30px } .wg:first-child { padding: 30px 0 30px 30px } .thumb-posts { float: none } #footer-menu { margin-top: 5px; float: none; text-align: center; } #footer-menu li { float: none; display: inline-block; } #credits div { padding: 0 10px } #credits p { padding: 15px } #wp-calendar tbody td { font-size: 0.9em; padding: 3px; } } .top-bar-container { border-top: 1px solid #eee; position: relative; z-index: 22; } .top-bar .has-dropdown:hover a { background-color: #fff; color: #787264; } .top-bar .arrow { display: block; font-family: fontello; font-size: 14px; height: 14px; line-height: 1; margin-top: -8px; position: absolute; right: 8px; top: 50%; width: 10px; font-weight: normal; opacity: .25; } .top-bar li a:hover .arrow { opacity: 1 } .top-bar-js-breakpoint { width: 940px !important; visibility: hidden; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100% } /* Wrapped around .top-bar to make it fixed at the top */ .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } /*