/* Theme Name: Function Theme URI: http://www.woothemes.com/ Version: 1.2.1 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2011 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) LAYOUT Layout styles for desktop orientations is included in a media query at the bottom of this file. */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks -1.3 Typography -1.4 Tables 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.4.1 Slider -2.4.2 List Pages -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs 3. POSTS -3.1 Images -3.2 Pagination / WP-Pagenavi / Woo-Pagination -3.3 Single Post Author -3.4 Post Entry Nav -3.5 Subscribe & Connect 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks 6. PAGE TEMPLATES -6.1 Timeline Page Template -6.2 Contact Form -6.3 Image Gallery 7. FEATURED SLIDER -7.1 Core Styles -7.2 Theme Styles -7.3 Content Styles 8. MISC -8.1 Forms -8.2 Gravity forms -8.3 IE specific styling -8.4 Uniform 8. FEATURED SLIDER 10. HOMEPAGE -10.1 General "Home Sections" styling -10.2 Intro Message -10.3 Promotion -10.4 Home Shop -10.5 Features Widget 11. PORTFOLIO 12. FULL WIDTH 13. Band Pages 14. Plugin Styles 15. Facebook Like Box 16. Twitter Box 17. Juiz Social Sharer 18. Media Queries -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */ /*-------------------------------------------------------------------------------------------*/ 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-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .red {color:#FF0000} /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ textarea { overflow: auto; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; background: #ffffff; border: 1px solid #eaeaea; padding: 10px; margin-bottom: 20px; } /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Floating & Alignment */ .fl { float: left; } .fr { float: right; } .ac { text-align: center; } .ar { text-align: right; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ .fix:before, .fix:after, .col-full:before, .col-full:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .fix:after, .col-full:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .fix, .col-full { zoom: 1; } /*-------------------------------------------------------------------------------------------*/ /* IMPORTS */ /*-------------------------------------------------------------------------------------------*/ @-webkit-keyframes spin-360 { from { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } 50% { -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; } to { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } } /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ html { font-size: 62.5%; /* background: rgba(183,222,237,1); background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 20%, rgba(33,180,226,1) 40%, rgba(183,222,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,1)), color-stop(20%, rgba(113,206,239,1)), color-stop(40%, rgba(33,180,226,1)), color-stop(100%, rgba(183,222,237,1))); background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 20%, rgba(33,180,226,1) 40%, rgba(183,222,237,1) 100%); background: -o-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 20%, rgba(33,180,226,1) 40%, rgba(183,222,237,1) 100%); background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 20%, rgba(33,180,226,1) 40%, rgba(183,222,237,1) 100%); height: 100%; background-repeat:no-repeat; background-size:100%; background-attachment:fixed; */ } body { font-size: 1.3em; line-height: 1.618; color: #C0C0C0; background: #000000; background-image: url('../images/2026/70K_WEBSITE_BGRND_2026.jpg'); background-position: top center; background-repeat: no-repeat; background-attachment:fixed; font-family:Verdana, Geneva, sans-serif; text-align:justify; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 1921px) { body { -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; } } img { vertical-align: bottom; max-width: 100%; } hr { background-color: #eaeaea; border: 0; height: 1px; margin-bottom: 1.618em; } /* 1.2 Hyperlinks */ a { color: #FF0000; text-decoration: underline; font-weight:bold; } a:hover { color: #C0C0C0; text-decoration: underline; } a img:hover { /*opacity: 0.75;*/ } a.indent { margin-left:4em; } .entry a.top { margin-left:4.6em; font-size:0.8em; text-decoration:none; } .entry a.top2 { margin-left:0 none; font-size:0.8em; text-decoration:none; } /* 1.3 Typography */ /* All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618) http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0 Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent */ h1, h2, h3, h4, h5, h6 { color: #C0C0C0; margin: 0 0 .618em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } h1 { font-size: 2.244em; line-height: 1.387em; } h2 { font-size: 1.618em; line-height: 1.387em; } h3 { font-size: 1.387em; } h4 { font-size: 1em; } h5 { font-size: 0.618em; } h6 { font-size: 0.618em; } p { -webkit-hyphens: none; -webkit-hyphenate-character: "\2010"; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-before: 3; -moz-hyphens: none; orphans: 3; widows: 3; } ul, ol, dl, p, table, form, pre, hr { margin: 0 0 1.618em 0; } li > ul, li > ol { margin: 0 0 0 1.618em; } dl dt { font-weight: bold; } dl dd { margin-bottom: 1.618em; } .post header { color: #C0C0C0; background-color: #111111; font-weight:bold; text-indent:5%; border:1px solid #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#242424)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #111111, #242424); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #111111, #242424); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #111111, #242424); /* IE10 */ background-image: -o-linear-gradient(top, #111111, #242424); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #111111, #242424); text-decoration: none; } .post header h1, .search { float: right; width: 90%; font-size: 1.1em; line-height: 1.618; font-weight:bold; text-indent:0%; color: #C0C0C0; margin: 0 0 0 0; padding: 0 5%; border-left: 1px solid #000; background-color: #242424; background-image: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#424242)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #242424, #424242); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #242424, #424242); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #242424, #424242); /* IE10 */ background-image: -o-linear-gradient(top, #242424, #424242); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #242424, #424242); text-decoration: none; } .redheader { color: #FF0000; font-size: 1.1em; font-weight: bold; line-height: 4em; text-decoration: none; text-transform: uppercase; width: 100%; } /* @font-face icons - Used for the subscribe & connect social icons. If you would like to add more icons to the font, you can do so by rebuilding the font at http://keyamoon.com/icomoon/app/ and replace the existing font files in the theme with the new ones. */ @font-face { font-family: 'Social'; font-weight: normal; font-style: normal; src: url('includes/fonts/social.eot'); src: url('includes/fonts/social.eot?#iefix') format('embedded-opentype'), url('includes/fonts/social.woff') format('woff'), url('includes/fonts/social.ttf') format('truetype'), url('includes/fonts/social.svg#WebSymbolsRegular') format('svg'); } @font-face { font-family: 'FontAwesome'; src: url('includes/fonts/fontawesome-webfont.eot'); src: url('includes/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/fontawesome-webfont.woff') format('woff'), url('includes/fonts/fontawesome-webfont.ttf') format('truetype'), url('includes/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } /* 1.4 Tables */ table { border-spacing: 0; width: 100%; /*border: 1px solid #eaeaea; background: #ffffff; box-shadow: 0 1px 2px 0 #ffffff; -webkit-box-shadow: 0 1px 2px 0 #ffffff;*/ border-collapse: separate; } table td, table th { padding: .857em; text-align: left; /*border-right: 1px dotted #eaeaea;*/ vertical-align: top; } table td p:last-child, table th p:last-child { margin-bottom: 0; } table thead th { /*background: #fff; border-right: 1px dotted #eeeeee; border-bottom: 1px solid #eaeaea;*/ text-transform: uppercase; padding: 1.387em .857em; vertical-align: middle; } table thead th:first-child { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 110px; } table thead th:last-child { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } table tr th:last-child, table tr td:last-child { border-right: 0; } table tbody th { /*background: #fff; border-bottom: 1px solid #eaeaea;*/ } table tbody tr:nth-child(2n) td { /*background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* Saf4+, Chrome */ /*background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);*/ /* Chrome 10+, Saf5.1+, iOS 5+ */ /*background-image: -moz-linear-gradient(top, #ffffff, #ffffff);*/ /* FF3.6+ */ /*background-image: -ms-linear-gradient(top, #ffffff, #ffffff);*/ /* IE10 */ /*background-image: -o-linear-gradient(top, #ffffff, #ffffff);*/ /* Opera 11.10+ */ /*background-image: linear-gradient(to bottom, #ffffff, #ffffff); border-right: 1px dotted #eeeeee;*/ } table tbody tr:nth-child(2n) td:last-child { border-right: 0; } table tbody td { /* background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ /*background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb);*/ /* Chrome 10+, Saf5.1+, iOS 5+ */ /*background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb);*/ /* FF3.6+ */ /*background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb);*/ /* IE10 */ /*background-image: -o-linear-gradient(top, #ffffff, #fbfbfb);*/ /* Opera 11.10+ */ /*background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); border-bottom: 1px solid #eaeaea; -webkit-box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 #ffffff; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 #ffffff;*/ } table tbody h2 { font-size: 1em; letter-spacing: normal; font-weight: normal; } table tbody h2 a { font-weight: normal; } table tbody tr:last-child td:first-child { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } table tbody tr:last-child td:last-child { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } table tbody tr:last-child td { border-bottom: 0; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { background: none; } /* 2.2 Navigation */ ul.nav li a { /*padding: .5em 1em;*/ display: block; } ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.li.current-menu-item a { /*background: #ffffff;*/ } #navigation { clear: both; margin-bottom: 2.618em; /*display: none;*/ display:block; max-width:892px; } #navigation ul { list-style: none; margin-bottom: 0em; } /* Mobile Styling */ #navigation { padding: 0em; /*border: 2px inset #dedede; -webkit-border-radius: 0em; border-radius: 0em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #FDFDFD; background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#B1B1B1));*/ /* Saf4+, Chrome */ /*background-image: -webkit-linear-gradient(top, #FDFDFD, #B1B1B1);*/ /* Chrome 10+, Saf5.1+, iOS 5+ */ /*background-image: -moz-linear-gradient(top, #FDFDFD, #B1B1B1);*/ /* FF3.6+ */ /*background-image: -ms-linear-gradient(top, #FDFDFD, #B1B1B1);*/ /* IE10 */ /* background-image: -o-linear-gradient(top, #FDFDFD, #B1B1B1);*/ /* Opera 11.10+ */ /*background-image: linear-gradient(to bottom, #FDFDFD, #B1B1B1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);*/ } #navigation ul#main-nav { max-width:700px; width:97.7%; /*border: 1px solid #2f2f2f;*/ padding: 1%; } #navigation.mobile-menu ul.nav li { } #navigation.mobile-menu ul.nav li a { color: #000000; text-decoration:none; text-shadow: 0.5px 0.5px 0.5px #FFFFFF; } #navigation.mobile-menu ul.nav li a:hover { color: #FF0000; text-shadow: 0.5px 0.5px 0.5px #333; } /* 2.2.2 Top Navigation (optional) */ #top select { margin: 1.618em 0 0; width: 100%; } #top #top-nav { display: none; } /* 2.3 Header */ #header { clear: both; position: relative; } #header #logo { float: none; margin-bottom: 1.244em; margin-top: .53em; } #header #logo img { margin: 0em auto 2em; display: block; } #header #logo:active { padding-top: .236em; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #header .site-title, #header .site-description { color: #000; display: none; } #header .site-title a, #header .site-description a { color: #191919; text-transform: none; font-weight: normal; text-decoration: none; } #header .site-title a:hover, #header .site-description a:hover { text-decoration: underline; } #header .site-header { position: relative; top: -0.618em; } #header .site-header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #header .site-header h1, #header .site-header h2, #header .site-header h3 { margin: 0; float: left; clear: left; } #header .nav-toggle { float: right; width: 100%; padding: .202em 0; margin: 2em 0 1em; position: relative; cursor: pointer; font-family: sans-serif; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); border: 1px solid #2f2f2f; } #header .nav-toggle a { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); } #header .nav-toggle a:hover { text-decoration: none; } #header .nav-toggle span { padding: 0 0 0 .202em; } /*==============================*/ /*MOBILE NAV*/ /*==============================*/ #header .mobileNav { float: right; width: 100%; padding: 0; margin: 2em 0 0; position: relative; cursor: pointer; font-family: sans-serif; text-align: center; font-size:1.2em; font-weight:bold; } .fx { float: left; width:100%; } #header .mobileNav li { float:left; list-style:none outside none; position:relative; border-right: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #FDFDFD; background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#B1B1B1)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #FDFDFD, #B1B1B1); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #FDFDFD, #B1B1B1); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #FDFDFD, #B1B1B1); /* IE10 */ background-image: -o-linear-gradient(top, #FDFDFD, #B1B1B1); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #FDFDFD, #B1B1B1); border: 2px inset #D7D7D7; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); /*border-width: 2px 2px 3px;*/ } #header .mobileNav li:nth-child(1) { width:30%; margin-right:1.3%; margin-bottom:1.618em; } #header .mobileNav li:nth-child(2) { width:30%; margin-left:1.3%; margin-bottom:1.618em; } #header .mobileNav li:nth-child(3) { width:31.3%; margin-right:0; margin-bottom:1.618em; float:right; } #header .mobileNav li:nth-child(4) { width:30%; margin-right:1.3%; margin-bottom:0; } #header .mobileNav li:nth-child(5) { width:30%; margin-left:1.3%; margin-bottom:0; } #header .mobileNav li:nth-child(6) { width:31.3%; margin-right:0; margin-bottom:0; float:right; } #header .mobileNav a { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); border:1px solid #2f2f2f; font-weight: bold; text-transform:uppercase; padding: .618em 0em; color: #000000; text-align:center; text-decoration:none; text-shadow: 0.5px 0.5px #FFFFFF; /*border: 1px solid #C0C0C0; border-width: 0 0 0 0.5px;*/ -webkit-border-radius: 0; border-radius: 0; box-shadow: 2px 0 0 0 #9D9D9D; -webkit-box-shadow: 2px 0 0 0 #9D9D9D; } #header .mobileNav a:hover { text-decoration: none; color: #FF0000; text-shadow: 0.3px 0.3px #000; box-shadow: 0 0 0 0 #595959; -webkit-box-shadow: 0 0 0 0 #595959; background-color: #656565; background-image: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#949494)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #656565, #949494); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #656565, #949494); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #656565, #949494); /* IE10 */ background-image: -o-linear-gradient(top, #656565, #949494); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #656565, #949494); } #header .mobileNav ul.nav > li:hover { box-shadow: 0 0 0 0 #595959; -webkit-box-shadow: 0 0 0 0 #595959; background-color: #656565; background-image: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#949494)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #656565, #949494); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #656565, #949494); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #656565, #949494); /* IE10 */ background-image: -o-linear-gradient(top, #656565, #949494); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #656565, #949494); text-decoration: none; } #header .mobileNav span { padding: 0 0 0 .202em; } #header .site-description { color: #666666; font-family: "Droid Serif", sans-serif; font-style: italic; } #header #topad { float: right; } #header .widget_product_search, #header .search_main { margin: 0 0 1em; padding: 0; border: 0; float: left; width: 56%; } /* 2.4 Content */ #content { padding-bottom: 0em; } .article-inner { padding: 5%; background-color:#3F3F3F; border:1px solid #000; } .single-post #main.col-left article { border: 2px inset #D7D7D7; } /* 2.4.1 Slider */ .flexslider { /*left:0.09em;*/ width:99.2%; margin-bottom: 1.618em; } /*2.4.2 List Pages*/ ul#listPage { margin: 25px 0; list-style: outside none none; font-size: 20px; } ul#listPage li{ line-height: 1.7; text-align:center; } ul#listPage li a{ -moz-box-shadow:inset 0px 1px 0px 0px #333; -webkit-box-shadow:inset 0px 1px 0px 0px #999; box-shadow:inset 0px 1px 0px 0px #999; text-align:center; padding:3px 0px; margin:10px auto; display:block; cursor:pointer; padding:5px 0px; border: 0; color: #000; text-align: center; text-decoration: none; text-shadow: 0.5px 0.5px #FFFFFF; font-size: 0.85em; /* Make inputs the same size as normal text */ font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ font-weight:bold; cursor: pointer; /* Inputs need pointers! */ overflow: visible; width: auto; /* IE fix */ line-height: 1.618em; -webkit-appearance: none; /* Remove iOS glare */ -webkit-border-radius: 0em; border-radius: 0em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #FDFDFD; background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#B1B1B1)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #FDFDFD, #B1B1B1); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #FDFDFD, #B1B1B1); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #FDFDFD, #B1B1B1); /* IE10 */ background-image: -o-linear-gradient(top, #FDFDFD, #B1B1B1); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #FDFDFD, #B1B1B1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); width:100%; } ul#listPage li a:hover, ul#listPage li a:active{ color: #FFFFFF; text-shadow: 0.2px 0.2px 0.2px #000000; background-color: #656565; background-image: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#949494)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #656565, #949494); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #656565, #949494); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #656565, #949494); /* IE10 */ background-image: -o-linear-gradient(top, #656565, #949494); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #656565, #949494); } /* 2.5 Sidebar */ #newsHead { } /*Show countdown in sidebar, Hide in intro section */ #countdown_full { display:none; } #countdown_short { /*margin: 0 0 2em 0; border: 2px inset #D7D7D7;*/ } #main #countdown_short .widget { margin: 0 0 2em 0; border: 2px inset #D7D7D7; } #countdown_short .textwidget { margin:2em auto 1.5em; } #countdown_short .promo .textwidget { margin:0 0 0 0; } #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .secondary.last { margin: 0; } /* 2.6 Footer */ #footer-wrapper { margin-top: 20px !important; } #footer { padding: 0em 0 1.53em; } #footer ul.nav { list-style: none; } #footer ul.nav li a { padding: .53em 0; color: #d9d9d9; font-size: .9em; } #footer ul.nav li.current_page_item a, #footer ul.nav li.current_page_parent a, #footer ul.nav li.current-menu-ancestor a, #footer ul.nav li.current-cat a, #footer ul.nav li.li.current-menu-item a { background: none; color: #d9d9d9; } #footer #credit img { vertical-align: middle; } #footer #credit span { display: none; } #footer p { font-size: .9em; } #footer-widgets { padding: 2.618em 0 0; /* WOOTABS */ } #footer-widgets a { color: #d9d9d9; } #footer-widgets .widget { font-size: .9em; border-color: #151515; } #footer-widgets .widget h1, #footer-widgets .widget h2, #footer-widgets .widget h3, #footer-widgets .widget h4, #footer-widgets .widget h5 { color: #ffffff; } #footer-widgets .widget h3, #footer-widgets .widget h2 { font-size: 1.387em; font-weight: normal; margin: 0 0 .618em; } #footer-widgets .widget #connect { background: none; } #footer-widgets .widget #connect .newsletter-form .email { width: 100%; padding: .5em .6em; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #222222; color: #999999; border: 1px solid #3b3b3b; border-width: 0 0 1px 0; margin: 0 0 1.387em; } #footer-widgets .widget #connect .newsletter-form .submit { -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .4em 1.4em .2em; background-color: #8d8d8d; background-image: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#717171)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #8d8d8d, #717171); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #8d8d8d, #717171); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #8d8d8d, #717171); /* IE10 */ background-image: -o-linear-gradient(top, #8d8d8d, #717171); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #8d8d8d, #717171); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); } #footer-widgets .widget #connect .social a { color: #444; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #footer-widgets .widget_woodojo_tweets ul li { border-color: #151515; } #footer-widgets .widget_woo_flickr a img { border: 1px solid #151515; } #footer-widgets .widget_woo_flickr a:hover img { border-color: #222222; } #footer-widgets .widget_woodojo_twitterprofile img { border: 1px solid #151515; } #footer-widgets .widget_woodojo_instagram img { border: 1px solid #151515; } #footer-widgets .widget_woo_portfolio ul li img { border-color: #fff; } #footer-widgets .widget_woothemes_testimonials .quote img { border: 1px solid #151515; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs:after, #footer-widgets .woocommerce_tabs ul.nav-tabs:after, #footer-widgets .woocommerce-tabs ul.nav-tabs:after, #footer-widgets .widget_woodojo_tabs ul.tabs:after, #footer-widgets .woocommerce_tabs ul.tabs:after, #footer-widgets .woocommerce-tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li a, #footer-widgets .woocommerce_tabs ul.nav-tabs li a, #footer-widgets .woocommerce-tabs ul.nav-tabs li a, #footer-widgets .widget_woodojo_tabs ul.tabs li a, #footer-widgets .woocommerce_tabs ul.tabs li a, #footer-widgets .woocommerce-tabs ul.tabs li a { background: rgba(21, 21, 21, 0.6); border: 1px solid #151515; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li a:hover, #footer-widgets .woocommerce_tabs ul.nav-tabs li a:hover, #footer-widgets .woocommerce-tabs ul.nav-tabs li a:hover, #footer-widgets .widget_woodojo_tabs ul.tabs li a:hover, #footer-widgets .woocommerce_tabs ul.tabs li a:hover, #footer-widgets .woocommerce-tabs ul.tabs li a:hover { color: #d9d9d9; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active, #footer-widgets .woocommerce_tabs ul.nav-tabs li.active, #footer-widgets .woocommerce-tabs ul.nav-tabs li.active, #footer-widgets .widget_woodojo_tabs ul.tabs li.active, #footer-widgets .woocommerce_tabs ul.tabs li.active, #footer-widgets .woocommerce-tabs ul.tabs li.active { position: relative; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active a, #footer-widgets .woocommerce_tabs ul.nav-tabs li.active a, #footer-widgets .woocommerce-tabs ul.nav-tabs li.active a, #footer-widgets .widget_woodojo_tabs ul.tabs li.active a, #footer-widgets .woocommerce_tabs ul.tabs li.active a, #footer-widgets .woocommerce-tabs ul.tabs li.active a { position: relative; color: #fff; background: #52a0cd; border: 1px solid #3587b7; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active a:hover, #footer-widgets .woocommerce_tabs ul.nav-tabs li.active a:hover, #footer-widgets .woocommerce-tabs ul.nav-tabs li.active a:hover, #footer-widgets .widget_woodojo_tabs ul.tabs li.active a:hover, #footer-widgets .woocommerce_tabs ul.tabs li.active a:hover, #footer-widgets .woocommerce-tabs ul.tabs li.active a:hover { background: #3587b7; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active a:after, #footer-widgets .woocommerce_tabs ul.nav-tabs li.active a:after, #footer-widgets .woocommerce-tabs ul.nav-tabs li.active a:after, #footer-widgets .widget_woodojo_tabs ul.tabs li.active a:after, #footer-widgets .woocommerce_tabs ul.tabs li.active a:after, #footer-widgets .woocommerce-tabs ul.tabs li.active a:after { content: normal; } #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane li, #footer-widgets .woocommerce_tabs .tabbable .tab-pane li, #footer-widgets .woocommerce-tabs .tabbable .tab-pane li { border-bottom: 1px solid #151515; } #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane li img, #footer-widgets .woocommerce_tabs .tabbable .tab-pane li img, #footer-widgets .woocommerce-tabs .tabbable .tab-pane li img { border: 1px solid #151515; } /* 2.7 Breadcrumbs */ #breadcrumbs { border-bottom: #d6d6d6 1px dotted; padding-bottom: 1.387em; margin-bottom: 1.618em; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .post .video { margin-bottom: 1.618em; } .archive-header { display: block; float: left; width: 100%; margin: 0 0 1.618em; padding: 0 0 1em; font-weight: bold; border-bottom: #d6d6d6 1px dotted; } .archive-header h1 { margin: 0; font-size: 1em; } .archive-header h1 span { font-weight: normal; } .archive-description { clear: both; margin-bottom: 1.618em; } .post, .type-page, .type-feature, .type-testimonial, .type-portfolio, .search-results .page, .search-results .type-product, .search-results .type-feature, .search-results .type-testimonial, .search-results .type-portfolio { /*margin: 0 0 2.244em;*/ /* 3.1 Images */ } .post header h1, .type-page header h1, .type-feature header h1, .type-testimonial header h1, .type-portfolio header h1, .search-results .page header h1, .search-results .type-product header h1, .search-results .type-feature header h1, .search-results .type-testimonial header h1, .search-results .type-portfolio header h1 { font-weight: normal; } .post header h1 a:link, .type-page header h1 a:link, .type-feature header h1 a:link, .type-testimonial header h1 a:link, .type-portfolio header h1 a:link, .search-results .page header h1 a:link, .search-results .type-product header h1 a:link, .search-results .type-feature header h1 a:link, .search-results .type-testimonial header h1 a:link, .search-results .type-portfolio header h1 a:link, .post header h1 a:visited, .type-page header h1 a:visited, .type-feature header h1 a:visited, .type-testimonial header h1 a:visited, .type-portfolio header h1 a:visited, .search-results .page header h1 a:visited, .search-results .type-product header h1 a:visited, .search-results .type-feature header h1 a:visited, .search-results .type-testimonial header h1 a:visited, .search-results .type-portfolio header h1 a:visited { color: #191919; } .post .post-meta, .type-page .post-meta, .type-feature .post-meta, .type-testimonial .post-meta, .type-portfolio .post-meta, .search-results .page .post-meta, .search-results .type-product .post-meta, .search-results .type-feature .post-meta, .search-results .type-testimonial .post-meta, .search-results .type-portfolio .post-meta { margin: 0 0 1.618em 0; } .post .post-meta li, .type-page .post-meta li, .type-feature .post-meta li, .type-testimonial .post-meta li, .type-portfolio .post-meta li, .search-results .page .post-meta li, .search-results .type-product .post-meta li, .search-results .type-feature .post-meta li, .search-results .type-testimonial .post-meta li, .search-results .type-portfolio .post-meta li { display: inline; } .post .post-more, .type-page .post-more, .type-feature .post-more, .type-testimonial .post-more, .type-portfolio .post-more, .search-results .page .post-more, .search-results .type-product .post-more, .search-results .type-feature .post-more, .search-results .type-testimonial .post-more, .search-results .type-portfolio .post-more { clear: both; } .post .entry a, .type-page .entry a, .type-feature .entry a, .type-testimonial .entry a, .type-portfolio .entry a, .search-results .page .entry a, .search-results .type-product .entry a, .search-results .type-feature .entry a, .search-results .type-testimonial .entry a, .search-results .type-portfolio .entry a { text-decoration: underline; } .post .entry blockquote, .type-page .entry blockquote, .type-feature .entry blockquote, .type-testimonial .entry blockquote, .type-portfolio .entry blockquote, .search-results .page .entry blockquote, .search-results .type-product .entry blockquote, .search-results .type-feature .entry blockquote, .search-results .type-testimonial .entry blockquote, .search-results .type-portfolio .entry blockquote { position: relative; margin: 0 0 1.618em; padding: 0 0 0 2.618em; quotes: "\201C" "\201D" "\2018" "\2019"; font-style: italic; } .post .entry blockquote:before, .type-page .entry blockquote:before, .type-feature .entry blockquote:before, .type-testimonial .entry blockquote:before, .type-portfolio .entry blockquote:before, .search-results .page .entry blockquote:before, .search-results .type-product .entry blockquote:before, .search-results .type-feature .entry blockquote:before, .search-results .type-testimonial .entry blockquote:before, .search-results .type-portfolio .entry blockquote:before { content: open-quote; position: absolute; top: 0; left: 0; font-family: Georgia, serif; font-size: 4em; line-height: 1; margin: 0; vertical-align: -0.4em; } .post p.tags, .type-page p.tags, .type-feature p.tags, .type-testimonial p.tags, .type-portfolio p.tags, .search-results .page p.tags, .search-results .type-product p.tags, .search-results .type-feature p.tags, .search-results .type-testimonial p.tags, .search-results .type-portfolio p.tags { background: url('images/ico-tag.png') no-repeat top left; padding-left: 1.618em; width: 100%; clear: both; } .post img, .type-page img, .type-feature img, .type-testimonial img, .type-portfolio img, .search-results .page img, .search-results .type-product img, .search-results .type-feature img, .search-results .type-testimonial img, .search-results .type-portfolio img, .post img.thumbnail, .type-page img.thumbnail, .type-feature img.thumbnail, .type-testimonial img.thumbnail, .type-portfolio img.thumbnail, .search-results .page img.thumbnail, .search-results .type-product img.thumbnail, .search-results .type-feature img.thumbnail, .search-results .type-testimonial img.thumbnail, .search-results .type-portfolio img.thumbnail { padding: 0px; /*border: 1px solid #eaeaea; background: #fff;*/ max-width: 100%; height: auto; } .post img:hover, .type-page img:hover, .type-feature img:hover, .type-testimonial img:hover, .type-portfolio img:hover, .search-results .page img:hover, .search-results .type-product img:hover, .search-results .type-feature img:hover, .search-results .type-testimonial img:hover, .search-results .type-portfolio img:hover, .post img.thumbnail:hover, .type-page img.thumbnail:hover, .type-feature img.thumbnail:hover, .type-testimonial img.thumbnail:hover, .type-portfolio img.thumbnail:hover, .search-results .page img.thumbnail:hover, .search-results .type-product img.thumbnail:hover, .search-results .type-feature img.thumbnail:hover, .search-results .type-testimonial img.thumbnail:hover, .search-results .type-portfolio img.thumbnail:hover { border-color: #d1d1d1; } .post img.woo-image, .type-page img.woo-image, .type-feature img.woo-image, .type-testimonial img.woo-image, .type-portfolio img.woo-image, .search-results .page img.woo-image, .search-results .type-product img.woo-image, .search-results .type-feature img.woo-image, .search-results .type-testimonial img.woo-image, .search-results .type-portfolio img.woo-image { margin: 0 0 1.618em; } .post img.wp-smiley, .type-page img.wp-smiley, .type-feature img.wp-smiley, .type-testimonial img.wp-smiley, .type-portfolio img.wp-smiley, .search-results .page img.wp-smiley, .search-results .type-product img.wp-smiley, .search-results .type-feature img.wp-smiley, .search-results .type-testimonial img.wp-smiley, .search-results .type-portfolio img.wp-smiley { padding: 0; border: 0; } .post .alignleft, .type-page .alignleft, .type-feature .alignleft, .type-testimonial .alignleft, .type-portfolio .alignleft, .search-results .page .alignleft, .search-results .type-product .alignleft, .search-results .type-feature .alignleft, .search-results .type-testimonial .alignleft, .search-results .type-portfolio .alignleft { float: left; margin: 0 1.618em 1em 0; } .post .alignright, .type-page .alignright, .type-feature .alignright, .type-testimonial .alignright, .type-portfolio .alignright, .search-results .page .alignright, .search-results .type-product .alignright, .search-results .type-feature .alignright, .search-results .type-testimonial .alignright, .search-results .type-portfolio .alignright { float: right; margin: 0 0 1em 1.618em; } .post .aligncenter, .type-page .aligncenter, .type-feature .aligncenter, .type-testimonial .aligncenter, .type-portfolio .aligncenter, .search-results .page .aligncenter, .search-results .type-product .aligncenter, .search-results .type-feature .aligncenter, .search-results .type-testimonial .aligncenter, .search-results .type-portfolio .aligncenter { display: block; text-align: center; margin: 0 auto 1.618em; } .post .wp-caption, .type-page .wp-caption, .type-feature .wp-caption, .type-testimonial .wp-caption, .type-portfolio .wp-caption, .search-results .page .wp-caption, .search-results .type-product .wp-caption, .search-results .type-feature .wp-caption, .search-results .type-testimonial .wp-caption, .search-results .type-portfolio .wp-caption { padding: .077em; text-align: center; background: #000; border: 0px none; max-width: 100%; } .post .wp-caption img, .type-page .wp-caption img, .type-feature .wp-caption img, .type-testimonial .wp-caption img, .type-portfolio .wp-caption img, .search-results .page .wp-caption img, .search-results .type-product .wp-caption img, .search-results .type-feature .wp-caption img, .search-results .type-testimonial .wp-caption img, .search-results .type-portfolio .wp-caption img { margin: 0; padding: .327em 0; background: none; border: 0; } .post .wp-caption-text, .type-page .wp-caption-text, .type-feature .wp-caption-text, .type-testimonial .wp-caption-text, .type-portfolio .wp-caption-text, .search-results .page .wp-caption-text, .search-results .type-product .wp-caption-text, .search-results .type-feature .wp-caption-text, .search-results .type-testimonial .wp-caption-text, .search-results .type-portfolio .wp-caption-text { margin: 0; padding: 0; text-align: center; } .post ol, .type-page ol, .type-feature ol, .type-testimonial ol, .type-portfolio ol, .search-results .page ol, .search-results .type-product ol, .search-results .type-feature ol, .search-results .type-testimonial ol, .search-results .type-portfolio ol, .post ul, .type-page ul, .type-feature ul, .type-testimonial ul, .type-portfolio ul, .search-results .page ul, .search-results .type-product ul, .search-results .type-feature ul, .search-results .type-testimonial ul, .search-results .type-portfolio ul { list-style-position: inside; } .archive .post, .page-template-template-blog-php .post { /* padding: 0 0 2.244em; border-bottom: #d6d6d6 1px dotted;*/ } /* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding: 1em 0; } .nav-entries a { display: block; color: #4c4c4c; text-decoration: none; } .nav-entries a:hover { text-decoration: underline; } .woo-pagination { margin: 0 5%; border-top: 0 none; } .woo-pagination .page-numbers { display: inline; text-decoration: none; /*color: #52a0cd;*/ padding: 1.618em 0 .618em; font-weight: bold; } .woo-pagination .page-numbers:hover { border-color: #dddddd; } .woo-pagination .page-numbers.current { color: #4c4c4c; } /* 3.3 Single Post Author */ #post-author { background: #ffffff; padding: 1.618em 0; border-top: 1px dotted #eaeaea; clear: both; } #post-author .profile-image { float: left; margin: 0 1.618em .382em 0; padding: .382em; border: 1px dotted #eaeaea; background: rgba(255, 255, 255, 0.7); } /* 3.4 Post Entry Nav */ #post-entries { border-top: 2px inset #D7D7D7; border-bottom: 2px inset #D7D7D7; background-color:#000; padding: 1.618em 0; margin: 0 0 2.244em; } /* 3.5 Connect */ #connect { background: #ffffff; padding: 1.618em; border-top: 1px solid #eaeaea; clear: both; } #connect .newsletter-form .email { width: 140px; margin: 0 .382em 0 0; } #connect .social a { opacity: 0.8; filter: alpha(opacity=@opacity * 100); -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #connect .social a:hover { opacity: 1; filter: alpha(opacity=@opacity * 100); } #connect .related-posts { border-left: 1px solid #eaeaea; padding-left: 1em; } #connect .related-posts ul { list-style: none; } #connect .social a:hover { text-decoration: none; } #connect .social a:before { font-family: Social; font-size: 1.9em; line-height: 1; margin-right: 0.2em; } #connect .social a.subscribe:before { content: '\e002'; } #connect .social a.twitter:before { content: '\e004'; } #connect .social a.facebook:before { content: '\e005'; } #connect .social a.youtube:before { content: '\e008'; } #connect .social a.flickr:before { content: '\e006'; } #connect .social a.linkedin:before { content: '\e000'; } #connect .social a.delicious:before { content: '\e001'; } #connect .social a.googleplus:before { content: '\e003'; } .widget #connect { padding: 0; border: 0; } .widget #connect .fl, .widget #connect .fr { float: none; } #main #connect .col-left, #main #connect .col-right { width: 48%; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin: 0 0 1.618em; background:#000; border: 2px inset #d7d7d7; /*border: 2px outset #6A6A6A;*/ } .widget h3 { border: 1px solid #000; text-align:center; font-size: 1.1em; line-height: 1.618; font-weight:bold; color: #C0C0C0; margin: 0 0 0 0; background-color: #242424; background-image: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#424242)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #242424, #424242); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #242424, #424242); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #242424, #424242); /* IE10 */ background-image: -o-linear-gradient(top, #242424, #424242); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #242424, #424242); text-decoration: none; } .textwidget { width:80%; margin: 2em auto; } .promo .textwidget { width:100%; margin: 0 0 0 0; } .book .textwidget { width:100%; margin: 0 0 0 0; padding:1px; } #countdown_short .book .textwidget { margin: 0 0 0 0; } .book .textwidget input[type=submit] { font-size: 1.5em; width: 99.4%; height: 45px; border-radius:0em; font-weight:normal; border: 0; display: inline-block; padding: .327em .618em; color: #111; background-clip: padding-box; background-color: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(#f7dfa5), to(#f0c14b)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f7dfa5, #f0c14b); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f7dfa5%, #f0c14b); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #f7dfa5, #f0c14b); /* IE10 */ background-image: -o-linear-gradient(top, #f7dfa5, #f0c14b); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f7dfa5, #f0c14b); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-background-clip: padding; -webkit-background-clip: padding-box; /* Make inputs the same size as normal text */ } .book .textwidget input[type=submit]:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#f5d78e), to(#eeb933)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f5d78e, #eeb933); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f5d78e%, #eeb933); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #f5d78e, #eeb933); /* IE10 */ background-image: -o-linear-gradient(top, #f5d78e, #eeb933); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f5d78e, #eeb933); background-color: rgba(0, 0, 0, 0); } .widget ul { clear: both; list-style: none; margin: 0; } .widget ul li { margin-bottom: .327em; } .widget ul li a { text-decoration: none; } .widget ul li a:hover { text-decoration: underline; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ #searchform { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ position: relative; border-color: #d6d6d6 #eaeaea #eaeaea #d6d6d6; border-width: 1px; border-style: solid; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #searchform .s, #searchform #s { padding: .857em 2.618em .857em .857em; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin: 0; border: 0; background: none; color: #4c4c4c; } #searchform .search-submit, #searchform #searchsubmit { position: absolute; top: 33%; right: .857em; border: none; overflow: hidden; margin: 0; padding: 20px 0 0; width: 20px; height: 0; background: url('images/ico-search.png') no-repeat left top; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #searchform .search-submit:active, #searchform #searchsubmit:active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #searchform .search-submit:hover, #searchform #searchsubmit:hover { background: url('images/ico-search.png') no-repeat left top; } #searchform label { display: none; } #searchform { background: #fff; margin: .302em 0 0; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #eaeaea; } #searchform input::-webkit-input-placeholder { color: #c4c4c4; } #searchform input:-moz-placeholder { color: #c4c4c4; } #searchform input:-ms-input-placeholder { color: #c4c4c4; } #searchform #s { color: #c4c4c4; font-size: 1em; padding: .4em 1em .2em 2.8em; min-width: 19.2em; } #searchform #searchsubmit { top: 24%; left: .857em; right: auto; opacity: 0.3; filter: alpha(opacity=@opacity * 100); } #social img{ margin:0 3px 5px; width: 30px; } #social a img:hover { -webkit-box-shadow: 0px 0px 10px 2px rgba(255,255,250,0.44); -moz-box-shadow: 0px 0px 10px 2px rgba(255,255,250,0.44); box-shadow: 0px 0px 10px 2px rgba(255,255,250,0.44); } /* FLICKR */ .widget_woo_flickr h3 span { color: #0051d8; } .widget_woo_flickr h3 span span { color: #ff1183; } .widget_woo_flickr .flickr_badge_image { float: left; margin: 0 1em 1em 0; } .widget_woo_flickr .wrap { position: relative; padding: 0; } .widget_woo_flickr a img { float: left; display: block; border: 1px solid #eaeaea; padding: .236em; } .widget_woo_flickr a:hover img { border-color: #d1d1d1; } /* CALENDAR */ #wp-calendar { width: 95%; margin-bottom: 1.618em; clear: both; padding: 0; } #wp-calendar caption { padding: 1em; } #wp-calendar th, #wp-calendar td { text-align: center; background: #e6e6e6; padding: .236em 0; } #wp-calendar td { background: transparent; color: #666666; } /* BLOG AUTHOR */ .widget_woo_blogauthorinfo .avatar { padding: .382em; border: 1px solid #eaeaea; } .widget_woo_blogauthorinfo .left { float: left; margin: 0 1em .618em 0; } .widget_woo_blogauthorinfo .right { float: right; margin: 0 .618em 1em; } /* TWITTER */ .widget_woo_twitter .back { padding: 1em; background: #ffffff; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_woo_twitter h3 { border-bottom: 0; margin: 0; } .widget_woo_twitter ul { background: #fff; padding-left: 0; border: 1px solid #eaeaea; } .widget_woo_twitter ul li { border-bottom: 1px solid #eaeaea; padding: 1em; list-style: none; } .widget_woo_twitter ul li:last-child { border: none; } .widget_woo_twitter ul li a { padding: 0; } .widget_woo_twitter ul li .time { color: #666666; } .widget_woo_twitter p { font-weight: bold; color: #666666; } .widget_woo_twitter p a { color: #191919; } /* WOOTABS */ .widget_woodojo_tabs, .woocommerce_tabs, .woocommerce-tabs { clear: both; border: 0; } .widget_woodojo_tabs ul.nav-tabs, .woocommerce_tabs ul.nav-tabs, .woocommerce-tabs ul.nav-tabs, .widget_woodojo_tabs ul.tabs, .woocommerce_tabs ul.tabs, .woocommerce-tabs ul.tabs { margin-bottom: .53em; list-style: none; border-bottom: 0; } .widget_woodojo_tabs ul.nav-tabs:after, .woocommerce_tabs ul.nav-tabs:after, .woocommerce-tabs ul.nav-tabs:after, .widget_woodojo_tabs ul.tabs:after, .woocommerce_tabs ul.tabs:after, .woocommerce-tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woodojo_tabs ul.nav-tabs li, .woocommerce_tabs ul.nav-tabs li, .woocommerce-tabs ul.nav-tabs li, .widget_woodojo_tabs ul.tabs li, .woocommerce_tabs ul.tabs li, .woocommerce-tabs ul.tabs li { float: left; margin-bottom: 0; display: block; } .widget_woodojo_tabs ul.nav-tabs li a, .woocommerce_tabs ul.nav-tabs li a, .woocommerce-tabs ul.nav-tabs li a, .widget_woodojo_tabs ul.tabs li a, .woocommerce_tabs ul.tabs li a, .woocommerce-tabs ul.tabs li a { background: rgba(234, 234, 234, 0.6); border: 1px solid #eaeaea; display: block; color: #4c4c4c; margin: .382em .618em .382em 0 !important; -webkit-border-radius: .382em !important; -moz-border-radius: .382em !important; border-radius: .382em !important; padding: .382em .53em !important; } .widget_woodojo_tabs ul.nav-tabs li a:hover, .woocommerce_tabs ul.nav-tabs li a:hover, .woocommerce-tabs ul.nav-tabs li a:hover, .widget_woodojo_tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li a:hover, .woocommerce-tabs ul.tabs li a:hover { color: #52a0cd; text-decoration: none; } .widget_woodojo_tabs ul.nav-tabs li:last-child a, .woocommerce_tabs ul.nav-tabs li:last-child a, .woocommerce-tabs ul.nav-tabs li:last-child a, .widget_woodojo_tabs ul.tabs li:last-child a, .woocommerce_tabs ul.tabs li:last-child a, .woocommerce-tabs ul.tabs li:last-child a { border-right-width: 1px; } .widget_woodojo_tabs ul.nav-tabs li.active, .woocommerce_tabs ul.nav-tabs li.active, .woocommerce-tabs ul.nav-tabs li.active, .widget_woodojo_tabs ul.tabs li.active, .woocommerce_tabs ul.tabs li.active, .woocommerce-tabs ul.tabs li.active { position: relative; } .widget_woodojo_tabs ul.nav-tabs li.active a, .woocommerce_tabs ul.nav-tabs li.active a, .woocommerce-tabs ul.nav-tabs li.active a, .widget_woodojo_tabs ul.tabs li.active a, .woocommerce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li.active a { position: relative; background: #52a0cd; border: 1px solid #3587b7; color: #fff; } .widget_woodojo_tabs ul.nav-tabs li.active a:hover, .woocommerce_tabs ul.nav-tabs li.active a:hover, .woocommerce-tabs ul.nav-tabs li.active a:hover, .widget_woodojo_tabs ul.tabs li.active a:hover, .woocommerce_tabs ul.tabs li.active a:hover, .woocommerce-tabs ul.tabs li.active a:hover { background: #3587b7; border: 1px solid #2f79a3; color: #fff; text-decoration: none; } .widget_woodojo_tabs ul.nav-tabs li.active a:after, .woocommerce_tabs ul.nav-tabs li.active a:after, .woocommerce-tabs ul.nav-tabs li.active a:after, .widget_woodojo_tabs ul.tabs li.active a:after, .woocommerce_tabs ul.tabs li.active a:after, .woocommerce-tabs ul.tabs li.active a:after { content: ""; display: block; position: absolute; bottom: -4px; left: 0; right: 0; height: 4px; background: #fff; } .widget_woodojo_tabs .tabbable .tab-pane li, .woocommerce_tabs .tabbable .tab-pane li, .woocommerce-tabs .tabbable .tab-pane li { border-bottom: 1px solid #eaeaea; padding: .53em 0 1em; } .widget_woodojo_tabs .tabbable .tab-pane li .meta, .woocommerce_tabs .tabbable .tab-pane li .meta, .woocommerce-tabs .tabbable .tab-pane li .meta { font-size: .857em; } .widget_woodojo_tabs .tabbable .tab-pane li img, .woocommerce_tabs .tabbable .tab-pane li img, .woocommerce-tabs .tabbable .tab-pane li img { border: 1px solid #eaeaea; padding: .302em; margin-right: 1.25em; margin-bottom: 1em; } .woocommerce_tabs, .woocommerce-tabs { border-bottom: 1px dotted #d6d6d6; padding: 0 0 .618em !important; margin: 0 0 2.244em !important; } .woocommerce_tabs ul.tabs, .woocommerce-tabs ul.tabs { border-bottom: 1px solid #eaeaea; margin: 0 0 1.618em !important; } .woocommerce_tabs ul.tabs li a, .woocommerce-tabs ul.tabs li a { border-bottom: 0; margin-bottom: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !importnat; overflow: hidden; } .woocommerce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li.active a { border-bottom: 0; } .woocommerce_tabs ul.tabs li.active a:hover, .woocommerce-tabs ul.tabs li.active a:hover { border-bottom: 0; } .widget_woodojo_tweets { border: 0; } .widget_woodojo_tweets ul li { padding: .618em 0 1em; } .widget_woodojo_tweets ul li:last-child { border: 0; } .widget_woodojo_tweets .follow-link a { background: #52a0cd; color: #fff; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .382em .857em; } .widget_woodojo_tweets .time-ago { display: block; } .widget_woodojo_twitterprofile { margin: 0 0 1.618em; } .widget_woodojo_twitterprofile img { border: 1px solid #eaeaea; padding: .302em; margin-right: 1.25em !important; } .widget_woodojo_twitterprofile .tweeting-since { margin: 0 0 1.618em; } .widget_woodojo_twitterprofile .follow-link a { background: #52a0cd; color: #fff; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .382em .857em; } .widget_woodojo_instagram img { border: 1px solid #eaeaea; padding: .302em; margin-right: 1.25em !important; } .widget_woo_portfolio ul li { margin: 0 0 1.387em; } .widget_woo_portfolio ul li img { border: 0.618em solid #eaeaea; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .widget_woo_portfolio ul li:last-child { margin: 0; } .widget_woothemes_testimonials .testimonials { position: relative; } .widget_woothemes_testimonials .quote { background: url('images/quote-testimonials.png') no-repeat top left; background-position: 0 3%; margin: 0 0 1.618em; } .widget_woothemes_testimonials .quote .testimonials-text { margin: 0 0 1.2em 2.618em; font-size: 1.1em; font-family: "Georgia"; font-style: italic; } .widget_woothemes_testimonials .quote img { width: 2.244em; height: 2.244em; margin: 0 1.2em 1.2em 2.618em; float: left; border: 1px solid #eaeaea; padding: .302em; } .widget_woothemes_testimonials .quote .author { word-wrap: break-word; float: left; display: block; font-style: normal; font-weight: bold; width: 50%; } .widget_woothemes_testimonials .quote .author .excerpt { display: block; font-style: italic; font-weight: normal; } .widget_woothemes_testimonials .quote .author .url { font-weight: normal; } #sidebar .widget_woothemes_testimonials, #footer-widgets .widget_woothemes_testimonials { /* FlexSlider Necessary Styles */ /* Hide the slides before the JS is loaded. Avoids image jumping */ /* Clearfix for the .slides element */ } #sidebar .widget_woothemes_testimonials .quote, #footer-widgets .widget_woothemes_testimonials .quote { margin: 0 0 1.618em; } #sidebar .widget_woothemes_testimonials .flex-direction-nav, #footer-widgets .widget_woothemes_testimonials .flex-direction-nav { position: absolute; top: -1em; right: 1.75em; } #sidebar .widget_woothemes_testimonials .flex-direction-nav a, #footer-widgets .widget_woothemes_testimonials .flex-direction-nav a { opacity: 1; width: 7px; height: 12px; background-image: url('images/bg_directional_nav_testimonials.png'); } #sidebar .widget_woothemes_testimonials .flex-direction-nav .flex-prev, #footer-widgets .widget_woothemes_testimonials .flex-direction-nav .flex-prev { left: 0; } #sidebar .widget_woothemes_testimonials .flex-direction-nav .flex-next, #footer-widgets .widget_woothemes_testimonials .flex-direction-nav .flex-next { right: -20px; } #sidebar .widget_woothemes_testimonials .testimonials, #footer-widgets .widget_woothemes_testimonials .testimonials { margin: 0; padding: 0; } #sidebar .widget_woothemes_testimonials .testimonials .testimonials-list > .quote, #footer-widgets .widget_woothemes_testimonials .testimonials .testimonials-list > .quote { display: none; -webkit-backface-visibility: hidden; } #sidebar .widget_woothemes_testimonials .testimonials .testimonials-list img, #footer-widgets .widget_woothemes_testimonials .testimonials .testimonials-list img { max-width: 100%; display: block; } #sidebar .widget_woothemes_testimonials .testimonials .testimonials-list:after, #footer-widgets .widget_woothemes_testimonials .testimonials .testimonials-list:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #sidebar .widget_woothemes_testimonials html[xmlns] .testimonials .testimonials-list, #footer-widgets .widget_woothemes_testimonials html[xmlns] .testimonials .testimonials-list { display: block; } #sidebar .widget_woothemes_testimonials * html .testimonials .testimonials-list, #footer-widgets .widget_woothemes_testimonials * html .testimonials .testimonials-list { height: 1%; } #sidebar .widget_woo_component, #footer-widgets .widget_woo_component { padding-bottom: 0; border: 0; } #sidebar .widget_woo_component #blog-posts .item, #footer-widgets .widget_woo_component #blog-posts .item { margin-right: 0; width: 100%; } .widget_woothemes_features { margin: 0 0 2.244em; } .widget_woothemes_features:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woothemes_features h2, .widget_woothemes_features h3 { margin: 0 0 1em; font-size: 1.618em; line-height: 1.387em; } .widget_woothemes_features .feature h3 { color: #4c4c4c; font-weight: normal; font-size: 1.2em; margin: 0 0 .382em; } .widget_woothemes_features .feature h3 a { color: #4c4c4c; } .widget_woothemes_features .feature { margin: 0 0 1.618em; } .widget_woothemes_features .feature-content { color: #8c8c8c; } .widget_woothemes_features img { margin: 0 0 1em; height: auto; padding: .53em; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments { position: relative; } #comments h3 { padding: 0; margin: 1.387em 0; } #comments .commentlist { border-top: 1px dotted #eaeaea; } #comments .comment { position: relative; width: 100%; list-style: none; } #comments .comment #respond { padding: 0; } #comments .comment #respond h3 { margin: 0 0 .53em; padding: 0; } #comments .comment #respond h3 small { font-size: .6em; } #comments .comment .comment-container { position: relative; padding: 2.244em 0 1em; border-bottom: 1px dotted #eaeaea; } #comments .comment .comment-head { margin: 0 0 1em 0; color: #999999; } #comments .comment .comment-head .name { color: #4c4c4c; margin: 0; font-weight: bold; } #comments .comment .comment-head .name a { color: #4c4c4c; } #comments .comment .avatar { float: left; margin: 0 1em 1em 0; } #comments .comment .avatar img { margin: 0; vertical-align: middle; border: 1px solid #eaeaea; padding: .327em; background: #fff; } #comments .comment .comment-entry { font-size: .9em; margin-left: 6.5em; } #comments .comment .reply { position: absolute; right: .857em; top: 2.5em; } #comments .comment .reply a { background: none; border: 0; color: #52a0cd !important; text-shadow: none; margin: 0; padding: 0; font-weight: bold; } #comments .comment .reply a:hover { text-decoration: underline; } #comments .comment .reply a:active { box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; border: 0; } #comments ul.children { margin: 0 0 0 1.618em; padding: 0; } #comments .navigation a { display: block; text-decoration: none; } #comments .pingbacks li.pingback { margin: 0 0 1.618em; } #comments .pingbacks li.pingback .reply { display: none; } #comments .nocomments { font-size: .857em; font-weight: bold; border: 1px solid #eaeaea; -webkit-border-radius: 0.232em; border-radius: 0.232em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .618em 1.387em; margin: 0 0 2.244em; } /* 5.2 Comments Form */ #respond label { color: #666666; } #respond #reply-title small a { display: block; margin: 0 0 1.618em; } #respond #commentform .comment-form-url { margin-right: 0; } #respond #commentform label { display: block; margin: 0 0 .53em; color: #8c8c8c; } #respond #commentform input.txt, #respond #commentform textarea { width: 100%; } #respond #commentform #submit { width: 100%; background: #52a0cd; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; text-shadow: 0 0 0 #ffffff; padding: .53em 0 .327em 0; } #respond #commentform #submit:hover { background: #3587b7; } #respond #commentform #submit:active { background: #296a90; } /* 5.3 Pingbacks / Trackbacks */ .pinglist li { margin: 0 0 0 1.618em; list-style-type: decimal; } .pinglist li .author { font-weight: bold; } .pinglist li .pingcontent { display: block; margin: 0 0 1.618em; } /*-------------------------------------------------------------------------------------------*/ /* 6. PAGE TEMPLATES */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Timeline Page Template */ #archives .archives_list { border-left: 1px solid #eaeaea; list-style: none; margin: 0 0 1em 1em; } #archives .archives_list li { clear: left; padding-left: 2.327em; font-style: normal; list-style: none; } #archives .archives_list .date { color: #666666; width: 22.5%; display: inline-block; } #archives .archives_list .linked { width: 48%; display: inline-block; } #archives .archives_list .comments { width: 22.5%; display: inline-block; } #archives .archives_list .comments a { color: #727272; padding-left: 1.236em; } #archives .archives_list .comments a:hover { text-decoration: underline; } h3.archive_year { font-weight: bold; color: #4c4c4c; margin-top: 0; } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms { float: left; list-style: none; width: 100%; } #contact-page ol.forms li { clear: both; float: left; margin-bottom: 1.618em; position: relative; width: 48%; } #contact-page ol.forms li:first-child { margin-right: 3.8%; } #contact-page ol.forms li:nth-child(2n) { clear: none; } #contact-page ol.forms li.textarea, #contact-page ol.forms li.screenReader, #contact-page ol.forms li.inline, #contact-page ol.forms li.buttons { width: 100%; } #contact-page ol.forms li input.txt, #contact-page ol.forms li textarea { width: 100%; } #contact-page ol.forms li .error { display: block; color: red; } #contact-page ol.forms li.textarea .error { display: block; } #contact-page ol.forms li.screenReader { margin-bottom: 0; } #contact-page ol.forms li.inline input { width: auto; } #contact-page ol.forms li.inline label { display: inline; float: none; width: auto; } #contact-page ol.forms label { cursor: pointer; display: block; font-weight: 700; margin: 0 0 1em; } #contact-page ol.forms input#sendCopy { border: none; margin-right: 1em; } .entry #contact-page ol.forms li { list-style: none; } .page-template-template-contact-php #single_map_canvas img { max-width: inherit; } .page-template-template-contact-php .location-twitter { margin: 0 0 1em; padding: 0 0 1.618em; border-bottom: 1px solid #eaeaea; } .page-template-template-contact-php .location-twitter .col-left { float: none; } .page-template-template-contact-php .location-twitter ul { margin: 0; padding: 0; } .page-template-template-contact-php .location-twitter ul li { list-style: none; padding: 0; } .page-template-template-contact-php .location-twitter #office-location { margin: 0 0 1.618em; } .page-template-template-contact-php .location-twitter #office-location a { text-decoration: underline; } .page-template-template-contact-php .location-twitter #office-location ul li { margin: 0 0 1em; } .page-template-template-contact-php .location-twitter .contact-social { float: none; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0 0 1.618em; padding: 0 0 1.618em; border-bottom: 1px solid #eaeaea; background: url('images/ico-twitter-contact.png') no-repeat left center; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li { background: url('images/ico-twitter-contact-bg.png') repeat-x bottom left; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time { color: #727272; } .page-template-template-contact-php .location-twitter .contact-social #connect { background: none; border: none; padding: 0 0 1.618em; } .page-template-template-contact-php .location-twitter .contact-social #connect h3 { display: none; } .page-template-template-contact-php .location-twitter .contact-social #connect .social { float: none; clear: both; } /* 6.3 Image Gallery */ .image-gallery-item .entry img { max-width: 100%; padding: .236em; margin: 0 1.618em 1.618em 0; border: 1px solid #e6e6e6; background: #ffffff; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .image-gallery-item .entry img:hover { border: 1px solid #cccccc; box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); } /* 6.4 Archives Page */ .page-template-template-archives-php .post ol, .page-template-template-timeline-php .post ol, .page-template-template-sitemap-php .post ol, .page-template-template-archives-php .type-page ol, .page-template-template-timeline-php .type-page ol, .page-template-template-sitemap-php .type-page ol, .page-template-template-archives-php .post ul, .page-template-template-timeline-php .post ul, .page-template-template-sitemap-php .post ul, .page-template-template-archives-php .type-page ul, .page-template-template-timeline-php .type-page ul, .page-template-template-sitemap-php .type-page ul { list-style: none; } .page-template-template-archives-php .post .entry a, .page-template-template-timeline-php .post .entry a, .page-template-template-sitemap-php .post .entry a, .page-template-template-archives-php .type-page .entry a, .page-template-template-timeline-php .type-page .entry a, .page-template-template-sitemap-php .type-page .entry a { text-decoration: none; } .page-template-template-archives-php .post .entry a:hover, .page-template-template-timeline-php .post .entry a:hover, .page-template-template-sitemap-php .post .entry a:hover, .page-template-template-archives-php .type-page .entry a:hover, .page-template-template-timeline-php .type-page .entry a:hover, .page-template-template-sitemap-php .type-page .entry a:hover { text-decoration: underline; } .page-template-template-sitemap-php .post ol, .page-template-template-sitemap-php .type-page ol, .page-template-template-sitemap-php .post ul, .page-template-template-sitemap-php .type-page ul { list-style: circle inside; } /*-------------------------------------------------------------------------------------------*/ /* 7. FEATURED SLIDER */ /*-------------------------------------------------------------------------------------------*/ /* 7.1 Core Styles */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles */ .flexslider { margin: 0; padding: 0; background:none repeat scroll 0 0 #000; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { max-width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .flexslider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .flexslider .slides > li:first-child { display: block; } /* 7.2 Theme Styles */ .flexslider .slides { margin: 0 0 60px; background: #000; /*border: 2px inset #D7D7D7;*/ position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } .responsive-slider.flexslider .slides img { border: 2px inset #D7D7D7; padding:1px; background:#000; width:99.94%; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url('images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev { left: -36px; } .flexslider:hover .flex-next { opacity: 0.8; right: 5px; } .flexslider:hover .flex-prev { opacity: 0.8; left: 5px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* 7.3 Content Styles */ .flexslider .slide-content { float: left; } .flexslider .slide-media { float: right; } .flexslider.full-width-slide .has-video .slide-media { float: none; width: 100%; height: auto; } /*-------------------------------------------------------------------------------------------*/ /* 8. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 8.1 Forms */ form.loginform p input[type="password"] { margin:10px 0 20px; } form.loginform p label { vertical-align:middle; height:35px; } select { background-color: #D6D6D6; color: #000000; } input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email], input[type=confirm_email] { padding: .327em .5em; background-color:#D6D6D6; /* border: 1px solid #eaeaea; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box;*/ background-clip: padding-box; font-size: 1em; /* Make inputs the same size as normal text */ line-height: 1.618em; font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ outline: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } a.button, a.comment-reply-link, .submit, input[type=submit], input.button, button.button { display: inline-block; padding: .327em .618em; border: 0; color: #000; text-align: center; text-decoration: none; font-size: 1em; /* Make inputs the same size as normal text */ font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ overflow: visible; width: auto; /* IE fix */ line-height: 1.618em; -webkit-appearance: none; /* Remove iOS glare */ -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #FDFDFD; background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#B1B1B1)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #FDFDFD, #B1B1B1); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #FDFDFD, #B1B1B1); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #FDFDFD, #B1B1B1); /* IE10 */ background-image: -o-linear-gradient(top, #FDFDFD, #B1B1B1); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #FDFDFD, #B1B1B1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); } a.button:hover, a.comment-reply-link:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover { color: #FF0000; text-shadow: 0.2px 0.2px 0.2px #000000; background-color: #656565; background-image: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#949494)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #656565, #949494); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #656565, #949494); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #656565, #949494); /* IE10 */ background-image: -o-linear-gradient(top, #656565, #949494); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #656565, #949494); text-decoration: none; } a.button:active, a.comment-reply-link:active, .submit:active, input[type=submit]:active, input.button:active, button.button:active { background: #296a90; } a.button.large, a.comment-reply-link.large, .submit.large, input[type=submit].large, input.button.large, button.button.large { font-size: 1.387em; } a.button.small, a.comment-reply-link.small, .submit.small, input[type=submit].small, input.button.small, button.button.small { font-size: .857em; } /* 8.2 Gravity forms */ ul.gform_fields li { list-style: none; } .gfield { margin-bottom: 1.618em; } .gfield_label { width: 100%; font-weight: bold; margin-bottom: .618em; display: block; } .gfield_required { color: red; } .ginput_container { margin-bottom: 1.618em; } .ginput_container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .ginput_container label { display: block; } .ginput_container input, .ginput_container textarea { width: 100%; } .ginput_container .ginput_left, .ginput_container .ginput_right, .ginput_container .ginput_full { margin-bottom: 1em; display: block; } .ginput_container .ginput_left label, .ginput_container .ginput_right label, .ginput_container .ginput_full label { font-size: .875em; } .ginput_container .ginput_left, .ginput_container .ginput_right { width: 48%; float: left; clear: left; } .ginput_container .ginput_right { float: right; clear: none; } .ginput_container .gfield_checkbox, .ginput_container .gfield_radio { margin-left: 0; } .ginput_container .gfield_checkbox label, .ginput_container .gfield_radio label { display: inline-block; margin-left: .618em; } .ginput_container .gfield_checkbox input, .ginput_container .gfield_radio input { width: auto; } img.ui-datepicker-trigger { border: 0; padding: 0; } /* 8.3 IE specific styling */ .ie8 img { width: auto !important; } .ie8 .widget_woo_blogauthorinfo .avatar { width: auto; } /* 8.4 Uniform */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action { background-image: url('images/sprite.png'); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * { margin: 0; padding: 0; } /* Select */ div.selector { background-position: -485px -130px; line-height: 26px; height: 26px; } div.selector span { background-position: right 0px; height: 26px; line-height: 26px; } div.selector select { /* change these to adjust positioning of select element */ top: 0px; left: 0px; cursor: pointer; } div.selector:active, div.selector.active { background-position: -485px -156px; } div.selector:active span, div.selector.active span { background-position: right -26px; } div.selector.focus, div.selector.hover, div.selector:hover { background-position: -485px -182px; } div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -52px; } div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: -485px -208px; } div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -78px; } div.selector.disabled { background-position: -485px -234px; } div.selector.disabled span { background-position: right -104px; } /* Checkbox */ div.checker { width: 19px; height: 19px; } div.checker input { width: 19px; height: 19px; } div.checker span { background-position: 0px -260px; height: 19px; width: 19px; } div.checker:active span, div.checker.active span { background-position: -19px -260px; } div.checker.focus span, div.checker:hover span { background-position: -38px -260px; } div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px; } div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px; } div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { width: 18px; height: 18px; } div.radio input { width: 18px; height: 18px; } div.radio span { height: 18px; width: 18px; background-position: 0px -279px; } div.radio:active span, div.radio.active span { background-position: -18px -279px; } div.radio.focus span, div.radio:hover span { background-position: -36px -279px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px; } div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px; } div.uploader span.filename { height: 24px; /* change this line to adjust positioning of filename area */ margin: 2px 0px 2px 2px; line-height: 24px; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; } div.uploader.disabled { background-position: 0px -325px; } div.uploader.disabled span.action { background-position: right -381px; } /* PRESENTATION */ /* Select */ div.selector { width: 185px; font-size: 12px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } div.selector select { min-width: 190px; font-weight: 700; border: solid 1px #fff; } div.selector span { padding: 0px 25px 0px 2px; cursor: pointer; text-align: left; } div.selector span { color: #666; width: 158px; text-align: left; text-shadow: 0 1px 0 #fff; } div.selector.disabled span { color: #bbb; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ div.uploader { width: 190px; cursor: pointer; } div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 11px; } div.uploader input { width: 190px; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; } /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .selector, .checker, .radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; } /* Select */ div.selector { position: relative; padding-left: 8px; overflow: hidden; font-family: sans-serif; } div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; } div.selector select { position: absolute; opacity: 0; filter: alpha(opacity=@opacity * 100); height: 25px; border: none; background: none; } /* Checker */ div.checker { position: relative; } div.checker span { display: -moz-inline-box; display: inline-block; text-align: center; } div.checker input { opacity: 0; filter: alpha(opacity=@opacity * 100); display: inline-block; background: none; } /* Radio */ div.radio { position: relative; } div.radio span { display: -moz-inline-box; display: inline-block; text-align: center; } div.radio input { opacity: 0; filter: alpha(opacity=@opacity * 100); text-align: center; display: inline-block; background: none; } /* Uploader */ div.uploader { position: relative; overflow: hidden; cursor: default; } div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer; } div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } div.uploader input { opacity: 0; filter: alpha(opacity=@opacity * 100); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default; } /*-------------------------------------------------------------------------------------------*/ /* 9. MAIN SLIDER */ /*-------------------------------------------------------------------------------------------*/ #featured-slider { background: none; margin: 0 0 2.618em; padding: 0; border: 0; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; } #featured-slider .slide { padding: 0; border: 0; background: #fff; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #featured-slider .slide.no-image .slide-content { position: static; } #featured-slider .slide:first-child { display: block; } #featured-slider .slide-media { float: none; padding: .327em .387em 0; border: 1px solid #eaeaea; border-width: 1px 1px 0; } #featured-slider .slide-content { float: none; } #featured-slider .slide-content .slide-content-inner { padding: 0 .387em .387em; border: 1px solid #eaeaea; border-width: 0 1px 1px; } #featured-slider .slide-content header, #featured-slider .slide-content footer { background: #000; padding: .618em .857em 0; } #featured-slider .slide-content header h1, #featured-slider .slide-content footer h1 { font-size: 1em; margin: 0; } #featured-slider .slide-content header h1 a, #featured-slider .slide-content footer h1 a { color: #fff; } #featured-slider .slide-content footer { padding-top: .302em; padding-bottom: .618em; } #featured-slider .slide-content footer p { margin: 0; font-size: .857em; } #featured-slider .flex-direction-nav { position: absolute; padding: .327em; top: 1em; right: -3em; margin: 0 3.618em; } #featured-slider .flex-direction-nav a { position: static; opacity: 1; filter: alpha(opacity=@opacity * 100); width: 31px; height: 31px; margin: 0 2px 0 0; } #featured-slider .flex-direction-nav li { display: inline-block; } #slider-pagination { overflow: hidden; background: none; margin: 0 0 2.244em; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .327em; border: 1px solid #eaeaea; } #slider-pagination ol li { margin: 0 .327em 0 0; } #slider-pagination ol li a { cursor: pointer; } #slider-pagination ol li a img { height: auto; opacity: 0.5; filter: alpha(opacity=@opacity * 100); margin: 0 0 0.01em; } #slider-pagination ol li.flex-active-slide img { opacity: 1; filter: alpha(opacity=@opacity * 100); } #slider-pagination .flex-direction-nav { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 0; opacity: 0; filter: alpha(opacity=@opacity * 100); } #slider-pagination .flex-direction-nav a { z-index: 2; top: 41%; left: .5em; position: absolute; opacity: 1; filter: alpha(opacity=@opacity * 100); width: 26px; height: 26px; margin: 0; background: url('images/bg_direction_nav_slider.png') no-repeat 0 0; cursor: pointer; } #slider-pagination .flex-direction-nav .flex-next { right: .5em; left: auto; background-position: 100% 0; margin: 0; } #slider-pagination .flex-direction-nav li { display: inline-block; } #slider-pagination .flex-direction-nav .flex-disabled { opacity: .6!important; filter: alpha(opacity=60) !important; } #slider-pagination:hover .flex-direction-nav { opacity: 1; filter: alpha(opacity=@opacity * 100); } #slider-pagination .flex-viewport { z-index: 1; } .has-horizontal-slider-pagination #featured-slider { margin: 0 0 1.387em; } .has-vertical-slider-pagination #featured-slider { float: left; width: 74%; } .has-vertical-slider-pagination #slider-pagination { overflow: hidden; padding: .327em; float: right; width: 25%; clear: right; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .has-vertical-slider-pagination #slider-pagination ol li { margin: 0 0 .327em; } .has-vertical-slider-pagination #slider-pagination ol li img { margin: 0; height: auto; } .has-vertical-slider-pagination #slider-pagination .flex-direction-nav { padding: .53em 0.327em .236em 0.53em; } .has-vertical-slider-pagination #slider-pagination .flex-direction-nav a { width: 19px; height: 8px; margin: 0 0 .327em; background: url('images/bg_direction_nav_home_vertical.png') no-repeat 0 0; } .has-vertical-slider-pagination #slider-pagination .flex-direction-nav .flex-next { background-position: 0 100%; } .has-vertical-slider-pagination #slider-pagination .flex-direction-nav li { display: block; } /*-------------------------------------------------------------------------------------------*/ /* 10. HOMEPAGE */ /*-------------------------------------------------------------------------------------------*/ /* 10.1 General "Home Sections" styling */ .home-section { } .home-section header { margin: 0 0 1.618em; } .home-section header h1 { font-size: 1.618em; margin: 0; } .home-section ul .item h2, .home-section ul .item h3 { color: #4c4c4c; font-weight: normal; font-size: 1.2em; margin: 0 0 .382em; } .home-section ul .item h2 a, .home-section ul .item h3 a { color: #4c4c4c; } .home-section ul .item img { margin: 0 0 1em; padding: .53em; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: auto; } .home-section ul .item p { color: #8c8c8c; margin: 0 0 1em; } .home-section ul .item p:last-child { margin: 0; } .home-section ul li .item { position: relative; float: left; width: 46%; margin: 0 7% 2.244em 0; } .home-section ul li .item.last { margin-right: 0; } .home-section ul li:nth-child(2n+2) .item { margin-right: 0; } .home-section .btn, .home-section .button { display: inline-block; padding: .202em 1em; border: 1px solid #52a0cd; border-bottom-color: #418fbc; color: white; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); text-decoration: none; font-weight: bold; font-size: .9em; font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ overflow: visible; width: auto; /* IE fix */ line-height: 1.618em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #63b1de; background-image: -webkit-gradient(linear, left top, left bottom, from(#63b1de), to(#418fbc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #63b1de, #418fbc); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #63b1de, #418fbc); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #63b1de, #418fbc); /* IE10 */ background-image: -o-linear-gradient(top, #63b1de, #418fbc); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #63b1de, #418fbc); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); } .home-section .btn:hover, .home-section .button:hover { text-decoration: none; background-color: #63b1de; background-image: -webkit-gradient(linear, left top, left bottom, from(#63b1de), to(#307eab)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #63b1de, #307eab); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #63b1de, #307eab); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #63b1de, #307eab); /* IE10 */ background-image: -o-linear-gradient(top, #63b1de, #307eab); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #63b1de, #307eab); } .home-section .btn:active, .home-section .button:active { border-color: #418fbc; -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; } .home-section .flex-direction-nav { position: absolute; right: 0; top: .327em; } .home-section .flex-direction-nav a { position: static; opacity: 1; filter: alpha(opacity=@opacity * 100); width: 9px; height: 19px; margin: 0 .618em 0 0; background: url('images/bg_direction_nav_home.png') no-repeat 0 0; } .home-section .flex-direction-nav .flex-next { background-position: 100% 0; margin: 0; } .home-section .flex-direction-nav li { display: inline-block; } /* 10.2 Intro Message */ #intro-message { background-color:#000; border: 2px inset #d7d7d7; margin-bottom:1.618em; } #intro-message header { margin: 0; } #intro-message h1 { font-size: 1.1em; line-height: 1.618; font-weight:bold; text-indent:1em; color: #C0C0C0; margin: 0 0 0 0; border-left: 1px solid #000; background-color: #242424; background-image: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#424242)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #242424, #424242); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #242424, #424242); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #242424, #424242); /* IE10 */ background-image: -o-linear-gradient(top, #242424, #424242); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #242424, #424242); text-decoration: none; text-align: center; } #intro-message p { margin: 5%; } #intro-message h1 a { text-decoration: underline; } #intro-message h1 a:hover { color: #418fbc; } #newsFeed { background-color:#000; border: 2px inset #d7d7d7; margin-bottom:0em; } /* 10.3 Promotion */ #promotion { background: #f7f7f7; border: 1px solid #eaeaea; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 1.618em 2.244em; margin: 0 0 2.244em; color: #8c8c8c; } #promotion:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #promotion h2 { font-weight: normal; margin: 0; color: #595959; } #promotion p { margin: 0; } #promotion .btn { margin: .53em 0 0; font-size: 1.387em; padding: .146em 1.387em; display: block; } /* 10.4 Home Shop */ #home-shop ul.products { margin: 0; } #home-shop .onsale { position: absolute; top: 1em; right: 2em; background: #52a0cd; } #home-shop .btn, #home-shop .button { padding: .202em .66em; float: left; margin-right: .7em; } #home-shop .btn-details { margin: 0; border: 1px solid #6C6C6C; background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); float: left; } #home-shop .from { display: none; } /* 10.5 Features Widget */ .home .widget_woothemes_features { padding: 0; } #main .widget { padding: 0; margin: 0; border: 0; } #main .widget_woothemes_features .feature { width: 100%; float: left; margin: 0 0 2.244em 0; } #main .widget_woothemes_features .feature.last { margin-right: 0 !important; } /*-------------------------------------------------------------------------------------------*/ /* 11. PORTFOLIO */ /*-------------------------------------------------------------------------------------------*/ #portfolio-gallery header { border: 1px dotted #eaeaea; border-width: 0 0 1px 0; padding: 0 0 1em; margin-bottom: 2.244em; overflow: hidden; } #portfolio-gallery header h1 { margin: 0 0 .327em; } #portfolio-gallery #port-tags a { position: relative; float: left; font-size: 1em; padding: .125em .53em; margin: 0 .53em 0 0; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-weight: normal; text-decoration: none; background: #eaeaea; color: #6a6a6a; } #portfolio-gallery #port-tags a:hover { background: #e5e5e5; } #portfolio-gallery #port-tags a.current { background: #52a0cd; color: #fff; } .page-template-template-portfolio-php .type-page { margin: 0; padding: 0; border: 0; } #portfolio article { margin: 0 auto 2.244em; max-width: 100%; } #portfolio article img { margin: 0; zoom: 1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 0; padding: 0; } #portfolio article a { display: block; } #portfolio article .content-wrapper { position: relative; background: #000; } #portfolio article .mask { display: none; cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.6); } #portfolio article .mask span { color: #fff; } #portfolio article .mask span.title { display: block; font-size: 1.387em; line-height: 1em; } #portfolio article .mask span.tags { font-size: .857em; text-transform: lowercase; } #portfolio article .mask .project-details { margin: .53em 0 0; } #portfolio article .mask .project-details a { text-transform: lowercase; display: inline-block; } #portfolio article .mask .content { position: absolute; bottom: 0; margin: 1.387em; display: block; } #portfolio article:hover a img { opacity: 0.5; filter: alpha(opacity=@opacity * 100); } #portfolio article:hover .mask { display: block; } #portfolio article .hide { display: none; } .single-portfolio .portfolio-meta ul li { list-style: none; font-size: .857em; margin: 0 0 .857em; } .single-portfolio .portfolio-meta ul li.portfolio-date { font-weight: bold; } .single-portfolio .portfolio-meta ul li.portfolio-comments a { -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .single-portfolio #content .portfolio-item { margin: 1em 0 1.618em; } /*-------------------------------------------------------------------------------------------*/ /* 12. FULL WIDTH */ /*-------------------------------------------------------------------------------------------*/ #main.fullwidth, #main.col-left-page, #portfolio-gallery { background:#000; border:2px inset #D7D7D7; min-height:600px; } #main.fullwidth article, /*#main.col-left article,*/ #main.col-left-page article, #portfolio-gallery article { margin:3%; } .type-page header { /*margin-bottom:3em;*/ } .type-page header h1, .type-page header h1 { float: none; clear:both; width: 100%; font-size: 1.1em; line-height: 1.618; font-weight:bold; color: #FF0000; margin: 0 0 3em 0; text-decoration: none; text-transform:uppercase; } /*-------------------------------------------------------------------------------------------*/ /* 13. BAND PAGES */ /*-------------------------------------------------------------------------------------------*/ #logoContainer { text-align: justify; } #logoContainer > div { width: 100px; /* Declare your value. Can be in relative units. */ display: inline-block; vertical-align: top; /* IE fix. */ *display: inline; zoom: 1; } #logoContainer:after { content: ""; width: 100%; display: inline-block; } div#preload { display: none; } /*-------------------------------------------------------------------------------------------*/ /* 14. PLUGIN STYLES */ /*-------------------------------------------------------------------------------------------*/ .responsive-slider.flexslider .slide .slide-title { display:none; } .rev p {display:none;} /*-------------------------------------------------------------------------------------------*/ /* 15. FACEBOOK LIKE BOX */ /*-------------------------------------------------------------------------------------------*/ /* the actual content is wider than the div but doesn’t ever appear that way when viewing it. */ .facebook { height:212px; max-width: 330px; overflow: hidden; border: 1px solid #000000; margin: 0 auto; } /* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it.*/ #fb-root { display: none; } /* To fill the container and nothing else .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }*/ /* remove the divider */ .pluginBoxDivider { border-top:1px solid #000; } ..pluginBoxDividerGray { border-top-color:000; } /*-------------------------------------------------------------------------------------------*/ /* 15. TWITTER BOX */ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 16. JUIZ SOCIAL SHARER */ /*-------------------------------------------------------------------------------------------*/ .juiz_sps_links { margin:0em auto; } .juiz_sps_links .juiz_sps_item a { width:70px; } /*-------------------------------------------------------------------------------------------*/ /* 17. MEDIA QUERIES */ /*-------------------------------------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .book .textwidget { margin: 0 0 1px 0; } } @media (max-width: 1150px) { body { background: #000000; background-image: url('../images/2020/70K_2020_WEB_BG.jpg'); background-position: top center; background-repeat: no-repeat; background-attachment:fixed; -webkit-background-size: 1920px 1326px; background-size:1920px 1326px; overflow: -moz-scrollbars-vertical; overflow-y: scroll; } } @media (max-width: 767px) { .book .textwidget input[type=submit] { width:99.7%; } #navigation { /*display: none;*/ } } @media all and (max-width: 767px) and (min-width: 450px) { #header .mobileNav li:nth-child(2) { margin-left:2%; } #header .mobileNav li:nth-child(5) { margin-left:2%; } } /*@media (max-width: 600px) { #navigation { display: none; } }*/ @media (max-width: 570px) { .book .textwidget input[type=submit] { width:99.5%; margin-bottom:1px; } } @media (max-width: 450px) { .book .textwidget input[type=submit] { width:99.3%; } #main.fullwidth, #main.col-left-page, #portfolio-gallery { min-height:300px; } } @media (max-width: 330px) { #social img { margin: 0 2px 5px; } }