/* Theme Name: The One Pager Theme URI: http://www.woothemes.com/ Version: 1.0.10 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 - Defaults - Typography 2. SITE STRUCTURE & APPEARANCE - Containers - Navigation - Header - Content - Sidebar - Footer 3. HOMEPAGE COMPONENTS - Content Component - Features By WooThemes Widget - Testimonials By WooThemes Widget - Posts Timeline Component - Hero Product Component - Contact Area Component 4. POSTS - Breadcrumbs - Archive Header - Images - Pagination - Single Post Author - Post Entry Nav - Subscribe & Connect 5. WIDGETS - Generic Widgets - Specific Widgets 6. COMMENTS - Comments - Comments Form - Pingbacks / Trackbacks 7. PAGE TEMPLATES - Timeline Page Template - Contact Form - Image Gallery 8. FEATURED SLIDER - Core Styles - Theme Styles 9. MISC - Tables - Forms - Buttons (Includes WF chortcode buttons) - Shortcode info boxes - Gravity forms - IE specific styling -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 0. 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; } /* 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: #f5f5f5; border: 1px solid #dedede; 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; } /* 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 */ /*-------------------------------------------------------------------------------------------*/ /* Variables */ /** * Functions */ /** * Mixins */ /** * Animations */ @-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 */ /*-------------------------------------------------------------------------------------------*/ /* Defaults */ html { font-size: 62.5%; } body { font-size: 1.4em; line-height: 1.618; color: #111111; font-family: "Open Sans", sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } img { vertical-align: bottom; max-width: 100%; } hr { background-color: #dedede; border: 0; height: 1px; margin-bottom: 1.618em; } a { color: #00cbe9; text-decoration: none; } a:hover { color: #00a9c7; text-decoration: underline; } a img { -webkit-transition: opacity ease-out 0.1s; -moz-transition: opacity ease-out 0.1s; -ms-transition: opacity ease-out 0.1s; -o-transition: opacity ease-out 0.1s; transition: opacity ease-out 0.1s; } a img:hover { opacity: 0.75; } /* 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 { font-family: "Bitter", sans-serif; color: #000000; 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: 1em; } h6 { font-size: 0.857em; } p { -webkit-hyphens: auto; -webkit-hyphenate-character: "\2010"; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-before: 3; -moz-hyphens: manual; 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; } /* @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; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* Containers */ #header, #footer, #top, #featured-slider, .widget_woo_component, .home-widgets .widget, #content, #full-single-comments-area { padding-left: 1.618em!important; padding-right: 1.618em!important; } #wrapper { position: relative; opacity: 0; filter: alpha(opacity=@opacity * 100); -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; } #wrapper.loaded { opacity: 1; filter: alpha(opacity=@opacity * 100); } #content { padding: 4.236em 0; } /* Navigation */ /* Styles applied to all instances of 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: rgba(0, 0, 0, 0.7); } ul.nav li.current_page_item ul a, ul.nav li.current_page_parent ul a, ul.nav li.current-menu-ancestor ul a, ul.nav li.current-cat ul a, ul.nav li.li.current-menu-item ul a { background: none; } #top { background: #000; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; z-index: 9995; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #top select { margin: 1.618em 0; width: 100%; } #top #top-nav { display: none; } .admin-bar #top { margin-top: 28px; } /* Header */ body.has-top-nav #header { padding-top: 9.505em; } #header { margin: 0; padding: 5.847em 0 1.618em; clear: both; position: relative; text-align: center; background: #999999; border-bottom: 1px solid #dedede; } #header #logo, #header #hgroup { display: block; margin-bottom: 4.236em; } #header .site-title, #header .site-description { color: #000; display: none; } #header .site-title a, #header .site-description a { color: #000000; text-transform: none; font-weight: normal; text-decoration: none; } #header .site-title a:hover, #header .site-description a:hover { text-decoration: underline; } #header .site-description { color: #2b2b2b; font-family: "Bitter", sans-serif; font-style: italic; } #header p { font-weight: 700; color: #fff; } #header p a { color: #fff; text-decoration: underline; } #header p a:hover { text-decoration: none; } @media only screen and (max-width: 768px) { #header p { font-size: 1.25em!important; line-height: 1.25!important; } } /* Sidebar */ #sidebar { clear: both; overflow: hidden; border-top: 1px solid #dedede; } #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .secondary.last { margin: 0; } /* Footer */ #footer { padding: 3.631em 0; color: #2b2b2b; border-top: 1px solid #dedede; } #footer p { margin: 0; } #footer .footer-section { margin-bottom: 1em; } #footer-widgets { border-top: 1px solid #dedede; padding: 4.236em 0; } /*-------------------------------------------------------------------------------------------*/ /* 3. HOMEPAGE COMPONENTS */ /*-------------------------------------------------------------------------------------------*/ /* Headings */ span.heading, #respond h3 { display: block; font-size: .857em; text-align: center; text-transform: uppercase; font-weight: normal; font-family: "Open Sans", sans-serif; } #content.home-widgets { padding: 0!important; /* Global Woo Component Styles */ /* Dojo Tweets widget on homepage */ } #content.home-widgets .widget_woo_component { margin: 0; padding: 4.236em 0; border-bottom: 1px solid #dedede; } #content.home-widgets .widget_woo_component h2.widget-title { margin-bottom: 1.618em; text-align: center; font-size: 1.618em; } #content.home-widgets .widget_woo_component:nth-child(2n) { background: #f5f5f5; } #content.home-widgets .widget_woo_component:last-child { border-bottom: none; } #content.home-widgets .widget_woodojo_tweets ul li { margin-bottom: 2.618em; } #content.home-widgets .widget_woodojo_tweets .follow-link { float: left; width: 100%; } /* Content Component */ #blog-posts .post header h1 { font-size: 1.618em; } #blog-posts #sidebar { margin-top: 3.631em; } /* Features By WooThemes Widget */ .widget_woothemes_features .feature { width: 100%; margin: 0 0 3.631em; text-align: center; } .widget_woothemes_features .feature img { float: none; margin: 1em auto 1em; } /* Testimonials By WooThemes Widget */ .widget_woothemes_testimonials .quote { margin-bottom: 3.631em; } .widget_woothemes_testimonials .quote blockquote { position: relative; padding: 1.618em!important; font-style: normal!important; background: #fff; quotes: none!important; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 2px solid #f5f5f5; } .widget_woothemes_testimonials .quote blockquote:before { content: '\201C'; } .widget_woothemes_testimonials .quote blockquote:after { content: ''; display: block; width: 0; height: 0; border: 15px solid #f5f5f5; border-color: #f5f5f5 transparent transparent transparent; position: absolute; left: 50%; margin-left: -15px; bottom: -30px; } .widget_woothemes_testimonials .quote cite { display: block; margin: 1.618em 0 0 0; text-align: center; font-style: normal; font-weight: bold; } .widget_woothemes_testimonials .quote cite .excerpt, .widget_woothemes_testimonials .quote cite .url { display: block; font-weight: normal; font-size: .857em; } .widget_woothemes_testimonials .quote cite .url a { color: #2b2b2b; font-size: .857em; } .widget_woothemes_testimonials .quote img { display: block; margin: 2.618em auto 0; -webkit-border-radius: 100%; border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 0 0 3px #ffffff; -webkit-box-shadow: 0 0 0 3px #ffffff; } .widget_woothemes_testimonials:nth-child(2n+2) blockquote { border: none; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05); } .widget_woothemes_testimonials:nth-child(2n+2) blockquote:after { content: ''; display: block; width: 0; height: 0; border: 15px solid #ffffff; border-color: #ffffff transparent transparent transparent; position: absolute; left: 50%; margin-left: -15px; bottom: -30px; } /* Posts Timeline Component */ #posts-timeline { position: relative; } #posts-timeline:before { content: ''; display: block; position: absolute; width: 10px; bottom: 0; left: 50%; margin-left: -5px; top: 27%; background: #dedede; } #posts-timeline .col-full { position: relative; min-height: 400px; } #posts-timeline .timeline-post { display: block; margin-bottom: 3.631em; color: #000000; padding: 1em; position: relative; background: #e5e5e5; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: top ease-in-out 0.2s; -moz-transition: top ease-in-out 0.2s; -ms-transition: top ease-in-out 0.2s; -o-transition: top ease-in-out 0.2s; transition: top ease-in-out 0.2s; } #posts-timeline .timeline-post .date { font-size: .857em; } #posts-timeline .timeline-post .title { font-size: 1.387em; display: block; font-family: "Bitter", sans-serif; font-weight: 700; } #posts-timeline .timeline-post:hover { text-decoration: none; background: #cccccc; box-shadow: 0 0 10px 0 #83efff; -webkit-box-shadow: 0 0 10px 0 #83efff; top: -0.53em; } #posts-timeline .timeline-post:nth-child(1n):before { content: ''; display: block; width: 0; height: 0; border: 15px solid #e5e5e5; border-color: #e5e5e5 transparent transparent transparent; position: absolute; left: 50%; margin-left: -15px; bottom: -30px; z-index: 1; } #posts-timeline .timeline-post:nth-child(1n):after { content: ''; display: block; width: 20px; height: 20px; background: #00cbe9; -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; left: 50%; margin-left: -10px; bottom: -28px; z-index: 0; } #posts-timeline .timeline-post:nth-child(1n):hover:before { border-color: #cccccc transparent transparent transparent; } #posts-timeline .timeline-post:nth-child(1n):hover:after { background-color: #20f292; } /* Hero Product Component */ #home-hero h2.widget-title a { color: #111111; } #home-hero .hero-product { text-align: center; } #home-hero .hero-product .hero-image { position: relative; margin: 0 0 2.618em; } #home-hero .hero-product .hero-image .onsale { position: absolute; top: -22px; left: 50%; margin-left: -22px; z-index: 9999; } #home-hero .hero-product .hero-image img { height: auto; -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 0 0 3px #e5e5e5; -webkit-box-shadow: 0 0 0 3px #e5e5e5; } #home-hero .hero-product .hero-image .price-wrap { display: block; margin: -1em 0 0; position: relative; z-index: 1; } #home-hero .hero-product .hero-image .price-wrap .price { margin: 0 auto; } #home-hero .hero-product .hero-excerpt .button { margin: 1em 1em 0; padding: .53em 1.387em; } /* Contact Area Component */ #contact-area #connect { text-align: center; padding: 0; border: none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #contact-area #connect .social a { margin: 0 .857em .857em; } #contact-area #connect .social a span { display: none; } #contact-area form textarea, #contact-area form input { padding: 1em 1.387em; font-size: 1em; color: #777777; } #contact-area form textarea:focus, #contact-area form input:focus { box-shadow: 0 0 10px 0 #83efff; -webkit-box-shadow: 0 0 10px 0 #83efff; color: #111111; } #contact-area form textarea { margin: 0 0 1.618em; width: 100%; height: 403px; } #contact-area form .col-right { float: none; } #contact-area form .col-right input { width: 100%; margin: 0 0 1em; display: block; } /*-------------------------------------------------------------------------------------------*/ /* 4. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumbs { margin-bottom: 4.236em; padding: 1em; border-bottom: 1px solid #dedede; } #breadcrumbs #breadcrumb, #breadcrumbs .post .video { margin-bottom: 1.618em; } .archive-header { display: block; float: left; width: 100%; margin: 0 0 2.618em; padding: 0 0 1em; text-align: center; } .archive-header .archive-rss a { color: #111111; } .archive-header .archive-rss a:after { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; line-height: 1em; width: 1em; text-align: right; content: '\f09e'; } .archive-description { clear: both; margin-bottom: 1.618em; } body.archive .post, body.search .post, body.page-template-template-blog-php .post, body.archive .type-page, body.search .type-page, body.page-template-template-blog-php .type-page, body.archive .type-feature, body.search .type-feature, body.page-template-template-blog-php .type-feature, body.archive .type-testimonial, body.search .type-testimonial, body.page-template-template-blog-php .type-testimonial { padding-bottom: 4.236em; border-bottom: 1px solid #dedede; } .post, .type-page, .type-feature, .type-testimonial, .article-content { margin: 0 0 4.236em; /* Post Content Images */ } .post header, .type-page header, .type-feature header, .type-testimonial header, .article-content header { margin: 0 0 2.618em; text-align: center; } .post header h1, .type-page header h1, .type-feature header h1, .type-testimonial header h1, .article-content header h1 { margin: 0 0 .202em; font-size: 2.618em; font-weight: bold; } .post header h1 a:link, .type-page header h1 a:link, .type-feature header h1 a:link, .type-testimonial header h1 a:link, .article-content 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, .article-content header h1 a:visited { color: #000000; } .post .post-date-author, .type-page .post-date-author, .type-feature .post-date-author, .type-testimonial .post-date-author, .article-content .post-date-author { display: block; margin: 0 0 1.387em; font-style: italic; font-size: .857em; } .post .post-date-author strong, .type-page .post-date-author strong, .type-feature .post-date-author strong, .type-testimonial .post-date-author strong, .article-content .post-date-author strong { font-weight: normal; } .post .post-date-author a, .type-page .post-date-author a, .type-feature .post-date-author a, .type-testimonial .post-date-author a, .article-content .post-date-author a { color: #111111; } .post .post-category a, .type-page .post-category a, .type-feature .post-category a, .type-testimonial .post-category a, .article-content .post-category a { margin: 0 .327em; padding: .53em .857em; background: #f5f5f5; border: 1px solid #dedede; color: #2b2b2b; text-transform: uppercase; font-size: .857em; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .post .post-category a:hover, .type-page .post-category a:hover, .type-feature .post-category a:hover, .type-testimonial .post-category a:hover, .article-content .post-category a:hover { text-decoration: none; color: #111111; border: 1px solid #c5c5c5; } .post .post-more, .type-page .post-more, .type-feature .post-more, .type-testimonial .post-more, .article-content .post-more { clear: both; text-align: center; text-transform: uppercase; font-size: .857em; } .post .post-more a, .type-page .post-more a, .type-feature .post-more a, .type-testimonial .post-more a, .article-content .post-more a { color: #5e5e5e; } .post .post-more .comments a, .type-page .post-more .comments a, .type-feature .post-more .comments a, .type-testimonial .post-more .comments a, .article-content .post-more .comments a { line-height: 1; } .post .post-more .comments a:before, .type-page .post-more .comments a:before, .type-feature .post-more .comments a:before, .type-testimonial .post-more .comments a:before, .article-content .post-more .comments a:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; line-height: 1em; width: 1em; content: '\f075'; margin: 0 .236em 0 0; } .post p.tags, .type-page p.tags, .type-feature p.tags, .type-testimonial p.tags, .article-content p.tags { width: 100%; clear: both; } .post p.tags:before, .type-page p.tags:before, .type-feature p.tags:before, .type-testimonial p.tags:before, .article-content p.tags:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; line-height: 1em; width: 1em; content: '\f02c'; } .post .entry ul, .type-page .entry ul, .type-feature .entry ul, .type-testimonial .entry ul, .article-content .entry ul, .post .entry ol, .type-page .entry ol, .type-feature .entry ol, .type-testimonial .entry ol, .article-content .entry ol { margin-left: 1.618em; } .post .entry blockquote, .type-page .entry blockquote, .type-feature .entry blockquote, .type-testimonial .entry blockquote, .article-content .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, .article-content .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 img, .type-page img, .type-feature img, .type-testimonial img, .article-content img, .post img.thumbnail, .type-page img.thumbnail, .type-feature img.thumbnail, .type-testimonial img.thumbnail, .article-content img.thumbnail { border: 1px solid #dedede; max-width: 100%; height: auto; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .post img:hover, .type-page img:hover, .type-feature img:hover, .type-testimonial img:hover, .article-content img:hover, .post img.thumbnail:hover, .type-page img.thumbnail:hover, .type-feature img.thumbnail:hover, .type-testimonial img.thumbnail:hover, .article-content img.thumbnail:hover { border-color: #c5c5c5; } .post img.wp-smiley, .type-page img.wp-smiley, .type-feature img.wp-smiley, .type-testimonial img.wp-smiley, .article-content img.wp-smiley { padding: 0; border: 0; } .post .alignleft, .type-page .alignleft, .type-feature .alignleft, .type-testimonial .alignleft, .article-content .alignleft { float: left; margin: 0 1.618em 2.618em 0; } .post .alignright, .type-page .alignright, .type-feature .alignright, .type-testimonial .alignright, .article-content .alignright { float: right; margin: 0 0 2.618em 1.618em; } .post .aligncenter, .type-page .aligncenter, .type-feature .aligncenter, .type-testimonial .aligncenter, .article-content .aligncenter { display: block; text-align: center; margin: 0 auto 2.618em; } .post .wp-caption, .type-page .wp-caption, .type-feature .wp-caption, .type-testimonial .wp-caption, .article-content .wp-caption { padding: .857em .53em .53em; text-align: center; background: #f5f5f5; border: 1px solid #dedede; max-width: 100%; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .post .wp-caption img, .type-page .wp-caption img, .type-feature .wp-caption img, .type-testimonial .wp-caption img, .article-content .wp-caption img { margin: 0; background: none; border: 0; border: 1px solid #dedede; -webkit-border-radius: none!important; -moz-border-radius: none!important; border-radius: none!important; } .post .wp-caption-text, .type-page .wp-caption-text, .type-feature .wp-caption-text, .type-testimonial .wp-caption-text, .article-content .wp-caption-text { margin: .857em 0 .53em; padding: 0; text-align: center; font-weight: bold; } /* Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding: 1em 0; } .nav-entries a span.nav-prev, .nav-entries a span.nav-next { display: block; color: #111111; text-decoration: none; padding: .857em 1.387em; font-weight: bold; background: #f5f5f5; border: 1px solid #dedede; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .nav-entries a:hover span.nav-prev, .nav-entries a:hover span.nav-next { background: #e5e5e5; } #post-entries { clear: both; } #post-entries .fl, #post-entries .fr { float: none; } #post-entries .nav-prev, #post-entries .nav-next { margin: .857em 0; max-width: 280px; } #post-entries .nav-prev a, #post-entries .nav-next a { display: block; color: #111111; text-decoration: none; padding: .857em 1.387em; font-weight: bold; background: #f5f5f5; border: 1px solid #dedede; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #post-entries .nav-prev a:hover, #post-entries .nav-next a:hover { background: #e5e5e5; } .woo-pagination { margin: 0; text-align: center; margin: 0 0.146em; } .woo-pagination span:first-child, .woo-pagination a:first-child { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-left: 1px solid #dedede; } .woo-pagination span:last-child, .woo-pagination a:last-child { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-right: 1px solid #dedede; } .woo-pagination .page-numbers { line-height: 3.5; display: inline; text-decoration: none; color: #777777; margin: 0 0 0 -4px; padding: .857em 1.387em; font-weight: bold; background: #f5f5f5; border: 1px solid #dedede; border-width: 1px 1px 1px 0; } .woo-pagination .page-numbers:hover { background: #e5e5e5; } .woo-pagination .page-numbers.current { background: #b2b2b2; color: #fff; } /* Single Post Author */ #post-author { margin-bottom: 3.631em; padding: 2.618em; border: 1px solid #dedede; clear: both; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05); } #post-author.fl { float: none; } #post-author .profile-image img { float: right; margin: 0 0 .382em 1.618em; background: rgba(255, 255, 255, 0.7); -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #post-author .profile-link { margin-top: 1em; } /* Subscribe & Connect */ #connect { margin-bottom: 3.631em; padding: 2.618em; border: 1px solid #dedede; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05); } #connect.fr { float: none; } #connect .newsletter-form { margin: 0 0 2.244em; } #connect .newsletter-form .email { width: 50%; margin-right: 2%; } #connect .social a { display: inline-block; margin: 0 .382em .53em 0; padding: 7px 7px 0; width: 26px; height: 33px; text-align: center; color: #fff; background: #111111; -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 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 .social a:hover { text-decoration: none; } #connect .social a:before { font-family: Social; font-size: 17px; line-height: 1.5; } #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'; } /* Related Posts */ .sc-related-posts { margin: 0 0 3.631em; clear: both; } .sc-related-posts h4 { font-size: 1.387em; text-align: center; } .sc-related-posts ul { list-style: disc; } .sc-related-posts ul li { margin-left: 1.387em; } .sc-related-posts ul li .thumbnail { display: none; } .sc-related-posts ul li span { font-weight: normal; color: #111111; } .widget #connect .fl, .widget #connect .fr { float: none; } #main #connect .col-left, #main #connect .col-right { width: 48%; } /* Full Width Single Page */ #full-single-comments-area { padding: 4.236em 0; background: #f5f5f5; border-top: 1px solid #dedede; } #full-single-comments-area #post-author, #full-single-comments-area #connect { background: #ffffff; } #full-single-comments-area .sc-related-posts { margin: 0; } /*-------------------------------------------------------------------------------------------*/ /* 5. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* GLOBAL WIDGET STYLES */ .widget { color: #444444; } .widget a { color: #111111; } .widget a:hover { color: #00cbe9; } .widget h3 { margin: 0 0 1em; color: #111111; font-size: 1.387em; text-transform: uppercase; } .widget ul { clear: both; margin: 0 0 0 .53em; padding: 0; list-style-position: inside; list-style-type: disc; } .widget ul li { list-style: none; padding: .53em 0; } .widget ul li a { text-decoration: none; } .widget ul li a:hover { text-decoration: underline; } .widget ul ul { margin-top: .53em; } .widget ul ul li:last-child { padding-bottom: 0; } #sidebar .widget { padding: 2.618em 1.618em; font-size: .857em; border-bottom: 1px solid #dedede; } #sidebar .widget:nth-child(2n+1) { background: #f5f5f5; } #footer-widgets .widget { padding: 0 1.618em 2.618em; } #footer-widgets .widget_woo_flickr .wrap .flickr_badge_image, #footer-widgets .widget_woodojo_instagram ul li { margin: 0 .53em 1em!important; } #footer-widgets .widget_woo_subscribe #connect .newsletter-form .email { width: 100%!important; } #footer-widgets .widget_woo_subscribe #connect .newsletter-form .submit { display: block; margin: 0 auto!important; } /* SPECIFIC WIDGETS */ /* Search */ #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: #cacaca #dedede #dedede #cacaca; border-width: 1px; border-style: solid; background: #fff; -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: #111111; } #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; } /* Flickr */ .widget_woo_flickr h3 span { color: #0051d8; } .widget_woo_flickr h3 span span { color: #ff1183; } .widget_woo_flickr .wrap { text-align: center; } .widget_woo_flickr .wrap .flickr_badge_image { display: inline-block; margin: 0 1em 1.387em; } .widget_woo_flickr .wrap .flickr_badge_image a img { display: block; -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* Subscribe & Connect */ .widget_woo_subscribe #connect { float: none!important; width: 100%!important; padding: 0; border: none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .widget_woo_subscribe #connect .newsletter-form .email { width: 65%!important; margin-right: 2%!important; } .widget_woo_subscribe #connect .newsletter-form .submit { width: auto!important; } /* Calendar */ #wp-calendar caption { padding: 1em; } #wp-calendar th, #wp-calendar td { text-align: center; padding: .53em 0; } /* Blog Author Info */ .widget_woo_blogauthorinfo .avatar { -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_woo_blogauthorinfo .left { float: left; margin: 0 1em .618em 0; } .widget_woo_blogauthorinfo .right { float: right; margin: 0 .618em 1em; } .widget_woo_blogauthorinfo .bio-more { margin: 0; text-align: right; } .widget_woo_blogauthorinfo .bio-more a { text-transform: uppercase; font-size: .857em; } .widget_woo_blogauthorinfo .bio-more a:after { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; line-height: 1em; width: 1em; text-align: right; content: '\f105'; margin-left: .382em; } /* Tag Cloud */ .tag_cloud { text-align: center; } .tag_cloud a { background: #e5e5e5; color: #111111; white-space: nowrap; line-height: 2; margin: .857em; padding: .202em .53em; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .tag_cloud a:hover { text-decoration: none; background: #cccccc; } /* Adspace */ .adspace-widget { text-align: center; } .adspace-widget h3 { text-align: left; } /* Embed */ .widget_woo_embedwidget h4 { display: none; } .widget_woo_embedwidget ul { margin: 1em 1.2em 0; } .widget_woo_embedwidget ul li { list-style: disc; color: #919191; } .widget_woo_embedwidget ul li a { color: #444444; } .widget_woo_embedwidget ul .active { font-weight: 700; color: #00cbe9; } .widget_woo_embedwidget ul .active a { color: #111111; } /* WooTabs */ .widget_woodojo_tabs { clear: both; } .widget_woodojo_tabs ul.nav-tabs, .widget_woodojo_tabs ul.tabs { margin-bottom: .53em; list-style: none; border-bottom: 1px solid #dedede; text-align: center; } .widget_woodojo_tabs ul.nav-tabs:after, .widget_woodojo_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woodojo_tabs ul.nav-tabs li, .widget_woodojo_tabs ul.tabs li { margin-bottom: 0; } .widget_woodojo_tabs ul.nav-tabs li a, .widget_woodojo_tabs ul.tabs li a { display: block; color: #444444; margin: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; background: none!important; padding: .53em .857em !important; border: none!important; } .widget_woodojo_tabs ul.nav-tabs li a:hover, .widget_woodojo_tabs ul.tabs li a:hover { color: #00cbe9 !important; background: none!important; } .widget_woodojo_tabs ul.nav-tabs li:last-child a, .widget_woodojo_tabs ul.tabs li:last-child a { border-right-width: 1px; } .widget_woodojo_tabs ul.nav-tabs li.active, .widget_woodojo_tabs ul.tabs li.active { position: relative; } .widget_woodojo_tabs ul.nav-tabs li.active a, .widget_woodojo_tabs ul.tabs li.active a { position: relative; color: #00cbe9; border: none; } .widget_woodojo_tabs .tabs-top ul.nav-tabs li, .widget_woodojo_tabs .tabs-below ul.nav-tabs li, .widget_woodojo_tabs .tabs-top ul.tabs li, .widget_woodojo_tabs .tabs-below ul.tabs li { display: inline-block; } .widget_woodojo_tabs .tabs-below ul.nav-tabs, .widget_woodojo_tabs .tabs-below ul.tabs { margin: .53em 0 0; } .widget_woodojo_tabs .tabs-left ul.nav-tabs, .widget_woodojo_tabs .tabs-left ul.tabs { text-align: right; } .widget_woodojo_tabs .tabs-right ul.nav-tabs, .widget_woodojo_tabs .tabs-right ul.tabs { text-align: left; } .widget_woodojo_tabs .tab-content img { -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_woodojo_tabs .tab-content ul li a { font-weight: bold; } @media only screen and (max-width: 1100px) { .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 { display: block; } } /* Features & Tesimonials by WooThemes in Sidebar */ #sidebar .widget_woothemes_features .feature, #footer-widgets .widget_woothemes_features .feature { float: none; width: 100%; margin: 1.387em 0 0; text-align: center; } #sidebar .widget_woothemes_features .feature h3, #footer-widgets .widget_woothemes_features .feature h3 { font-family: "Open Sans", sans-serif; font-size: 1em; } #sidebar .widget_woothemes_features .feature img, #footer-widgets .widget_woothemes_features .feature img { float: none; margin: 0 0 1.387em; } #sidebar .widget_woothemes_testimonials .quote, #footer-widgets .widget_woothemes_testimonials .quote { float: none; width: 100%; } /* WooDojo */ .widget_woodojo_twitterprofile p.follow-link, .widget_woodojo_tweets p.follow-link { margin: 1.387em 0 0; font-size: .857em; } .widget_woodojo_twitterprofile p.follow-link a, .widget_woodojo_tweets p.follow-link a { font-weight: bold; text-transform: uppercase; } .widget_woodojo_instagram:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woodojo_instagram ul { text-align: center; } .widget_woodojo_instagram ul li { float: none!important; display: inline-block; margin: 0 1em 1em!important; line-height: 1; } .widget_woodojo_instagram ul li img { display: block; -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_woodojo_twitterprofile { text-align: center; } .widget_woodojo_twitterprofile .avatar { display: block; float: none; margin: 0 auto 1.387em; -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_woodojo_twitterprofile p.stat { display: inline-block; margin: 0 .53em; padding: 20px 0 0; width: 80px; height: 60px; vertical-align: middle; background: #e5e5e5; -webkit-border-radius: 100%; border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_woodojo_twitterprofile p.stat .number { line-height: 1; } .widget_woodojo_twitterprofile .tweeting-since { margin: 0; background: none; font-style: italic; } .widget_woodojo_twitterprofile p.follow-link { margin: 0; } .widget_woodojo_tweets ul li { border-bottom: none; } /*-------------------------------------------------------------------------------------------*/ /* 6. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* Comments */ /* Full Width Single Page */ #full-single-comments-area { padding: 4.236em 0; background: #f5f5f5; border-top: 1px solid #dedede; } #full-single-comments-area #post-author, #full-single-comments-area #connect { background: #ffffff; } #full-single-comments-area #comments { clear: both; } #full-single-comments-area #comments li.comment .comment-container { border: none; } #full-single-comments-area #comments li.comment .comment-container:before { content: ''; display: block; width: 0; height: 0; border: 10px solid #ffffff; border-color: #ffffff transparent transparent transparent; position: absolute; left: 50%; margin-left: -15px; bottom: auto; border-color: transparent #fff transparent transparent; left: -20px; margin: 0.236em 0 0; } #full-single-comments-area #comments li.comment.thread-even .comment-container { border: none; } #full-single-comments-area #comments li.comment.thread-even .comment-container:before { border-color: transparent transparent transparent #fff; left: auto; right: -20px; } #full-single-comments-area #comments li.comment.thread-even .bypostauthor > .comment-container:before, #full-single-comments-area #comments li.comment.thread-even.bypostauthor > .comment-container:before { border-color: transparent transparent transparent #fbeeab; } #full-single-comments-area #comments li.comment.bypostauthor > .comment-container:before { border-color: transparent #fbeeab transparent transparent; } /* Normal Width Single Page */ #comments { position: relative; padding: 4.236em 0; } #comments > h3 { text-align: center; font-size: 1.618em; } #comments li.comment { width: 100%; list-style: none; position: relative; } #comments li.comment.thread-even .comment-container { margin: 0 60px 3.631em 0; } #comments li.comment.thread-even .comment-avatar { float: right; margin: 2.244em 0 1em 1em; } #comments li.comment.thread-even ul.children { margin: 0 1.618em 0 0; } #comments li.comment.bypostauthor > .comment-container { background: #fbeeab; border-color: #f9e47a; } #comments li.comment.bypostauthor > .comment-container .reply a { background: #f8df62; } #comments li.comment.bypostauthor > .comment-container .reply a:hover { background: #f6da4a; } #comments li.comment .comment-container { margin: 0 0 3.631em 60px; position: relative; padding: 2.618em; background: #fff; border: 1px solid #dedede; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05); -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #comments li.comment .comment-meta { margin: 0; line-height: 1; } #comments li.comment .comment-meta a { color: #444444; } #comments li.comment .comment-meta .name { display: block; margin: 0; font-weight: bold; color: #444444; } #comments li.comment .comment-meta .date, #comments li.comment .comment-meta .edit, #comments li.comment .comment-meta .perma { font-size: .618em; color: #444444; } #comments li.comment .comment-avatar { float: left; margin: 2.244em 1em 1em 0; z-index: 99; position: relative; } #comments li.comment .comment-avatar img { margin: 0; vertical-align: middle; -webkit-border-radius: 300px; border-radius: 300px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 0 0 3px #ffffff; -webkit-box-shadow: 0 0 0 3px #ffffff; max-width: 40px; height: auto; } #comments li.comment .reply { margin: 1em 0 0; padding-top: .857em; font-size: .857em; } #comments li.comment .reply a { background: #f0f0f0; border-color: #cccccc; color: #111111 !important; text-shadow: none; margin: 0; } #comments li.comment .reply a:hover { background: #dedede; } #comments li.comment .reply a:after { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; line-height: 1em; width: 1em; text-align: right; content: '\f112'; } #comments li.comment #respond { margin-top: 1.618em; } #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-weight: bold; } /* Comments Form */ #respond a { color: #444444; } #respond label { color: #2b2b2b; display: block; text-align: center; margin: 0 0 .53em; font-style: italic; } #respond .form-submit { text-align: center; } #respond .form-submit #submit { padding: .857em 1.618em; font-family: "Open Sans", sans-serif; } #respond #reply-title small { display: block; margin: 0 0 1.618em; font-size: .857em; } #respond .logged-in-as { text-align: center; font-style: italic; font-size: .857em; } #respond #commentform .comment-form-author, #respond #commentform .comment-form-email, #respond #commentform .comment-form-url { width: 30.75%; float: left; margin-right: 3.8%; } #respond #commentform .comment-form-url { margin-right: 0; } #respond #commentform label { display: block; } #respond #commentform input.txt, #respond #commentform textarea { width: 100%; } /* Pingbacks / Trackbacks */ .pinglist { margin: 1.618em 1.618em 0; } .pinglist li { margin: 0 0 0 1.618em; font-size: .857em; list-style-type: decimal; } .pinglist li .author { font-weight: bold; } .pinglist li .author a { color: #111111; } .pinglist li .pingcontent { display: block; margin: 0 0 1.618em; } /*-------------------------------------------------------------------------------------------*/ /* 7. PAGE TEMPLATES */ /*-------------------------------------------------------------------------------------------*/ /* Timeline Page Template */ #archives { padding: 10px 0 0; } #archives .archives_list { border-left: 1px solid #dedede; list-style: none; margin: 0 0 0 25px; padding: 0 0 20px; } #archives .archives_list:last-child:after { content: ''; position: relative; top: 20px; left: -7px; display: block; width: 5px; height: 5px; border: 4px solid #dedede; -webkit-border-radius: 30px; border-radius: 30px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #e5e5e5; } #archives .archives_list li { clear: left; padding: 10px 0 10px 10px; font-size: 0.9em; font-style: normal; list-style: none; } #archives .archives_list .date { color: #2b2b2b; position: relative; width: 40%; font-style: italic; display: block; vertical-align: top; } #archives .archives_list .date:before { content: ''; position: absolute; top: 9px; left: -10px; display: block; width: 5px; height: 1px; border-top: 2px solid #dedede; } #archives .archives_list .linked { padding-top: 2px; padding-right: 80px; width: auto; display: inline-block; font-size: 1.2em; line-height: 1.2; vertical-align: top; } #archives .archives_list .linked a { font-weight: bold; color: #111111; } #archives .archives_list .comments { float: right; display: inline-block; } #archives .archives_list .comments a { color: #373737; padding-left: 1.236em; } #archives .archives_list .comments a:hover { text-decoration: none; } #archives .archives_list .comments a:after { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; line-height: 1em; width: 1em; text-align: right; content: '\f075'; } h3.archive_year { font-weight: bold; font-size: 1em; text-shadow: 1px 1px 0 #fff; padding: 2px 10px; background: #f5f5f5; color: #111111; border: 1px solid #dedede; display: inline; margin-top: 0; -webkit-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* Contact Form */ #contact-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #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; } .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; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time { color: #373737; } .page-template-template-contact-php .location-twitter .contact-social #connect { background: none; border: none; margin: 1.618em 0 0; padding: 1.618em 0 0; width: 100%; float: none; border-top: 1px solid #dedede; -webkit-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .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; } /* Image Gallery */ #main div.gallery { margin-left: -10px; } #main div.gallery dl.gallery-item dt.gallery-icon { margin: 7%; } #main div.gallery dl.gallery-item img { border: none; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); } .image-gallery-item img { max-width: 100%; padding: .236em; margin: 0 1em 1em 0; border: 1px solid #dcdcdc; background: #f5f5f5; -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 img:hover { border: 1px solid #c2c2c2; 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); } /* Archives & Sitemap */ .page-template-template-archives-php #main .post h3, .page-template-template-sitemap-php #main .post h3, .page-template-template-archives-php #main .page h3, .page-template-template-sitemap-php #main .page h3, .page-template-template-archives-php #main .post h4, .page-template-template-sitemap-php #main .post h4, .page-template-template-archives-php #main .page h4, .page-template-template-sitemap-php #main .page h4 { font-weight: bold; } .page-template-template-archives-php #main .post h4, .page-template-template-sitemap-php #main .post h4, .page-template-template-archives-php #main .page h4, .page-template-template-sitemap-php #main .page h4 { font-family: "Open Sans", sans-serif; color: #2b2b2b; } .page-template-template-archives-php #main .post ul, .page-template-template-sitemap-php #main .post ul, .page-template-template-archives-php #main .page ul, .page-template-template-sitemap-php #main .page ul, .page-template-template-archives-php #main .post ol, .page-template-template-sitemap-php #main .post ol, .page-template-template-archives-php #main .page ol, .page-template-template-sitemap-php #main .page ol { border-top: 1px solid #dedede; list-style: none; margin-left: 0; } .page-template-template-archives-php #main .post ul ul, .page-template-template-sitemap-php #main .post ul ul, .page-template-template-archives-php #main .page ul ul, .page-template-template-sitemap-php #main .page ul ul, .page-template-template-archives-php #main .post ol ul, .page-template-template-sitemap-php #main .post ol ul, .page-template-template-archives-php #main .page ol ul, .page-template-template-sitemap-php #main .page ol ul, .page-template-template-archives-php #main .post ul ol, .page-template-template-sitemap-php #main .post ul ol, .page-template-template-archives-php #main .page ul ol, .page-template-template-sitemap-php #main .page ul ol, .page-template-template-archives-php #main .post ol ol, .page-template-template-sitemap-php #main .post ol ol, .page-template-template-archives-php #main .page ol ol, .page-template-template-sitemap-php #main .page ol ol { margin-left: 20px; border-top: none; } .page-template-template-archives-php #main .post ul ul li, .page-template-template-sitemap-php #main .post ul ul li, .page-template-template-archives-php #main .page ul ul li, .page-template-template-sitemap-php #main .page ul ul li, .page-template-template-archives-php #main .post ol ul li, .page-template-template-sitemap-php #main .post ol ul li, .page-template-template-archives-php #main .page ol ul li, .page-template-template-sitemap-php #main .page ol ul li, .page-template-template-archives-php #main .post ul ol li, .page-template-template-sitemap-php #main .post ul ol li, .page-template-template-archives-php #main .page ul ol li, .page-template-template-sitemap-php #main .page ul ol li, .page-template-template-archives-php #main .post ol ol li, .page-template-template-sitemap-php #main .post ol ol li, .page-template-template-archives-php #main .page ol ol li, .page-template-template-sitemap-php #main .page ol ol li { border: none; } .page-template-template-archives-php #main .post li, .page-template-template-sitemap-php #main .post li, .page-template-template-archives-php #main .page li, .page-template-template-sitemap-php #main .page li { padding: .618em; font-size: .857em; border-bottom: 1px solid #dedede; } .page-template-template-archives-php #main .post li a, .page-template-template-sitemap-php #main .post li a, .page-template-template-archives-php #main .page li a, .page-template-template-sitemap-php #main .page li a { color: #111111; font-weight: bold; } .page-template-template-archives-php #main .post #archive-categories, .page-template-template-sitemap-php #main .post #archive-categories, .page-template-template-archives-php #main .page #archive-categories, .page-template-template-sitemap-php #main .page #archive-categories, .page-template-template-archives-php #main .post #archive-dates, .page-template-template-sitemap-php #main .post #archive-dates, .page-template-template-archives-php #main .page #archive-dates, .page-template-template-sitemap-php #main .page #archive-dates { margin-top: 1.618em; } .page-template-template-archives-php #main .post #archive-categories, .page-template-template-sitemap-php #main .post #archive-categories, .page-template-template-archives-php #main .page #archive-categories, .page-template-template-sitemap-php #main .page #archive-categories, .page-template-template-archives-php #main .post #archive-dates, .page-template-template-sitemap-php #main .post #archive-dates, .page-template-template-archives-php #main .page #archive-dates, .page-template-template-sitemap-php #main .page #archive-dates, .page-template-template-archives-php #main .post #sitemap-pages, .page-template-template-sitemap-php #main .post #sitemap-pages, .page-template-template-archives-php #main .page #sitemap-pages, .page-template-template-sitemap-php #main .page #sitemap-pages, .page-template-template-archives-php #main .post #sitemap-categories, .page-template-template-sitemap-php #main .post #sitemap-categories, .page-template-template-archives-php #main .page #sitemap-categories, .page-template-template-sitemap-php #main .page #sitemap-categories { width: 100%; } @media screen and (max-width: 768px) { .page-template-template-archives-php #main .fl, .page-template-template-sitemap-php #main .fl, .page-template-template-archives-php #main .fr, .page-template-template-sitemap-php #main .fr { float: none!important; } } /*-------------------------------------------------------------------------------------------*/ /* 8. FEATURED SLIDER */ /*-------------------------------------------------------------------------------------------*/ /* 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; } .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; } /* Theme Styles */ #featured-slider { margin: 0; position: relative; zoom: 1; overflow: hidden; border-bottom: 1px solid #dedede; } .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; } .slide-content header h1 a { color: #000000; } .flexslider.no-frame { padding: 4.236em 0 9.505em; } .flexslider.no-frame:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .flexslider.no-frame span.heading { margin: 0 0 1.618em; } .flexslider.no-frame .slide-content { margin-bottom: 3.631em; } .flexslider.no-frame .layout-full .slide-media { width: 100%; float: none; } .flexslider.no-frame .layout-full .slide-media img { width: 100%; } .flexslider.frame { min-height: 100px; padding: 4.236em 0 1.5em; max-width: 75.998em!important; } .flexslider.frame .slide-content { text-align: center; } .flexslider.frame .slide-media { position: relative; margin: 5.874em auto 0; padding: 3.5% 3.6% 7.6%; max-width: 960px; max-height: 616px; text-align: center; background: url('images/bg-screen.png') no-repeat top center; background-size: 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+ */ } .flexslider.frame .slide-media img { height: auto!important; } .flexslider.frame .slide-media img:hover { opacity: 1; filter: alpha(opacity=@opacity * 100); } .flexslider.frame .has-video .slide-media { padding: 3.5% 3.5% 7.6%; } .flexslider.frame .flex-control-nav { display: none; bottom: .6%; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { position: absolute; top: 33%; cursor: pointer; visibility: hidden; text-align: center; opacity: 0.3; 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; z-index: 999; } .flex-direction-nav a:before, .flex-direction-nav a:after { height: 35px; margin: 0!important; background: #000; font-size: 1em!important; color: #fff; text-align: center!important; visibility: visible; } .flex-direction-nav a:hover { text-decoration: none; } .flex-direction-nav .flex-next { right: 0; } .flex-direction-nav .flex-next:after { content: '\f105'; padding: 22px 0 0 3px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; line-height: 1em; width: 1em; text-align: right; } .flex-direction-nav .flex-prev { left: 0; } .flex-direction-nav .flex-prev:before { content: '\f104'; padding: 22px 3px 0 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; line-height: 1em; width: 1em; } .ie .flex-direction-nav a { visibility: visible; font-size: 0; } .ie .flex-direction-nav a:before, .ie .flex-direction-nav a:after { font-size: 14px; } .flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=@opacity * 100); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=@opacity * 100); } .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; left: 0; z-index: 100; 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.3); 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; } /*-------------------------------------------------------------------------------------------*/ /* 9. MISC */ /*-------------------------------------------------------------------------------------------*/ /* Floating & Alignment */ .fl { float: left; } .fr { float: right; } .ac { text-align: center; } .ar { text-align: right; } /* Tables */ table { border-spacing: 0; width: 100%; border: 1px solid #dedede; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-collapse: separate; } table td, table th { padding: 1em 1.618em; text-align: left; border-right: 1px dotted #ebebeb; vertical-align: top; } table td p:last-child, table th p:last-child { margin-bottom: 0; } table thead th { background: #f5f5f5; border-right: 1px dotted #e4e4e4; border-bottom: 1px solid #ebebeb; text-transform: uppercase; padding: 1.387em; 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; } 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 #ebebeb; } table tbody tr:nth-child(2n) td { border-right: 1px dotted #e4e4e4; } table tbody tr:nth-child(2n) td:last-child { border-right: 0; } table tbody td { border-bottom: 1px solid #ebebeb; } 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; } table .alt-table-row td { background: #fafafa; } table tfoot tr th, table tfoot tr td { border-top: 1px solid #dedede; border-right: 1px solid #dedede; background: #f5f5f5; } /* Forms */ input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email], input[type=password] { padding: .236em .5em; border: 1px solid #dedede; -webkit-border-radius: 5px; border-radius: 5px; -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: "Open Sans", sans-serif; /* 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+ */ } /* Buttons (Includes WF chortcode buttons) */ a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button { display: inline-block; padding: .236em .857em; border: none; color: #444444; text-align: center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-decoration: none; font-size: 1em; /* Make inputs the same size as normal text */ font-family: "Open Sans", sans-serif; font-weight: bold; cursor: pointer; /* Inputs need pointers! */ overflow: visible; width: auto; /* IE fix */ line-height: 1.618em; white-space: nowrap; background: #e5e5e5; -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: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover { text-decoration: none; background: #bfbfbf; } a.button:active, a.comment-reply-link:active, #commentform #submit:active, .submit:active, input[type=submit]:active, input.button:active, button.button:active, #wrapper .woo-sc-button:active { border-color: #007694; box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3); } a.button.large, a.comment-reply-link.large, #commentform #submit.large, .submit.large, input[type=submit].large, input.button.large, button.button.large, #wrapper .woo-sc-button.large { font-size: 1.387em; } a.button.small, a.comment-reply-link.small, #commentform #submit.small, .submit.small, input[type=submit].small, input.button.small, button.button.small, #wrapper .woo-sc-button.small { font-size: .857em; } a.button.red, a.comment-reply-link.red, #commentform #submit.red, .submit.red, input[type=submit].red, input.button.red, button.button.red, #wrapper .woo-sc-button.red { border-color: #af4040; border-bottom-color: #9a2020; background: #d72323; } a.button.red:hover, a.comment-reply-link.red:hover, #commentform #submit.red:hover, .submit.red:hover, input[type=submit].red:hover, input.button.red:hover, button.button.red:hover, #wrapper .woo-sc-button.red:hover { background: #d20000; } a.button.orange, a.comment-reply-link.orange, #commentform #submit.orange, .submit.orange, input[type=submit].orange, input.button.orange, button.button.orange, #wrapper .woo-sc-button.orange { border-color: #af7440; border-bottom-color: #9a5420; background: #d76b23; } a.button.orange:hover, a.comment-reply-link.orange:hover, #commentform #submit.orange:hover, .submit.orange:hover, input[type=submit].orange:hover, input.button.orange:hover, button.button.orange:hover, #wrapper .woo-sc-button.orange:hover { background: #d25e00; } a.button.green, a.comment-reply-link.green, #commentform #submit.green, .submit.green, input[type=submit].green, input.button.green, button.button.green, #wrapper .woo-sc-button.green { border-color: #87bf00; border-bottom-color: #7ca122; background: #8dc11e; } a.button.green:hover, a.comment-reply-link.green:hover, #commentform #submit.green:hover, .submit.green:hover, input[type=submit].green:hover, input.button.green:hover, button.button.green:hover, #wrapper .woo-sc-button.green:hover { background: #87c000; } a.button.aqua, a.comment-reply-link.aqua, #commentform #submit.aqua, .submit.aqua, input[type=submit].aqua, input.button.aqua, button.button.aqua, #wrapper .woo-sc-button.aqua { border-color: #40af96; border-bottom-color: #209a82; background: #23d7af; } a.button.aqua:hover, a.comment-reply-link.aqua:hover, #commentform #submit.aqua:hover, .submit.aqua:hover, input[type=submit].aqua:hover, input.button.aqua:hover, button.button.aqua:hover, #wrapper .woo-sc-button.aqua:hover { background: #00d2a8; } a.button.teal, a.comment-reply-link.teal, #commentform #submit.teal, .submit.teal, input[type=submit].teal, input.button.teal, button.button.teal, #wrapper .woo-sc-button.teal { border-color: #23a6d6; border-bottom-color: #20799a; background: #23abd7; } a.button.teal:hover, a.comment-reply-link.teal:hover, #commentform #submit.teal:hover, .submit.teal:hover, input[type=submit].teal:hover, input.button.teal:hover, button.button.teal:hover, #wrapper .woo-sc-button.teal:hover { background: #009ed2; } a.button.purple, a.comment-reply-link.purple, #commentform #submit.purple, .submit.purple, input[type=submit].purple, input.button.purple, button.button.purple, #wrapper .woo-sc-button.purple { border-color: #234dd6; border-bottom-color: #20489a; background: #2356d7; } a.button.purple:hover, a.comment-reply-link.purple:hover, #commentform #submit.purple:hover, .submit.purple:hover, input[type=submit].purple:hover, input.button.purple:hover, button.button.purple:hover, #wrapper .woo-sc-button.purple:hover { background: #0036d2; } a.button.pink, a.comment-reply-link.pink, #commentform #submit.pink, .submit.pink, input[type=submit].pink, input.button.pink, button.button.pink, #wrapper .woo-sc-button.pink { border-color: #d623cb; border-bottom-color: #9a2096; background: #d723d5; } a.button.pink:hover, a.comment-reply-link.pink:hover, #commentform #submit.pink:hover, .submit.pink:hover, input[type=submit].pink:hover, input.button.pink:hover, button.button.pink:hover, #wrapper .woo-sc-button.pink:hover { background: #bc00d2; } a.button.silver, a.comment-reply-link.silver, #commentform #submit.silver, .submit.silver, input[type=submit].silver, input.button.silver, button.button.silver, #wrapper .woo-sc-button.silver { color: #444 !important; text-shadow: 0 1px #fff; border-color: #bbb; border-bottom-color: #999; background: #d8d8d8; } a.button.silver:hover, a.comment-reply-link.silver:hover, #commentform #submit.silver:hover, .submit.silver:hover, input[type=submit].silver:hover, input.button.silver:hover, button.button.silver:hover, #wrapper .woo-sc-button.silver:hover { background: #ccc; } .woo-sc-button { text-shadow: none!important; } /* Shortcode info boxes */ p.woo-sc-box, div.woo-sc-box { margin: 1em 0 1.5em 0; padding: 9px 10px 9px 50px; border-width: 1px 0 1px 0; color: #000000; text-shadow: none; } p.woo-sc-box.rounded, div.woo-sc-box.rounded { -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } p.woo-sc-box.alert, div.woo-sc-box.alert { border-color: #f0baa2; background-color: #ffd9c8; } p.woo-sc-box.download, div.woo-sc-box.download { border-color: #d4ebaf; background-color: #edfcd5; } p.woo-sc-box.tick, div.woo-sc-box.tick { border-color: #d4ebaf; background-color: #edfcd5; } p.woo-sc-box.info, div.woo-sc-box.info { border-color: #dedede; background-color: #f5f5f5; } p.woo-sc-box.note, div.woo-sc-box.note { border-color: #efe3ae; background-color: #fef6d2; } p.woo-sc-box.normal, div.woo-sc-box.normal { border-color: #dedede; background-color: #f5f5f5; } /* 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; } /* IE specific styling */ .ie8 .widget_woo_blogauthorinfo .avatar { width: auto; }