iBet uBet web content aggregator. Adding the entire web to your favor.

Link to original content: https://www.anusarayoga.com/wp-content/themes/scrollider/style.css

/* Theme Name: Scrollider Theme URI: http://www.woothemes.com/ Version: 1.2.7 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! :) */ /*------------------------------------------------------------------------------------------- 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.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. MISC -7.1 Forms -7.2 Gravity forms -7.3 IE specific styling -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 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: #f1f1f1; border: 1px solid #f0f0f0; 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; color: #fff; } .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 */ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ html { font-size: 62.5%; } body { font-size: 1.2em; line-height: 1.618; color: #9e9e9e; font-family: "Open Sans", sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background: #323232; } img { vertical-align: bottom; max-width: 100%; } hr { background-color: #f0f0f0; border: 0; height: 1px; margin-bottom: 1.618em; } /* 1.2 Hyperlinks */ a { color: #5596a5; text-decoration: none; } a:hover { color: #337483; 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; } /* 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 { font-family: museo-slab, sans-serif; color: #4a4a4a; 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: 1.618em; line-height: 1.387em; } h2 { font-size: 1.387em; line-height: 1.387em; } h3 { font-size: 1em; } h4 { font-size: .857em; } h5 { font-size: .857em; } h6 { font-size: .618em; } p { -webkit-hyphens: auto; -webkit-hyphenate-character: "\2010"; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-before: 3; -moz-hyphens: auto; 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; } /* 1.4 Tables */ table { width: 100%; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } table th, table td { vertical-align: top; padding: .618em 1em; border-bottom: 1px solid #f0f0f0; text-align: left; border-collapse: separate; } table thead th { border-bottom-width: 2px; } table tbody tr:last-child th, table tbody tr:last-child td { border-bottom: 0; } .tribe-community-events .tribe-section table.tribe-section-content tr.tribe-field-type-checkbox .tribe-section-content-label, .tribe-community-events .tribe-section table.tribe-section-content tr.tribe-field-type-checkbox td:first-child{ width: 100%; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { background: #f1f1f1; } #content { background: #f1f1f1; padding: 0 0 2.244em; } #content-top { background: #f1f1f1; padding: 0 0 2.618em; } /* 2.2 Navigation */ ul.nav { background: #8b8b8b; background: rgba(0, 0, 0, 0.02); -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: inset 0 0px 6px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 0px 6px 1px rgba(0, 0, 0, 0.05); padding: .857em .53em; float: none; } ul.nav li a { padding: .5em 1em; display: block; } ul.nav li.current_page_item ul li a, ul.nav li.current_page_parent ul li a, ul.nav li.current-menu-ancestor ul li a, ul.nav li.current-cat ul li a, ul.nav li.li.current-menu-item ul li a { box-shadow: inset 0 0 0 0 #888888; -webkit-box-shadow: inset 0 0 0 0 #888888; } ul.nav li.current_page_item ul li.current_page_item a, ul.nav li.current_page_parent ul li.current_page_item a, ul.nav li.current-menu-ancestor ul li.current_page_item a, ul.nav li.current-cat ul li.current_page_item a, ul.nav li.li.current-menu-item ul li.current_page_item a, ul.nav li.current_page_item ul li.current_page_parent a, ul.nav li.current_page_parent ul li.current_page_parent a, ul.nav li.current-menu-ancestor ul li.current_page_parent a, ul.nav li.current-cat ul li.current_page_parent a, ul.nav li.li.current-menu-item ul li.current_page_parent a, ul.nav li.current_page_item ul li.current-menu-ancestor a, ul.nav li.current_page_parent ul li.current-menu-ancestor a, ul.nav li.current-menu-ancestor ul li.current-menu-ancestor a, ul.nav li.current-cat ul li.current-menu-ancestor a, ul.nav li.li.current-menu-item ul li.current-menu-ancestor a, ul.nav li.current_page_item ul li.current-cat a, ul.nav li.current_page_parent ul li.current-cat a, ul.nav li.current-menu-ancestor ul li.current-cat a, ul.nav li.current-cat ul li.current-cat a, ul.nav li.li.current-menu-item ul li.current-cat a, ul.nav li.current_page_item ul li.li.current-menu-item a, ul.nav li.current_page_parent ul li.li.current-menu-item a, ul.nav li.current-menu-ancestor ul li.li.current-menu-item a, ul.nav li.current-cat ul li.li.current-menu-item a, ul.nav li.li.current-menu-item ul li.li.current-menu-item a { background: #8b8b8b; background: rgba(0, 0, 0, 0.02); -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #navigation { clear: both; margin-bottom: 1em; display: none; font-family: myriad-pro, sans-serif; font-size: 1.1em; padding: 0; } #navigation ul { list-style: none; } /* 2.2.2 Top Navigation (optional) */ #top { z-index: 2; position: absolute; top: 0; left: 0; right: 0; } #top select { margin: 1.618em 0 0; width: 100%; } #top #top-nav { display: none; } body.with-top-menu #header { padding-top: 4.236em; } /* 2.3 Header */ #header { padding: 1.2em 0 1em; clear: both; position: relative; background:#FFF; background:rgba(255,255,255,.95); } #header #logo { float: left; margin-bottom: 1.618em; } #header #logo:active { position:relative; top:1px; } #header .site-title, #header .site-description { color: #000; display: none; } #header .site-title a, #header .site-description a { color: #6b6b6b; text-transform: none; font-weight: normal; text-decoration: none; } #header .site-title a:hover, #header .site-description a:hover { text-decoration: underline; } #header .nav-toggle { float: right; width: 1.618em; height: 1.618em; position: relative; cursor: pointer; font-family: sans-serif; background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#828282)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #828282); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #828282); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #828282); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #828282); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #828282); border: 0.202em solid #4f4f4f; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 #606060; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 #606060; } #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 { display: none; } #header .site-description { color: #b8b8b8; font-family: "Merriweather", sans-serif; font-style: italic; } #header #topad { float: right; } /* 2.4 Content */ body.without-features #content { padding-top: 1.618em; } #main { margin: 0 0 1.618em; } /* 2.4.1 Slider */ /* 2.5 Sidebar */ #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .secondary.last { margin: 0; } .events___list_categories { margin-left: 35px; } .events___list_categories a.cat-item{ display: block; padding: 1px 0; } .events___list_categories a.cat-item:before{ margin-left: -15px; content: "\00bb"; position: absolute; } .events___list_categories a.cat-item.level_cat___1{ margin: 15px 0; font-weight: 800; } .events___list_categories a.cat-item.level_cat___2{ padding-left: 45px; } .events___list_categories a.cat-item.level_cat___3{ padding-left: 75px; } /* 2.6 Footer */ #footer { background: #323232; padding: 1.618em 0; color: #e4e4e4; font-size: 1em; } #footer p { margin: 0; } #footer #credit img { vertical-align: middle; } #footer #credit span { display: none; } #footer-widgets-container { background: #ffffff; border-top: 1px solid #f1f1f1; } /* 2.7 Breadcrumbs */ #breadcrumbs { margin-bottom: 1.618em; } /* 2.8 Home & Single widget areas */ #single-widget-fullwidth, #home-widget-fullwidth { margin: 2.244em auto 0; } .single-features #single-widget-fullwidth { margin: 2.244em 0 0 0; max-width: none; } /*-------------------------------------------------------------------------------------------*/ /* 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: #f0f0f0 1px solid; } .archive-description { clear: both; margin-bottom: 1.618em; } .post, .type-page, .type-tribe_events, .type-tribe_venue, .type-features, .search-results .features, .search-results .page, .search-results .type-product, .search-results .type-portfolio { margin: 0 0 2.618em; background: #ffffff; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media (max-width:767px) { .post, .type-page, .type-features, .search-results .features, .search-results .page, .search-results .type-product, .search-results .type-portfolio { border-radius:0; } /*#featured .slide .slide-content-container { display: none; }*/ } .post .article-inner, .type-page .article-inner, .type-features .article-inner, .search-results .features .article-inner, .search-results .page .article-inner, .search-results .type-product .article-inner, .search-results .type-portfolio .article-inner, .type-tribe_venue .article-inner { padding: 2.244em 2.244em 1.618em 1.618em; position: relative; clear: both; overflow: hidden; } .post header h1, .type-page header h1, .type-features header h1, .search-results .features header h1, .search-results .page header h1, .search-results .type-product header h1, .search-results .type-portfolio header h1 { font-size: 2.2em; font-weight: normal; margin: 0 0 1em; } .post header h1 a:link, .type-page header h1 a:link, .type-features header h1 a:link, .search-results .features header h1 a:link, .search-results .page header h1 a:link, .search-results .type-product header h1 a:link, .search-results .type-portfolio header h1 a:link, .post header h1 a:visited, .type-page header h1 a:visited, .type-features header h1 a:visited, .search-results .features header h1 a:visited, .search-results .page header h1 a:visited, .search-results .type-product header h1 a:visited, .search-results .type-portfolio header h1 a:visited { color: #4a4a4a; } .post .post-category, .type-page .post-category, .type-features .post-category, .search-results .features .post-category, .search-results .page .post-category, .search-results .type-product .post-category, .search-results .type-portfolio .post-category { text-transform: uppercase; } .post .post-meta, .type-page .post-meta, .type-features .post-meta, .search-results .features .post-meta, .search-results .page .post-meta, .search-results .type-product .post-meta, .search-results .type-portfolio .post-meta { margin: 0 0 1.618em 0; width: 6.4em; position: absolute; left: 1.387em; top: 2.244em; } .post .post-meta .post-avatar, .type-page .post-meta .post-avatar, .type-features .post-meta .post-avatar, .search-results .features .post-meta .post-avatar, .search-results .page .post-meta .post-avatar, .search-results .type-product .post-meta .post-avatar, .search-results .type-portfolio .post-meta .post-avatar { display: none; } .post .post-meta .post-avatar img, .type-page .post-meta .post-avatar img, .type-features .post-meta .post-avatar img, .search-results .features .post-meta .post-avatar img, .search-results .page .post-meta .post-avatar img, .search-results .type-product .post-meta .post-avatar img, .search-results .type-portfolio .post-meta .post-avatar img { display: block; padding: 0; border: 0; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0 auto 1em auto; } .post .post-meta .post-comments, .type-page .post-meta .post-comments, .type-features .post-meta .post-comments, .search-results .features .post-meta .post-comments, .search-results .page .post-meta .post-comments, .search-results .type-product .post-meta .post-comments, .search-results .type-portfolio .post-meta .post-comments { display: none; position: absolute; right: 0; bottom: 2.244em; right: .618em; } .post .post-meta .post-comments a, .type-page .post-meta .post-comments a, .type-features .post-meta .post-comments a, .search-results .features .post-meta .post-comments a, .search-results .page .post-meta .post-comments a, .search-results .type-product .post-meta .post-comments a, .search-results .type-portfolio .post-meta .post-comments a { height: 1.618em; width: 1.618em; line-height: 1.618em; display: inline-block; background: #cc592c; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); text-align: center; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .post .post-meta .post-comments a:hover, .type-page .post-meta .post-comments a:hover, .type-features .post-meta .post-comments a:hover, .search-results .features .post-meta .post-comments a:hover, .search-results .page .post-meta .post-comments a:hover, .search-results .type-product .post-meta .post-comments a:hover, .search-results .type-portfolio .post-meta .post-comments a:hover { background: #5596a5; text-decoration: none; } .post .post-meta .post-date, .type-page .post-meta .post-date, .type-features .post-meta .post-date, .search-results .features .post-meta .post-date, .search-results .page .post-meta .post-date, .search-results .type-product .post-meta .post-date, .search-results .type-portfolio .post-meta .post-date { display: none; text-align: center; } .post .post-more, .type-page .post-more, .type-features .post-more, .search-results .features .post-more, .search-results .page .post-more, .search-results .type-product .post-more, .search-results .type-portfolio .post-more { clear: both; } .post p.tags, .type-page p.tags, .type-features p.tags, .search-results .features p.tags, .search-results .page p.tags, .search-results .type-product p.tags, .search-results .type-portfolio p.tags { background: url(images/ico-tag.png) no-repeat top left; padding-left: 2.244em; margin: 0; width: 100%; clear: both; } .post img, .type-page img, .type-features img, .search-results .features img, .search-results .page img, .search-results .type-product img, .search-results .type-portfolio img, .post img.thumbnail, .type-page img.thumbnail, .type-features img.thumbnail, .search-results .features img.thumbnail, .search-results .page img.thumbnail, .search-results .type-product img.thumbnail, .search-results .type-portfolio img.thumbnail { /*padding: .327em; margin: 0; border: 1px solid #f0f0f0;*/ background: #fff; max-width: 100%; height: auto; } .post img:hover, .type-page img:hover, .type-features img:hover, .search-results .features img:hover, .search-results .page img:hover, .search-results .type-product img:hover, .search-results .type-portfolio img:hover, .post img.thumbnail:hover, .type-page img.thumbnail:hover, .type-features img.thumbnail:hover, .search-results .features img.thumbnail:hover, .search-results .page img.thumbnail:hover, .search-results .type-product img.thumbnail:hover, .search-results .type-portfolio img.thumbnail:hover { border-color: #d7d7d7; } .post img.woo-image, .type-page img.woo-image, .type-features img.woo-image, .search-results .features img.woo-image, .search-results .page img.woo-image, .search-results .type-product img.woo-image, .search-results .type-portfolio img.woo-image { padding: 0; border: 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .post img.wp-smiley, .type-page img.wp-smiley, .type-features img.wp-smiley, .search-results .features img.wp-smiley, .search-results .page img.wp-smiley, .search-results .type-product img.wp-smiley, .search-results .type-portfolio img.wp-smiley { padding: 0; border: 0; } .post ul, .type-page ul, .type-features ul, .search-results .features ul, .search-results .page ul, .search-results .type-product ul, .search-results .type-portfolio ul, .post ol, .type-page ol, .type-features ol, .search-results .features ol, .search-results .page ol, .search-results .type-product ol, .search-results .type-portfolio ol { list-style-position: inside; } .post .alignleft, .type-page .alignleft, .type-features .alignleft, .search-results .features .alignleft, .search-results .page .alignleft, .search-results .type-product .alignleft, .search-results .type-portfolio .alignleft { float: left; margin: 0 1.618em 1em 0; } .post .alignright, .type-page .alignright, .type-features .alignright, .search-results .features .alignright, .search-results .page .alignright, .search-results .type-product .alignright, .search-results .type-portfolio .alignright { float: right; margin: 0 0 1em 1.618em; } .post .aligncenter, .type-page .aligncenter, .type-features .aligncenter, .search-results .features .aligncenter, .search-results .page .aligncenter, .search-results .type-product .aligncenter, .search-results .type-portfolio .aligncenter { display: block; text-align: center; margin: 0 auto 1.618em; } .post .wp-caption, .type-page .wp-caption, .type-features .wp-caption, .search-results .features .wp-caption, .search-results .page .wp-caption, .search-results .type-product .wp-caption, .search-results .type-portfolio .wp-caption { padding: .077em; text-align: center; background: #f1f1f1; border: 1px solid #f0f0f0; max-width: 100%; } .post .wp-caption img, .type-page .wp-caption img, .type-features .wp-caption img, .search-results .features .wp-caption img, .search-results .page .wp-caption img, .search-results .type-product .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-features .wp-caption-text, .search-results .features .wp-caption-text, .search-results .page .wp-caption-text, .search-results .type-product .wp-caption-text, .search-results .type-portfolio .wp-caption-text { margin: 0; padding: 0; text-align: center; font-size: 14px; line-height: 18px; } .post header h1 { margin: 0 0 .125em; } .type-page .article-inner { padding-left: 1.618em; } .archive_header { margin: 0 0 1.618em; } /* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries a { display: block; color: #9e9e9e; text-decoration: none; } .nav-entries a:hover { text-decoration: underline; } .woo-pagination { background: #fff; margin: 0 0 1.387em; text-align: center; float: left; overflow: hidden; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .woo-pagination .page-numbers { display: inline-block; text-decoration: none; color: #9e9e9e; border-right: 1px solid #f0f0f0; font-weight: bold; padding: .857em 1em; background: #fff; float: left; } .woo-pagination .page-numbers:hover { background: #f9f9f9; } .woo-pagination .page-numbers.current { background: #5596a5; color: #fff; } /* 3.3 Single Post Author */ #post-author { color: #f1f1f1; background: #323232; padding: 1.387em 1.387em 2.244em 1.387em; border-top: 1px solid #f0f0f0; clear: both; } #post-author h3 { color: #f1f1f1; font-size: 1.2em; } #post-author h3 span { display: block; font-size: .618em; text-transform: uppercase; } #post-author .author-links a { display: inline-block; color: #323232; background: #f1f1f1; padding: .382em .857em; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #post-author .author-links a:hover { background: #cc592c; color: #f1f1f1; text-decoration: none; } #post-author .author-links a.website { margin-right: .857em; } /* 3.4 Post Entry Nav */ #post-entries { padding: 0 1.618em 1.618em 1.618em; margin: 0 0 2.618em; position: relative; } #post-entries .nav-next a, #post-entries .nav-prev a { display: block; text-indent: -999em; width: 2.618em; padding: .327em 0; border: 1px solid #e3e3e3; background: url(images/ico-nav-left.png) no-repeat center center; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #post-entries .nav-next a:hover, #post-entries .nav-prev a:hover { background-color: #f1f1f1; } #post-entries .nav-next a { background: url(images/ico-nav-right.png) no-repeat center center; } /* 3.5 Connect */ #connect { background: #f1f1f1; padding: 1.618em; border-top: 1px solid #f0f0f0; clear: both; } #connect .newsletter-form .email { width: 140px; } #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 #f0f0f0; padding-left: 1em; } #connect .related-posts ul { list-style: none; } #connect .social a { float: left; display: inline-block; width: 2.618em; height: 2.618em; margin: 0 .618em .618em 0; background-repeat: no-repeat; background-position: center center; background-image: url(images/features-social-sprite.png); } #connect .social a.delicious { background-position: 0 0; } #connect .social a.facebook { background-position: -39px 0; } #connect .social a.flickr { background-position: -77px 0; } #connect .social a.googleplus { background-position: -115px 0; } #connect .social a.linkedin { background-position: -152px 0; } #connect .social a.subscribe { background-position: -189px 0; } #connect .social a.twitter { background-position: -227px 0; } #connect .social a.youtube { background-position: -265px 0; } .widget #connect { background: none; padding: 0; border: 0; } .widget #connect .fl, .widget #connect .fr { float: none; } #main #connect .col-left, #main #connect .col-right { width: 48%; } .post-share-bar { clear: both; margin-top: 3.631em; position: absolute; } .post-share-bar ul li { display: inline-block; } .post-share-bar ul li.share_title { margin: 0 1em 0 0; } .post-share-bar ul li a { line-height: 1.387em; background: url(images/sharebar.png) no-repeat; width: 16px; height: 16px; margin: 0 .327em; display: inline-block; text-indent: -999em; } .post-share-bar ul li.twitter a { background-position: 0 0; } .post-share-bar ul li.technorati a { background-position: -27px 0; } .post-share-bar ul li.reddit a { background-position: -80px 0; } .post-share-bar ul li.facebook a { background-position: -106px 0; } .post-share-bar ul li.pinterest a { background-position: -131px 0; } .post-share-bar ul li.delicious a { background-position: -156px 0; } .single #main article { margin: 0; } .single #post-author { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); } .single #comments { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); } .single #comments ol { margin: 0; padding: 0 2.244em 0 0; } .single #respond { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 1.618em; padding: 1.618em; background: #ffffff; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget h3 { font-size: 1em; text-transform: uppercase; font-weight: normal; color: #5596a5; margin: 0 0 1.618em; } .widget ul { clear: both; list-style: none; } .widget ul li { padding: .327em 0; } .widget ul li a { text-decoration: none; } .widget ul li a:hover { text-decoration: underline; } .widget ul li:first-child { padding-top: 0; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ .searchform { width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border-color: #dcdcdc #f0f0f0 #f0f0f0 #dcdcdc; 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 input.s { padding: .857em 0 .857em .857em; width: 100%; font-size: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border: 0; background: none; color: #9e9e9e; } .searchform input.search-submit { position: absolute; top: 33%; right: .857em; border: 0; margin: 0; padding: 0; } /* FLICKR */ .widget_woo_flickr h3 span { color: #0051d8; } .widget_woo_flickr h3 span span { color: #ff1183; } .widget_woo_flickr .flickr_badge_image { float: left; } .widget_woo_flickr .flickr_badge_image:nth-child(3n+4) a img { margin-right: 0; } .widget_woo_flickr .wrap { position: relative; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 1.387em 1.387em 0; display: block; border: 0; padding: 0; } .widget_woo_flickr a:hover img { border-color: #d7d7d7; } /* 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: #d8d8d8; padding: .236em 0; } #wp-calendar td { background: transparent; color: #b8b8b8; } /* BLOG AUTHOR */ .widget_woo_blogauthorinfo .avatar { -webkit-border-radius: 100em; border-radius: 100em; -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; } /* TWITTER */ .widget_woodojo_tweets h3 { background: url(images/ico-twitter.png) no-repeat left center; padding: 0 0 0 2.618em; } .widget_woodojo_tweets ul li { border: 0 !important; padding: 0 !important; margin: 0 0 1.387em !important; } .widget_woodojo_tweets ul li .time-ago { font-size: .857em; padding: .618em 0 0; display: block; } .widget_woodojo_tweets ul li .time-ago a { color: #4a4a4a; } .widget_woodojo_tweets p.follow-link { text-align: left; } /* INSTAGRAM */ .widget_woodojo_instagram li { float: left; margin: 0 !important; } .widget_woodojo_instagram li:nth-child(3n+3) a img { margin-right: 0; } .widget_woodojo_instagram a img { float: left; margin: 0 1.387em 1.387em 0; display: block; border: 0; padding: 0; } .widget_woodojo_instagram a:hover img { border-color: #d7d7d7; } /* DOJOTABS */ .widget_woodojo_tabs { padding: 1.618em 0; } .widget_woodojo_tabs h3 { padding: 0 1.618em; } .widget_woodojo_tabs .nav { padding: 0 1.618em !important; margin: 0 !important; border-bottom: 1px solid #f0f0f0 !important; background: none; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: inset 0 0 0 0 #888888; -webkit-box-shadow: inset 0 0 0 0 #888888; } .widget_woodojo_tabs .nav li a { color: #939393; padding: .618em .857em !important; font-family: "Open Sans", sans-serif; } .widget_woodojo_tabs .nav li a:hover { border: 1px solid #f0f0f0 !important; border-bottom-color: transparent !important; background: #f1f1f1 !important; } .widget_woodojo_tabs .nav li.active a { color: #5596a5 !important; text-shadow: 1px 1px 0 #ffffff; background: none !important; border: 1px solid #f0f0f0 !important; border-bottom-color: transparent !important; } .widget_woodojo_tabs .tab-content ul { padding: 0 !important; } .widget_woodojo_tabs .tab-content ul li { padding: 1.327em 1.618em; margin: 0 !important; border-bottom: 1px solid #f0f0f0; } .widget_woodojo_tabs .tab-content ul li a { color: #5596a5; } .widget_woodojo_tabs .tab-content ul li:last-child { border: 0; padding-bottom: 0; } .widget_woodojo_tabs .tab-content .thumbnail, .widget_woodojo_tabs .tab-content .photo { margin-right: 1.327em !important; } .widget_woodojo_tabs .tab-content #tab-pane-tags { padding: 1.618em; } .widget_woo_slider { padding: 0 0 1.618em; position: relative; overflow: hidden; } .widget_woo_slider h3 { margin: 0; } .widget_woo_slider ul.flex-direction-nav li { position: absolute; top: 15%; display: inline-block; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #f7f7f7); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #f7f7f7); padding: 0; right: 0; } .widget_woo_slider ul.flex-direction-nav li a { display: block; width: 2.618em; height: 2.618em; padding: .382em; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -999em; } .widget_woo_slider ul.flex-direction-nav li a.flex-prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzEyLzEyGsOmJgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAGCSURBVCiRddI9iiJREAfwf72vfu81DYNBB4ptZoMYzAnc2MjEWHqDOcCAB5hI0MTJNzDrG2wi6Lpzgj7FHkAz8b3aZJ11vgqKSn5QHxThi8jz/ImIvjHz7xjjM32G2u32RilVERGYGUqp+gPsdrubJEkqrTWEEAgh4Hw+4w0simJjra289zDGgIhwuVzQarX+w6IoNs65Kk1TOOdgjAEzQ2uN9Xr9h94j7z2stZBSwlqL5XJ5KstyJL5CaZpitVqdyrIcAWhUkiSV9x7eezjnXtFisTj1+/0RgAYAhLUW17zZlLfb7QMRNdcdxGw2g9YaSilIKQEAx+OR6rr+MRgM7l/hfD5/Ho/HH44eY8yklC+9Xu8eABQRPTLznZSyOhwOAAApJZRSEEJkzrmXTqczUgBARN+ZGQCq/X4PIQSMMbDWIoSQZVn2U11b3eLdbgetNZxziDEihNBWt3O9x1JKaK0xnU7xBt7iPM+rpmkwHA4xmUzqz74MAMDMT8z861+9+wvSTILB8LaPPgAAAABJRU5ErkJggg==); } .widget_woo_slider ul.flex-direction-nav li a.flex-next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzEyLzEyGsOmJgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAGASURBVCiRddI9ruIwEAfw/9hxPCZ2E4mGFGkQipYmJ6DYkpKaIpyBA0SvIeIUbEG/J4DiaQ9ARbUHAKV7VDTMNi8RAu1IbqyfPJ4PGg6HJRHVACAiH23bnvAUIgIAoDzPv0QkAAAR3e73++xyuZxeoYrjOHjvEUIAM4ckST5Ho1GJl1DOOSRJAu89vPf/xWqxWICZMRgMemytfcOqrutf8/kcURTBWosuQ4ezLCsBICKilYhAa10dDgfEcfycMQD4zLJsFn1XuxIREFF1PB5hrX1uT0jT9EN1F0S0ul6vf0Wk/wYzg5kxnU5/6A6WZblr2/anMQZaayilICJwzmG9Xv+JAGA8Hu8AVK+9896jaZpbURS1yvN8Z4ypupeICCICZsZ2u70VRTEDcFLW2so5B2aGMQZEBGbGZrO5TSaTGYBTPxlmRhzHUErBOdcjIupnHqVpisfjAaUUkiRB0zRvCADofD5/7ff7oLXGcrl8Q932QERKEfn9fd62RkQgIvgH+6yGuykkEiAAAAAASUVORK5CYII=); } .widget_woo_slider ul.flex-direction-nav li:first-child { left: 0; right: auto; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15); } .widget_woo_slider ul.flex-direction-nav li:last-child { box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.15); } .widget_woo_slider ul.flex-direction-nav li:active { background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); /* IE10 */ background-image: -o-linear-gradient(top, #eeeeee, #dddddd); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #eeeeee, #dddddd); } .widget_woo_slider ul.effect_fade li.slide { visibility: hidden; } .widget_woo_slider ul.effect_fade li.slide.flex-active-slide { visibility: visible; } .widget_woo_slider ul li { padding: 0; } .widget_woo_slider ul li.slide .woo-image { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_woo_slider ul li.slide a.widget-slider-title { font-size: 1.618em; font-family: "Merriweather", sans-serif; display: inline-block; margin: 0 0 .53em; color: #4a4a4a; } .widget_woo_slider ul li.slide .widget-slider-inner { margin: 1.618em 1.618em 0; } .widget_woo_slider ul li.slide .widget-slider-inner.no-image { margin-top: 9.505em; } .widget_woo_slider ul li.slide .widget-slider-excerpt { margin-bottom: 1.618em; } .widget_woo_slider ul li.slide a.button { color: #fff; } .widget_woo_slider ul li.slide a.button:hover { color: #fff; text-decoration: none; } .widget_woo_slider ul.oneslide li:first-child { visibility: visible; } .widget_woo_newsfromblog { background: none; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; padding: 0; } .widget_woo_newsfromblog h3 { position: relative; z-index: 0; font-size: 1em; text-transform: none; color: #9e9e9e; } .widget_woo_newsfromblog h3:before { content: ''; width: 100%; height: 1px; background: #e3e3e3; box-shadow: 0 1px 0 0 #ffffff; -webkit-box-shadow: 0 1px 0 0 #ffffff; display: block; position: absolute; top: 49%; z-index: -999; } .widget_woo_newsfromblog h3 span { padding: 0 1em; background: #f1f1f1; display: block; max-width: 65%; margin: 0 auto; text-align: center; } .widget_woo_newsfromblog .section-blog .flex-viewport { max-width: 100%; } .widget_woo_newsfromblog .section-blog ul { float: left; margin: 0; } .widget_woo_newsfromblog .section-blog ul li { float: left; padding: 0 0 0 0; margin-right: 0; } .widget_woo_newsfromblog .section-blog ul li header h1 { font-size: 1.2em; margin: 0 0 .618em; } .widget_woo_newsfromblog .section-blog ul li header h1 a { color: #4a4a4a !important; } .widget_woo_newsfromblog .section-blog ul li img.woo-image { margin: 0; } .widget_woo_newsfromblog .section-blog ul li .post-more a { color: #5596a5; } .widget_woo_newsfromblog .section-blog ul li article { width: 100%; float: left; margin: 0 0 1.618em; } .widget_woo_newsfromblog .section-blog .post-meta a { color: #fff !important; } .widget_woo_newsfromblog ul.flex-direction-nav { margin: 0 auto 1.618em; width: 11.089em; } .widget_woo_newsfromblog ul.flex-direction-nav li { display: inline-block; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #f7f7f7); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #f7f7f7); padding: 0; margin: 1.387em; } .widget_woo_newsfromblog ul.flex-direction-nav li a { display: block; width: 2.618em; height: 2.618em; padding: .382em; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -999em; } .widget_woo_newsfromblog ul.flex-direction-nav li a.flex-prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzEyLzEyGsOmJgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAGCSURBVCiRddI9iiJREAfwf72vfu81DYNBB4ptZoMYzAnc2MjEWHqDOcCAB5hI0MTJNzDrG2wi6Lpzgj7FHkAz8b3aZJ11vgqKSn5QHxThi8jz/ImIvjHz7xjjM32G2u32RilVERGYGUqp+gPsdrubJEkqrTWEEAgh4Hw+4w0simJjra289zDGgIhwuVzQarX+w6IoNs65Kk1TOOdgjAEzQ2uN9Xr9h94j7z2stZBSwlqL5XJ5KstyJL5CaZpitVqdyrIcAWhUkiSV9x7eezjnXtFisTj1+/0RgAYAhLUW17zZlLfb7QMRNdcdxGw2g9YaSilIKQEAx+OR6rr+MRgM7l/hfD5/Ho/HH44eY8yklC+9Xu8eABQRPTLznZSyOhwOAAApJZRSEEJkzrmXTqczUgBARN+ZGQCq/X4PIQSMMbDWIoSQZVn2U11b3eLdbgetNZxziDEihNBWt3O9x1JKaK0xnU7xBt7iPM+rpmkwHA4xmUzqz74MAMDMT8z861+9+wvSTILB8LaPPgAAAABJRU5ErkJggg==); } .widget_woo_newsfromblog ul.flex-direction-nav li a.flex-next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzEyLzEyGsOmJgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAGASURBVCiRddI9ruIwEAfw/9hxPCZ2E4mGFGkQipYmJ6DYkpKaIpyBA0SvIeIUbEG/J4DiaQ9ARbUHAKV7VDTMNi8RAu1IbqyfPJ4PGg6HJRHVACAiH23bnvAUIgIAoDzPv0QkAAAR3e73++xyuZxeoYrjOHjvEUIAM4ckST5Ho1GJl1DOOSRJAu89vPf/xWqxWICZMRgMemytfcOqrutf8/kcURTBWosuQ4ezLCsBICKilYhAa10dDgfEcfycMQD4zLJsFn1XuxIREFF1PB5hrX1uT0jT9EN1F0S0ul6vf0Wk/wYzg5kxnU5/6A6WZblr2/anMQZaayilICJwzmG9Xv+JAGA8Hu8AVK+9896jaZpbURS1yvN8Z4ypupeICCICZsZ2u70VRTEDcFLW2so5B2aGMQZEBGbGZrO5TSaTGYBTPxlmRhzHUErBOdcjIupnHqVpisfjAaUUkiRB0zRvCADofD5/7ff7oLXGcrl8Q932QERKEfn9fd62RkQgIvgH+6yGuykkEiAAAAAASUVORK5CYII=); } .widget_woo_newsfromblog ul.flex-direction-nav li:first-child { box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05); margin-right: .693em; } .widget_woo_newsfromblog ul.flex-direction-nav li:last-child { box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.05); margin-left: .693em; } .widget_woo_newsfromblog ul.flex-direction-nav li:active { background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); /* IE10 */ background-image: -o-linear-gradient(top, #eeeeee, #dddddd); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #eeeeee, #dddddd); } .widget_woo_newsfromblog .flexslider-nav-container { position: relative; z-index: 1; } .widget_woo_newsfromblog .flexslider-nav-container ul { background: #f1f1f1; } .widget_woo_newsfromblog .flexslider-nav-container:before { content: ''; width: 100%; height: 1px; background: #e3e3e3; box-shadow: 0 1px 0 0 #ffffff; -webkit-box-shadow: 0 1px 0 0 #ffffff; display: block; position: absolute; top: 49%; z-index: -999; } .widget_woo_feedback { padding: 1.618em 0; } .widget_woo_feedback h3 { padding: 0 1.618em; } .widget_woo_feedback ul li { clear: both; padding: 1.387em 1.618em; border-bottom: 1px solid #f0f0f0; } .widget_woo_feedback ul li:last-child { border: 0; padding-bottom: 0; } .widget_woo_feedback .gravatar { display: block; float: left; margin: 0 1.618em 1.618em 0; border-radius: 100em; border: 1px solid #d7d7d7; } .widget_woo_feedback .gravatar img { border-radius: 100em; vertical-align: middle; } .widget_woo_feedback .name { display: block; font-family: "Merriweather", sans-serif; font-size: 1.25em; color: #4a4a4a; } .widget_woo_feedback .website { display: block; font-size: .857em; margin: 0 0 .618em; word-wrap: break-word; overflow: hidden; } .widget_woo_feedback .website a { padding: 0 0 0 1em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAUdEVYdENyZWF0aW9uIFRpbWUAOC8xLzEydaQUNgAAAC1JREFUCJljOBOp8/9MpM5/BihggjFggozIHBQVMMCILGuy/AojEzKHgYGBAQBzsQ75pu14bQAAAABJRU5ErkJggg==) no-repeat left center; } .widget_woo_feedback p { font-style: italic; margin: 0; padding: 0; } .widget_woodojo_twitterprofile h4 { font-size: 1.2em; } .widget_woodojo_twitterprofile img { margin-right: 1.327em !important; } .widget_woodojo_twitterprofile .description { display: block; } .widget_woodojo_twitterprofile .stat .number { color: #4a4a4a; } .widget_woodojo_instagram_profile h4 { font-size: 1.2em; } .widget_woodojo_instagram_profile img { margin-right: 1.327em !important; } .widget_woodojo_instagram_profile .stat .number { color: #4a4a4a; } .widget_woodojo_instagram_profile .content { display: block; } #footer-widgets { padding: 2.618em 2em; } #footer-widgets .widget { box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; padding: 0; } #footer-widgets .widget h3 { margin: 0 0 1em; } #footer-widgets .widget_woo_flickr .flickr_badge_image:nth-child(3n+4) a img { margin: 0 1.387em 1.387em 0 !important; } #footer-widgets .widget_woodojo_instagram li:nth-child(3n+3) a img { margin: 0 1.387em 1.387em 0; } #footer-widgets p.follow-link a { color: #fff; } #footer-widgets .widget_woodojo_instagram_profile h4, #footer-widgets .widget_woodojo_twitterprofile h4 { font-weight: normal; font-size: 1em; } #footer-widgets .widget_woodojo_instagram_profile .avatar, #footer-widgets .widget_woodojo_twitterprofile .avatar { -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments { position: relative; background: #fff; padding: 0 0 1em; } #comments h3 { font-size: 1.387em; padding: 1.387em 1.387em 0 1em; } #comments .comment { width: 100%; list-style: none; color: #323232; } #comments .comment .comment-container { position: relative; padding: 1.387em 1.618em 0; overflow: hidden; } #comments .comment .comment-head { margin: 0 0 1em 0; color: #858585; } #comments .comment .comment-head .name { margin: 0; display: block; font-size: 1.2em; color: #cc592c; text-transform: capitalize; } #comments .comment .comment-head .name a { color: #cc592c; } #comments .comment .comment-head .date, #comments .comment .comment-head .edit, #comments .comment .comment-head .perma { font-size: .857em; } #comments .comment .avatar { float: left; margin: 0 1em 1em 0; } #comments .comment .avatar img { margin: 0; vertical-align: middle; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; max-width: 40px; height: auto; } #comments .comment .comment-entry { float: none; padding: 0 0 1.618em; } #comments .comment .reply a { background: none; border: 1px solid #e6e6e6; color: #9e9e9e !important; text-shadow: none; margin: 0; font-weight: normal; padding: .236em 1.1em; font-size: 1em; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #comments .comment .reply a:hover { background: #323232; color: #f1f1f1 !important; } #comments ul.children { margin: 0 0 0 3.631em; padding: 0; } #comments ul.children li .avatar { margin-left: 0; } #comments ul.children li .comment-container { padding-left: .857em; } #comments ul.children li .comment-entry { width: 85%; } #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; margin: 0; padding: 1.618em 1.618em 0 1.618em; } /* 5.2 Comments Form */ #respond { padding: 1.618em; background: #fdf8e4; border-color: #e4ddc1; border-style: solid; border-width: 1px 0; } #respond label { color: #b8b8b8; } #respond #reply-title { color: #8c8567; font-size: 1.387em; font-weight: normal; margin: 0; } #respond #reply-title small { display: block; margin: 0 0 1.618em; } #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; color: #8c8567; margin: .618em 0 0; } #respond #commentform p.comment-form-comment label { margin: 0 0 .618em; } #respond #commentform input.txt, #respond #commentform textarea { width: 100%; } #respond p.form-submit, #respond form { margin: 0; } li.comment #respond { box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; padding: 1.618em; clear: both; } li.comment #respond h3 { padding: 0; } li.comment #respond h3 a { font-size: 0.618em; } li.comment #respond h3 small { margin: 0 0 .53em !important; } /* 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. HOMEPAGE */ /*-------------------------------------------------------------------------------------------*/ #sub-feature { background: #fff; border-bottom: 1px solid #f1f1f1; box-shadow: 0 1px 0 0 #ffffff; -webkit-box-shadow: 0 1px 0 0 #ffffff; padding: 2em 0 1em; margin: 0 0 2.618em; } #sub-feature #social { float: left; } #sub-feature #social h3 { font-weight: normal; font-size: 1.1em; } #sub-feature #social p { margin: 0; } #sub-feature #features h2 { font-weight: normal; } #sub-feature #features ul { float: left; width: 100%; margin: 0; list-style: none outside none; } #sub-feature #features ul li { float: left; margin: 1em 0 2em; } #sub-feature #features ul li h2 { font-size: 1.2em; margin: 0 0 1.387em; padding: .236em 0 0; } #sub-feature #features ul li h2 a { color: #4a4a4a; } #sub-feature #features ul li p { clear: both; margin: 0; } #sub-feature #features ul li .image { float: left; margin: 0 1.1em 1.1em 0; } #sub-feature #features ul li a.read-more { display: inline-block; background: #9e9e9e url(images/ico-arrow-features.png) no-repeat center center; width: 1.327em; height: 1.327em; border-radius: 100em; text-indent: -999em; margin: -0.146em 0 0 0.236em; vertical-align: heymiddle; } #sub-feature #features ul li a.read-more:hover { background-color: #cc592c; } #sub-feature #features ul li.clear { margin-bottom: 0; } #sub-feature #social-panel { margin: 0; overflow: hidden; clear: both; } #sub-feature #social-panel a { float: left; display: inline-block; width: 2.618em; height: 2.618em; margin: 0 .618em .618em 0; background-repeat: no-repeat; background-position: center center; background-image: url(images/features-social-sprite.png); } #sub-feature #social-panel a.delicious { background-position: 0 0; } #sub-feature #social-panel a.facebook { background-position: -39px 0; } #sub-feature #social-panel a.flickr { background-position: -77px 0; } #sub-feature #social-panel a.googleplus { background-position: -115px 0; } #sub-feature #social-panel a.linkedin { background-position: -152px 0; } #sub-feature #social-panel a.subscribe { background-position: -189px 0; } #sub-feature #social-panel a.twitter { background-position: -227px 0; } #sub-feature #social-panel a.youtube { background-position: -265px 0; } #featured { max-width: 75.998em; margin: 0 auto; width: 100%; padding: 0; position: relative; } #featured header h1 { color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); font-size: 1.618em; } #featured header h1 a { color: #fff; } #featured ul.flex-direction-nav li a { width: 3.631em; height: 3.631em; background-color: #ffffff; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -999em; white-space: nowrap; overflow: hidden; display: block; position: absolute; top: 12%; z-index: 99999; opacity: 0.3; filter: alpha(opacity=@opacity * 100); } #featured ul.flex-direction-nav li a.flex-prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzEyLzEyGsOmJgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAGCSURBVCiRddI9iiJREAfwf72vfu81DYNBB4ptZoMYzAnc2MjEWHqDOcCAB5hI0MTJNzDrG2wi6Lpzgj7FHkAz8b3aZJ11vgqKSn5QHxThi8jz/ImIvjHz7xjjM32G2u32RilVERGYGUqp+gPsdrubJEkqrTWEEAgh4Hw+4w0simJjra289zDGgIhwuVzQarX+w6IoNs65Kk1TOOdgjAEzQ2uN9Xr9h94j7z2stZBSwlqL5XJ5KstyJL5CaZpitVqdyrIcAWhUkiSV9x7eezjnXtFisTj1+/0RgAYAhLUW17zZlLfb7QMRNdcdxGw2g9YaSilIKQEAx+OR6rr+MRgM7l/hfD5/Ho/HH44eY8yklC+9Xu8eABQRPTLznZSyOhwOAAApJZRSEEJkzrmXTqczUgBARN+ZGQCq/X4PIQSMMbDWIoSQZVn2U11b3eLdbgetNZxziDEihNBWt3O9x1JKaK0xnU7xBt7iPM+rpmkwHA4xmUzqz74MAMDMT8z861+9+wvSTILB8LaPPgAAAABJRU5ErkJggg==); box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1); } #featured ul.flex-direction-nav li a.flex-next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzEyLzEyGsOmJgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAGASURBVCiRddI9ruIwEAfw/9hxPCZ2E4mGFGkQipYmJ6DYkpKaIpyBA0SvIeIUbEG/J4DiaQ9ARbUHAKV7VDTMNi8RAu1IbqyfPJ4PGg6HJRHVACAiH23bnvAUIgIAoDzPv0QkAAAR3e73++xyuZxeoYrjOHjvEUIAM4ckST5Ho1GJl1DOOSRJAu89vPf/xWqxWICZMRgMemytfcOqrutf8/kcURTBWosuQ4ezLCsBICKilYhAa10dDgfEcfycMQD4zLJsFn1XuxIREFF1PB5hrX1uT0jT9EN1F0S0ul6vf0Wk/wYzg5kxnU5/6A6WZblr2/anMQZaayilICJwzmG9Xv+JAGA8Hu8AVK+9896jaZpbURS1yvN8Z4ypupeICCICZsZ2u70VRTEDcFLW2so5B2aGMQZEBGbGZrO5TSaTGYBTPxlmRhzHUErBOdcjIupnHqVpisfjAaUUkiRB0zRvCADofD5/7ff7oLXGcrl8Q932QERKEfn9fd62RkQgIvgH+6yGuykkEiAAAAAASUVORK5CYII=); right: 0; box-shadow: -1px 1px 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px 1px 0 1px rgba(0, 0, 0, 0.1); } #featured ul.flex-direction-nav li a:hover { padding: 0 .327em; opacity:.5; } #featured ul.flex-direction-nav li a:active { background-color: #d8d8d8; } #featured .flex-control-nav { position: absolute; right: 6.854em; bottom: 2.244em; z-index: 9999; padding: 0; text-align: center; display: none; } #featured .flex-control-nav li { display: inline-block; padding: 0; margin: 0 .382em; height: 1.618em; width: 1.618em; line-height: 1; list-style: none; -webkit-border-radius: 30px; border-radius: 30px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 3px solid rgba(0, 0, 0, 0.3); cursor: pointer; } #featured .flex-control-nav li a { display: inline-block; height: 0; width: .75em; overflow: hidden; padding-top: .75em; -webkit-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 5px solid #000; background: #000; cursor: pointer; } #featured .flex-control-nav li a:hover { background: #f1f1f1; background: rgba(255, 255, 255, 0.8); } #featured .flex-control-nav li a.active { background-color: #5596a5; background-image: -webkit-gradient(linear, left top, left bottom, from(#5596a5), to(#447783)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #5596a5, #447783); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #5596a5, #447783); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #5596a5, #447783); /* IE10 */ background-image: -o-linear-gradient(top, #5596a5, #447783); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #5596a5, #447783); } #featured .flex-control-nav li a img:hover { opacity: 1; filter: alpha(opacity=@opacity * 100); } #featured .flex-control-nav li.flex-active a { background: #f1f1f1; background: rgba(255, 255, 255, 0.8); } #featured .slide { visibility: hidden; z-index: -1; } #featured .slide.flex-active-slide { visibility: visible; z-index: 0; } #featured .slide .slide-content-container { position: static; background: #321832; background:rgba(0,0,0,.6); } #featured .slide .slide-content-container .slide-content { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 1.618em; } #featured .slide .slide-content-container .entry { display: none; font-size: 1.1em; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); } #featured .slide .slide-content-container .entry p { color: #fff; } #featured .slide .slide-content-container .entry p:last-child { margin: 0; } #featured .slide .slide-content-container .entry h1, #featured .slide .slide-content-container .entry h2, #featured .slide .slide-content-container .entry h3, #featured .slide .slide-content-container .entry h4, #featured .slide .slide-content-container .entry h5, #featured .slide .slide-content-container .entry h6 { color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); } #featured .slide .slide-content-container .entry h1 a, #featured .slide .slide-content-container .entry h2 a, #featured .slide .slide-content-container .entry h3 a, #featured .slide .slide-content-container .entry h4 a, #featured .slide .slide-content-container .entry h5 a, #featured .slide .slide-content-container .entry h6 a { color: #fff; } #featured .slide .slide-content-container .excerpt { font-size: 1.1em; color: #fff; } #featured .slide .slide-content-container .excerpt p { margin: 0; } #featured .slide .slide-content-container.no-image { position: static; } #featured .slide img { display: block; margin: 0 auto; width: auto; } #featured .slide .slide-image { box-shadow: 0 10px 15px -5px #000000; -webkit-box-shadow: 0 10px 15px -5px #000000; box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); } #featured .slide.has-overlay .slide-content .woo-sc-button { margin: 0; } #featured .slide.has-overlay .slide-content .entry p:last-child { margin: 0; } .section-title { text-align: center; } .section-title p { position: relative; z-index: 0; } .section-title p:before { content: ''; width: 100%; height: 1px; background: #e3e3e3; box-shadow: 0 1px 0 0 #ffffff; -webkit-box-shadow: 0 1px 0 0 #ffffff; display: block; position: absolute; top: 49%; z-index: -999; } .section-title p span { padding: 0 1em; background: #f1f1f1; display: block; max-width: 65%; margin: 0 auto; } /* 2.3.4.2 Portfolio Item */ #portfolio-gallery article { box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; background: none; } #portfolio-gallery article .article-inner { padding: 0 1.618em; } #portfolio-gallery #port-tags { padding: .618em 0 1.387em 1em; left: 12px; } #portfolio-gallery #port-tags a { position: relative; float: left; height: 24px; line-height: 24px; font-size: 1em; background: #cc592c; padding: 0 10px 0 12px; margin: 0 1.618em 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-weight: normal; color: #fff; text-decoration: none; } #portfolio-gallery #port-tags a:hover { opacity: 0.7; filter: alpha(opacity=@opacity * 100); } #portfolio-gallery #port-tags a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #cc592c transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } #portfolio-gallery #port-tags a:after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #fff; box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4); } #portfolio-gallery .portfolio-item { background: #ffffff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; display: block; float: left; margin: 1em 1.618em 1em 0; } #portfolio-gallery .portfolio-item img { margin: 0 0 1.387em; } #portfolio-gallery .portfolio-item img:hover { border-color: #d7d7d7; } #portfolio-gallery .portfolio-item h2 { font-size: 1.2em; font-weight: normal; margin: 0; } #portfolio-gallery .portfolio-item .category { font-size: 1em; } .single-portfolio { margin-bottom: 2em; } .single-portfolio header h1 { margin-bottom: 0.3; font-size: 1.618em; } .single-portfolio .single-portfolio-image { width: 100%; } .single-portfolio .single-portfolio-image img { margin: 0; } .single-portfolio .portfolio { margin: 0 0 2.5em; padding: 0 0 2em; } .single-portfolio .portfolio .portfolio-meta li { font-style: italic; list-style: none; } .single-portfolio .portfolio .portfolio-meta .portfolio-comments a { color: #858585; font-weight: bold; } .single-portfolio #comments { margin: 2.618em 0 0; border-top: 1px solid #f0f0f0; } .single-portfolio #comments:before { content: ''; border-bottom: 1px solid #f1f1f1; display: block; position: relative; top: -2.618em; } /*-------------------------------------------------------------------------------------------*/ /* 7. PAGE TEMPLATES */ /*-------------------------------------------------------------------------------------------*/ /* 7.1 Timeline Page Template */ #archives .archives_list { border-left: 1px solid #f0f0f0; 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: #b8b8b8; 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: #c4c4c4; text-decoration: underline; padding-left: 1.236em; } #archives .archives_list .comments a:hover { text-decoration: none; } h3.archive_year { font-weight: bold; color: #9e9e9e; margin-top: 0; } /* 7.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 { color: #000 !important; } .page-template-template-contact-php #single_map_canvas img { max-width: inherit; background: none; } .page-template-template-contact-php .location-twitter { margin: 0 0 1em; padding: 0 0 1.618em; border-bottom: 1px solid #f0f0f0; } .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; 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: #c4c4c4; } .page-template-template-contact-php .location-twitter .contact-social #connect { background: none; border: none; border-top: 1px solid #f0f0f0; } .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; } /* 7.3 Image Gallery */ .image-gallery-item a { padding: .236em; margin: 0 1em 1em 0; border: 1px solid #d8d8d8; background: #f1f1f1; display: inline-block; -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 a:hover { border: 1px solid #bebebe; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); } .image-gallery-item img.woo-image { max-width: 100%; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* 7.4 Blog Template */ .page-template-template-blog-php #content > header h1 { margin-bottom: 1.618em; display: none; } /*-------------------------------------------------------------------------------------------*/ /* 8. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 8.1 Forms */ input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email], input[type=password] { padding: .236em .5em; border: 2px solid #f0f0f0; -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, #commentform #submit, .submit, input[type=submit], input.button, button.button, p.follow-link a { display: inline-block; padding: .53em 1em; color: white; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 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 */ font-weight: bold; cursor: pointer; /* Inputs need pointers! */ overflow: visible; width: auto; /* IE fix */ line-height: 1.618em; border: 0; -webkit-border-radius: 0.382em; border-radius: 0.382em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #cc592c; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } a.button.large, a.comment-reply-link.large, #commentform #submit.large, .submit.large, input[type=submit].large, input.button.large, button.button.large, p.follow-link a.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, p.follow-link a.small { font-size: .857em; } a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, p.follow-link a:hover { text-decoration: none; } a.button:active, a.comment-reply-link:active, #commentform #submit:active, .submit:active, input[type=submit]:active, input.button:active, button.button:active, p.follow-link a:active { } a.woo-sc-button { border: 0 !important; -webkit-border-radius: 0.382em; border-radius: 0.382em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; padding: .53em 1em; } a.woo-sc-button.small { font-size: 0.9em !important; } a.woo-sc-button.large { font-size: 1.2em !important; } a.woo-sc-button.xl { font-size: 1.4em !important; } a.woo-sc-button.custom { background: #cc592c; } a.woo-sc-button.custom:hover { background: #5596a5; } a.woo-sc-button.custom:active { -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3) !important; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3) !important; } a.woo-sc-button.red { background: #d72323 !important; } a.woo-sc-button.red:hover { background: #d20000; } a.woo-sc-button.orange { background: #d76b23 !important; } a.woo-sc-button.orange:hover { background: #d25e00 !important; } a.woo-sc-button.green { background: #8dc11e !important; } a.woo-sc-button.green:hover { background: #87c000 !important; } a.woo-sc-button.aqua { background: #23d7af !important; } a.woo-sc-button.aqua:hover { background: #00d2a8; } a.woo-sc-button.teal { background: #23abd7 !important; } a.woo-sc-button.teal:hover { background: #009ed2 !important; } a.woo-sc-button.purple { background: #2356d7 !important; } a.woo-sc-button.purple:hover { background: #0036d2 !important; } a.woo-sc-button.pink { background: #d723d5 !important; } a.woo-sc-button.pink:hover { background: #bc00d2 !important; } a.woo-sc-button.silver { background: #d8d8d8 !important; } a.woo-sc-button.silver:hover { background: #ccc !important; } .shortcode-sticky { padding: 1.618em; background: #fdf8e4; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-bottom: 1.618em; } /* 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 #top ul.nav { background: none; padding: 0; } .ie8 img { width: auto !important; } .ie8 .widget_woodojo_instagram img { width: auto !important; } .ie8 .widget_woo_newsfromblog .flexslider-nav-container ul { width: 12em; } .ie8 .widget_woo_newsfromblog .section-blog ul li article { margin-right: 20px; } /* 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; } .slides li div { position: relative!important; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .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 .slides > li:first-child { display: block; } /* Proposed Button Style */ .button-style{ margin-bottom: 30px; display: flex; align-items: start; } .button-style .c1{ width: 26%; } .button-style .c1 p{ margin-top: 12px; padding-right: 30px; } .button-style .c2,.button-style .c3{ text-align: center; width: 37%; } /* Single Button Css */ /* .button-style a.bg-none{ background-image: none!important; } .button-style a.button{ padding: 0 3em; font-size: 1.9em; line-height: 2.3em; color: white; } .button-style a.button1{ border-radius: 0; background-color: #502052; } .button-style a.button1,.button-style a.button3{ background-color: #502052; } .button-style a.button2,.button-style a.button4{ background-color: #bc519e; } .button-style a.button5,.button-style a.button6,.button-style a.button7,.button-style a.button8{ background-color: white; text-transform: uppercase; } .button-style a.button5,.button-style a.button7{ border:#502052 solid 2px; color: #502052; } .button-style a.button6,.button-style a.button8{ border:#bc519e solid 2px; color: #bc519e; } .button-style a.button5,.button-style a.button6,.button-style a.button7,.button-style a.button8{ padding: 0 2.5em; } .button-style a.button1,.button-style a.button2,.button-style a.button5,.button-style a.button6{ border-radius: 0; } */ a.button1, a.button_purple, .wp-block-buttons>.wp-block-button.button_purple a.wp-block-button__link{ background-image: none!important; background-color: #502052; border-radius: 0; color: white; border: solid 2px #502052 } a.button_purple:hover, .wp-block-buttons>.wp-block-button.button_purple a.wp-block-button__link:hover{ color: #502052; background-color: white; } a.button2, a.button_pink, .wp-block-buttons>.wp-block-button.button_pink a.wp-block-button__link{ background-image: none!important; background-color: #bc519e; border-radius: 0; color: white; text-transform: capitalize; border: solid 2px#bc519e; text-decoration: none; } a.button_pink:hover, .wp-block-buttons>.wp-block-button.button_pink a.wp-block-button__link:hover{ color: #bc519e; background-color: white; } a.button_purple::first-line, a.button_pink::first-line, .wp-block-buttons>.wp-block-button.button_pink a.wp-block-button__link::first-line, .wp-block-buttons>.wp-block-button.button_purple a.wp-block-button__link::first-line{ text-transform: capitalize; } a.button3{ background-image: none!important; background-color: #502052; color: white; -webkit-border-radius: 0.382em; border-radius: 0.382em; } a.button4{ background-image: none!important; background-color: #bc519e; color: white; -webkit-border-radius: 0.382em; border-radius: 0.382em; } a.button5, a.button_outline, .wp-block-buttons>.wp-block-button.button_outline a.wp-block-button__link{ color: #502052; background-image: none!important; background-color: white; border-radius: 0; text-transform: uppercase; border: #502052 solid 2px; } a.button_outline:hover, .wp-block-buttons>.wp-block-button.button_outline a.wp-block-button__link:hover{ color: white; background-color: #502052; } a.button6{ color: #bc519e; background-image: none!important; background-color: white; border-radius: 0; text-transform: uppercase; border: #bc519e solid 2px; } a.button7{ color: #502052; background-image: none!important; background-color: white; text-transform: uppercase; border: #502052 solid 2px; -webkit-border-radius: 0.382em; border-radius: 0.382em; } a.button8{ color: #bc519e; background-image: none!important; background-color: white; text-transform: uppercase; border: #bc519e solid 2px; -webkit-border-radius: 0.382em; border-radius: 0.382em; } a.button1,a.button2, a.button3,a.button4, a.button5,a.button6, a.button7,a.button8, a.button_pink,a.button_purple,a.button_outline, .wp-block-buttons>.wp-block-button.button_pink a.wp-block-button__link, .wp-block-buttons>.wp-block-button.button_purple a.wp-block-button__link, .wp-block-buttons>.wp-block-button.button_outline a.wp-block-button__link{ padding: 0.3em 0; min-width: 300px; font: 1.8em/1.5em museo-slab, sans-serif; text-decoration: none; text-align: center; display: inline-block; -webkit-transition: all ease-out 0.1s; -moz-transition: all ease-out 0.1s; -ms-transition: all ease-out 0.1s; -o-transition: all ease-out 0.1s; transition: all ease-out 0.1s; text-decoration: none; } a.button1:hover,a.button2:hover, a.button3:hover,a.button4:hover, a.button5:hover,a.button6:hover, a.button7:hover,a.button8:hover{ color: white; background-color: #5C1C5C; } /* Table Application Membership Fees Css */ .PAMF2022 p{ margin-bottom: 15px; } .PAMF2022 p strong{ color: black; } table.AMF2022{ margin: 0ch; width: 100%; } table.AMF2022 th.th{ background-color: #7B6091; color: white; } table.AMF2022, table.AMF2022 th, table.AMF2022 td { border: 1px solid black; text-align: center; } table.AMF2022 th, table.AMF2022 td { margin: 0; padding: 7px 5px; color: black; } table.AMF2022 .th2{ background-color: #D9D2E9; color: black; } table.AMF2022 .th3{ background-color: #CFE2F3; color: black; } table.AMF2022 .th4{ background-color: #B7B7B7; color: black; text-align: left; } h4.AMF2022{ margin-bottom: 15px; font-size: larger!important; color: black; } table.AMF2022 .fw{ color: black; font-weight: normal; }