Skip to content

Instantly share code, notes, and snippets.

@xavortm

xavortm/PewmiumWPSupport css changes

Created July 30, 2014 15:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save xavortm/29baf61d0217c0ed9801 to your computer and use it in GitHub Desktop.
Save xavortm/29baf61d0217c0ed9801 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
PewmiumWPSupport css changes
/*
Theme Name: PixelPress
Theme URI: http://www.woothemes.com/
Version: 1.4
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
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: #fafafa;
border: 1px solid #e6e6e6;
padding: 10px;
margin-bottom: 20px;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Floating & Alignment */
.fl {
float: left;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.fix:after,
.col-full:after {
clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
zoom: 1;
}
/*-------------------------------------------------------------------------------------------*/
/* IMPORTS */
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
html {
font-size: 62.5%;
}
body {
font-size: 1.3em;
line-height: 1.818;
color: #9e9e9e;
background: #f1f1f1;
font-family: "Lato", 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: #e6e6e6;
border: 0;
height: 1px;
margin-bottom: 1.618em;
}
::selection {
background: #ffb7b7;
/* Safari */
}
::-moz-selection {
background: #ffb7b7;
/* Firefox */
}
/* 1.2 Hyperlinks */
a {
color: #5595a5;
text-decoration: none;
}
a:hover {
color: #337383;
text-decoration: underline;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
a img {
-webkit-transition: opacity ease-out 0.1s;
-moz-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 */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato Black";
color: #424242;
margin: 0 0 .53em;
font-weight: normal;
}
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: 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%;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
/* 2.2 Navigation */
ul.nav li a {
padding: .5em 1em;
display: block;
color: #4a4a4a;
}
ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.li.current-menu-item a {
background: #ffffff;
}
#navigation {
margin-bottom: 0;
padding: 1.618em 2.618em 0 2.618em;
display: none;
clear: both;
float: none;
}
/* 2.2.2 Top Navigation (optional) */
#top {
padding-bottom: 1.618em;
}
#top select {
margin: 1.618em 0 0;
width: 100%;
}
#top #top-nav {
display: none;
}
/* 2.3 Header */
#header-wrap {
margin: 0 0 2.244em;
background: #ffffff;
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#header {
padding: 0 0 1.618em;
clear: both;
position: relative;
}
#header #logo {
float: none;
margin: 1em 2em;
padding-left: 0;
}
#header #logo a {
float: left;
margin: 0 0 1.618em;
}
#header #logo a:active {
margin-top: .53em;
/*margin: .53em 0 0;*/
}
#header #logo .nav-toggle {
float: none;
background-color: #f2f2f2;
padding: .382em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
clear: both;
overflow: hidden;
}
#header #logo .nav-toggle a {
background: url(images/ico-menu.png) no-repeat center left;
width: 5.874em;
display: block;
margin: .236em auto;
float: none;
font-size: .857em;
padding-left: 2.618em;
color: #424242;
}
#header #main-nav {
float: none;
border: 1px solid #e6e6e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 1em 1.618em;
}
#header #main-nav li {
list-style: none;
}
#header #main-nav li a {
padding-left: 0;
}
#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 .site-description {
color: #b8b8b8;
font-family: "Droid Serif", sans-serif;
font-style: italic;
clear: both;
}
#header #topad {
float: right;
}
#header #header-right {
float: none;
clear: both;
}
#header #header-social {
margin: 0;
float: none;
}
#header #header-social a {
float: left;
display: inline-block;
width: 2.244em;
height: 2.244em;
padding: .327em;
margin: .327em;
border-radius: 100%;
background-color: #ABABAB;
background-repeat: no-repeat;
background-position: center center;
}
#header #header-social a.subscribe {
background-image: url(images/header-social/rss.png);
}
#header #header-social a.twitter {
background-image: url(images/header-social/twitter.png);
}
#header #header-social a.facebook {
background-image: url(images/header-social/facebook.png);
}
#header #header-social a.youtube {
background-image: url(images/header-social/youtube.png);
}
#header #header-social a.flickr {
background-image: url(images/header-social/flickr.png);
}
#header #header-social a.linkedin {
background-image: url(images/header-social/linkedin.png);
}
#header #header-social a.delicious {
background-image: url(images/header-social/delicious.png);
}
#header #header-social a.googleplus {
background-image: url(images/header-social/google+.png);
}
#header #header-social a:hover {
background-color: #415192;
}
/* 2.4 Content */
#content {
margin-bottom: 2.244em;
font-size: 1.2em;
}
/* 2.4.1 Slider */
/* 2.5 Sidebar */
#sidebar {
overflow: hidden;
}
#sidebar .secondary {
float: left;
margin-right: 20px;
}
#sidebar .secondary.last {
margin: 0;
}
/* 2.6 Footer */
#footer-wrap {
background: #ffffff;
clear: both;
}
#footer-wrap:before {
content: '';
width: 100%;
height: 1.618em;
position: absolute;
background: url(images/bg-section-top.png) repeat-x;
margin-top: -1em;
}
#footer {
padding: 2.618em 0;
color: #b8b8b8;
}
#footer #credit img {
vertical-align: middle;
}
#footer #credit span {
display: none;
}
#footer-widgets {
border-top: 1px solid #e6e6e6;
padding: 2.618em 0 0;
}
/* 2.7 Breadcrumbs */
.breadcrumbs {
position: relative;
margin: 0 0 3em;
text-shadow: 1px 1px 0 #fff;
font-weight: normal;
height: 28px;
overflow: hidden;
border: 1px solid #e6e6e6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #f3f3f3;
}
.breadcrumbs .breadcrumb-title {
display: none;
}
.breadcrumbs .trail-begin {
display: inline-block;
padding: 5px 0 5px 30px;
text-indent: -999em;
background: url(images/ico-breadcrumb-home.png) no-repeat left top;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
.breadcrumbs .trail-begin:hover {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.breadcrumbs .sep {
display: inline-block;
padding: 5px 13px;
text-indent: -999em;
background: url(images/ico-breadcrumb-sep.png) no-repeat center top;
}
.breadcrumbs a {
color: #9e9e9e;
}
.breadcrumbs a:hover {
color: #d1d1d1;
}
/* 2.8 Section Title */
.section-title {
text-align: center;
padding: 0 0 2.244em;
}
.section-title h1 {
color: #5595a5;
font-family: "Rancho", cursive;
font-weight: normal;
font-style: italic;
font-size: 3.631em;
margin: 0;
text-shadow: 1px 2px 0 #ffffff;
letter-spacing: 0.05em;
}
.section-title p {
color: #4a4a4a;
position: relative;
z-index: 0;
}
.section-title p:before {
content: '';
width: 100%;
height: 1px;
background: #d9d9d9;
display: block;
position: absolute;
top: .81em;
z-index: -999;
}
.section-title p:after {
content: '';
width: 100%;
height: 1px;
background: #fdfdfd;
display: block;
position: absolute;
top: .91em;
z-index: -999;
}
.section-title p span {
padding: 0 1.387em;
background: #f1f1f1;
display: block;
max-width: 80%;
margin: 0 auto;
}
.section-title.portfolio {
padding-bottom: 1.618em;
}
.section-title.portfolio h1 {
font-size: 3.631em;
color: #5595a5;
font-family: "Rancho", cursive;
font-weight: normal;
font-style: italic;
}
/*-------------------------------------------------------------------------------------------*/
/* 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: #e6e6e6 1px solid;
}
.archive-description {
clear: both;
margin-bottom: 1.618em;
}
.post,
.type-page,
.type-features,
.search-results .features,
.search-results .page,
.search-results .type-product,
.search-results .type-portfolio {
margin: 0 0 2.618em 0;
position: relative;
/* 3.1 Images */
}
.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-weight: bold;
position: relative;
font-size: 1.618em;
color: #424242;
}
.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: #424242;
}
.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;
font-size: 14px;
}
.post .post-meta li,
.type-page .post-meta li,
.type-features .post-meta li,
.search-results .features .post-meta li,
.search-results .page .post-meta li,
.search-results .type-product .post-meta li,
.search-results .type-portfolio .post-meta li {
display: inline;
}
.post .post-meta li .small,
.type-page .post-meta li .small,
.type-features .post-meta li .small,
.search-results .features .post-meta li .small,
.search-results .page .post-meta li .small,
.search-results .type-product .post-meta li .small,
.search-results .type-portfolio .post-meta li .small {
padding: 0 .327em;
}
.post .post-meta li.post-category,
.type-page .post-meta li.post-category,
.type-features .post-meta li.post-category,
.search-results .features .post-meta li.post-category,
.search-results .page .post-meta li.post-category,
.search-results .type-product .post-meta li.post-category,
.search-results .type-portfolio .post-meta li.post-category {
padding: 0 0 0 1.618em;
}
.post .post-meta li.post-category a,
.type-page .post-meta li.post-category a,
.type-features .post-meta li.post-category a,
.search-results .features .post-meta li.post-category a,
.search-results .page .post-meta li.post-category a,
.search-results .type-product .post-meta li.post-category a,
.search-results .type-portfolio .post-meta li.post-category a {
color: #424242;
}
.post .post-meta li.post-author,
.type-page .post-meta li.post-author,
.type-features .post-meta li.post-author,
.search-results .features .post-meta li.post-author,
.search-results .page .post-meta li.post-author,
.search-results .type-product .post-meta li.post-author,
.search-results .type-portfolio .post-meta li.post-author {
text-transform: capitalize;
}
.post .post-meta li.post-author .small,
.type-page .post-meta li.post-author .small,
.type-features .post-meta li.post-author .small,
.search-results .features .post-meta li.post-author .small,
.search-results .page .post-meta li.post-author .small,
.search-results .type-product .post-meta li.post-author .small,
.search-results .type-portfolio .post-meta li.post-author .small {
padding-left: 0;
}
.post .post-meta li.post-author a,
.type-page .post-meta li.post-author a,
.type-features .post-meta li.post-author a,
.search-results .features .post-meta li.post-author a,
.search-results .page .post-meta li.post-author a,
.search-results .type-product .post-meta li.post-author a,
.search-results .type-portfolio .post-meta li.post-author a {
color: #9e9e9e;
}
.post .date-badge,
.type-page .date-badge,
.type-features .date-badge,
.search-results .features .date-badge,
.search-results .page .date-badge,
.search-results .type-product .date-badge,
.search-results .type-portfolio .date-badge {
display: none;
}
.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: 1.618em;
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: .382em;
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
.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: #cdcdcd;
}
.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: #fafafa;
border: 1px solid #e6e6e6;
}
.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;
}
.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 {
border: 0;
padding: 0;
box-shadow: 0 0 0 0 #888888;
-webkit-box-shadow: 0 0 0 0 #888888;
-moz-box-shadow: 0 0 0 0 #888888;
-o-box-shadow: 0 0 0 0 #888888;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.post table,
.type-page table,
.type-features table,
.search-results .features table,
.search-results .page table,
.search-results .type-product table,
.search-results .type-portfolio table {
width: 100%;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post table th,
.type-page table th,
.type-features table th,
.search-results .features table th,
.search-results .page table th,
.search-results .type-product table th,
.search-results .type-portfolio table th,
.post table td,
.type-page table td,
.type-features table td,
.search-results .features table td,
.search-results .page table td,
.search-results .type-product table td,
.search-results .type-portfolio table td {
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: .618em;
background: #fff;
}
.post table th,
.type-page table th,
.type-features table th,
.search-results .features table th,
.search-results .page table th,
.search-results .type-product table th,
.search-results .type-portfolio table th {
background: #e6e6e6;
text-shadow: 0 1px 0 #ffffff;
color: #424242;
}
.post blockquote,
.type-page blockquote,
.type-features blockquote,
.search-results .features blockquote,
.search-results .page blockquote,
.search-results .type-product blockquote,
.search-results .type-portfolio blockquote {
position: relative;
background: #ededed;
border: 1px solid #d4d4d4;
padding: 1em;
margin: 0 0 1.618em;
-webkit-border-radius: 0.327em;
-moz-border-radius: 0.327em;
border-radius: 0.327em;
z-index: 0;
overflow: hidden;
}
.post blockquote p,
.type-page blockquote p,
.type-features blockquote p,
.search-results .features blockquote p,
.search-results .page blockquote p,
.search-results .type-product blockquote p,
.search-results .type-portfolio blockquote p {
z-index: 2;
}
.post blockquote p:last-child,
.type-page blockquote p:last-child,
.type-features blockquote p:last-child,
.search-results .features blockquote p:last-child,
.search-results .page blockquote p:last-child,
.search-results .type-product blockquote p:last-child,
.search-results .type-portfolio blockquote p:last-child {
margin-bottom: 0;
}
.post blockquote:after,
.type-page blockquote:after,
.type-features blockquote:after,
.search-results .features blockquote:after,
.search-results .page blockquote:after,
.search-results .type-product blockquote:after,
.search-results .type-portfolio blockquote:after {
position: absolute;
top: -0.327em;
content: '&';
font-size: 6.854em;
z-index: -1;
color: #e1e1e1;
font-family: "Georgia";
}
.page,
.type-page {
margin-left: 0;
}
/* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries,
.wp-pagenavi,
.woo-pagination {
padding: 0.53em 1.618em 1.618em 1.618em;
}
.nav-entries a {
display: block;
color: #9e9e9e;
text-decoration: none;
}
.nav-entries a:hover {
text-decoration: underline;
}
.woo-pagination {
margin: 0;
text-align: center;
}
.woo-pagination .page-numbers {
margin: 0 .236em;
display: inline;
text-decoration: none;
color: #424242;
padding: .327em .857em;
font-weight: bold;
background: #ffffff;
-webkit-border-radius: 0.327em;
-moz-border-radius: 0.327em;
border-radius: 0.327em;
box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.05);
}
.woo-pagination .page-numbers:hover {
background: #f0f0f0;
}
.woo-pagination .page-numbers.current {
background: #424242;
border-color: #343434;
color: #fff;
}
/* 3.3 Single Post Author */
#post-author {
background: #fafafa;
padding: 1.618em;
margin: 0 0 1.618em;
border-top: 1px solid #e6e6e6;
clear: both;
}
#post-author .profile-image {
float: left;
margin: 0 1.618em .382em 0;
padding: .382em;
border: 1px solid #e6e6e6;
background: rgba(255, 255, 255, 0.7);
}
/* 3.4 Post Entry Nav */
#post-entries {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 1.618em;
margin: 0 0 2.244em;
}
/* 3.5 Connect */
#connect {
padding: 0 0 1.618em;
clear: both;
}
#connect .newsletter-form .email {
width: 140px;
margin-right: 1em;
}
#connect .social a {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all ease-in-out 0.2s;
-moz-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 {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#connect .related-posts {
border-left: 1px solid #e6e6e6;
padding-left: 1em;
}
#connect .related-posts ul {
list-style: none;
}
#connect .social a {
display: inline-block;
height: 28px;
width: 32px;
background-image: url(images/ico-subscribe-social.png);
background-repeat: no-repeat;
}
#connect .social a.subscribe {
background-position: 0px 0;
}
#connect .social a.twitter {
background-position: -30px 0;
}
#connect .social a.facebook {
background-position: -60px 0;
}
#connect .social a.youtube {
background-position: -90px 0;
}
#connect .social a.flickr {
background-position: -120px 0;
}
#connect .social a.linkedin {
background-position: -150px 0;
}
#connect .social a.delicious {
background-position: -180px 0;
}
#connect .social a.googleplus {
background-position: -210px 0;
}
.widget #connect .fl,
.widget #connect .fr {
float: none;
}
#main #connect .col-left,
#main #connect .col-right {
width: 48%;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget {
margin-bottom: 1.618em;
border-bottom: 1px solid #d9d9d9;
box-shadow: 0 1px 0 0 #fdfdfd;
-webkit-box-shadow: 0 1px 0 0 #fdfdfd;
-moz-box-shadow: 0 1px 0 0 #fdfdfd;
-o-box-shadow: 0 1px 0 0 #fdfdfd;
}
.widget h3 {
color: #424242;
font-family: "Rancho", cursive;
font-size: 2.244em;
margin-bottom: 0;
font-weight: normal;
line-height: 1em;
}
.widget ul {
clear: both;
list-style-position: ;
}
.widget ul li {
padding: 0.382em;
}
.widget ul li a {
text-decoration: none;
}
.widget ul li a:hover {
text-decoration: underline;
}
/* Footer widgets */
#footer-widgets .widget {
border: 0;
}
#footer-widgets .widget h3 {
font-family: "Lato Black", "Open sans Bold";
color: #424242;
font-size: 1.2em;
margin: 0 0 .857em;
}
#footer-widgets .widget ul li {
list-style: none;
padding: .382em 0;
}
#footer-widgets .widget_woo_flickr .flickr_badge_image {
margin: 0;
}
#footer-widgets .widget_woo_flickr .flickr_badge_image a img {
padding: 0;
border: 0;
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: 0 0 0 0 #888888;
-webkit-box-shadow: 0 0 0 0 #888888;
-moz-box-shadow: 0 0 0 0 #888888;
-o-box-shadow: 0 0 0 0 #888888;
}
#footer-widgets .widget_woodojo_tweets ul li {
margin: 0 0 1em;
padding: 0;
border-bottom: 0;
}
#footer-widgets .widget_woodojo_tweets p.follow-link a {
font-size: 1.387em;
}
#footer-widgets .widget_woo_subscribe #connect .newsletter-form .email {
width: 100%;
padding: .53em;
margin: 0 0 1.387em 0;
border: 1px solid #e6e6e6;
}
#footer-widgets .widget_woodojo_twitterprofile img,
#footer-widgets .widget_woodojo_instagram_profile img {
float: left;
margin: 0 .53em 0 0;
}
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform {
width: 100%;
position: relative;
background: #ffffff;
border-bottom: 1px solid #e6e6e6;
}
.searchform input.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: #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;
margin: 0.236em;
}
.widget_woo_flickr .wrap {
position: relative;
margin-bottom: 1.618em;
padding: 0;
}
.widget_woo_flickr a img {
padding: .382em;
margin: 0 1em 1em 0;
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
.widget_woo_flickr a:hover {
border-color: #cdcdcd;
}
/* 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: #e1e1e1;
padding: .236em 0;
}
#wp-calendar td {
background: transparent;
color: #b8b8b8;
}
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar {
padding: .382em;
border: 1px solid #e6e6e6;
}
.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 {
border: 0;
box-shadow: 0 0 0 0 #888888;
-webkit-box-shadow: 0 0 0 0 #888888;
-moz-box-shadow: 0 0 0 0 #888888;
-o-box-shadow: 0 0 0 0 #888888;
}
.widget_woodojo_tweets h3 {
border-bottom: 0;
margin: 0;
}
.widget_woodojo_tweets ul {
padding-left: 0;
}
.widget_woodojo_tweets ul li {
border-bottom: 1px solid #d9d9d9;
box-shadow: 0 1px 0 0 #fdfdfd;
-webkit-box-shadow: 0 1px 0 0 #fdfdfd;
-moz-box-shadow: 0 1px 0 0 #fdfdfd;
-o-box-shadow: 0 1px 0 0 #fdfdfd;
padding: 1.2em 0;
list-style: none;
}
.widget_woodojo_tweets ul li a {
padding: 0;
}
.widget_woodojo_tweets ul li .time-ago {
color: #b8b8b8;
display: block;
padding: .618em 0 0;
}
.widget_woodojo_tweets p {
font-weight: bold;
color: #b8b8b8;
margin-bottom: 0;
}
.widget_woodojo_tweets p a {
color: #6b6b6b;
}
.widget_woodojo_tweets p.follow-link {
font-weight: normal;
margin: 1.618em 0 0;
}
/* WOOTABS */
.widget_woodojo_tabs {
border: 0;
box-shadow: 0 0 0 0 #888888;
-webkit-box-shadow: 0 0 0 0 #888888;
-moz-box-shadow: 0 0 0 0 #888888;
-o-box-shadow: 0 0 0 0 #888888;
}
.widget_woodojo_tabs:after {
border: 0;
}
.tabbable {
height: auto;
display: block;
padding: .382em;
}
.tabbable ul.nav-tabs {
padding: 0;
border: 0 !important;
}
.tabbable ul.nav-tabs li {
float: left;
display: inline;
color: #fff;
margin: 0;
padding: 0;
cursor: pointer;
}
.tabbable ul.nav-tabs li a {
color: #b8b8b8;
font-family: "Montserrat", sans-serif;
font-size: 1.1em;
display: block;
float: left;
text-transform: none;
font-weight: none;
border-left: 0;
padding: 0 !important;
margin-left: .44em !important;
background: none !important;
border: none !important;
}
.tabbable ul.nav-tabs li a.selected,
.tabbable ul.nav-tabs li a:hover {
text-decoration: none;
color: #424242;
}
.tabbable ul.nav-tabs li:first-child a {
margin-left: 0 !important;
}
.tabbable .tab-content li {
border-bottom: 1px solid #d9d9d9 !important;
box-shadow: 0 1px 0 0 #fdfdfd;
-webkit-box-shadow: 0 1px 0 0 #fdfdfd;
-moz-box-shadow: 0 1px 0 0 #fdfdfd;
-o-box-shadow: 0 1px 0 0 #fdfdfd;
padding: 1em 0;
list-style: none;
}
.tabbable .tab-content li a {
color: #424242;
padding: 0;
}
.tabbable .tab-content li span.meta {
display: block;
font-size: .857em;
text-transform: none;
color: #b8b8b8;
}
.tabbable .tab-content li img.avatar,
.tabbable .tab-content li img.thumbnail {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
float: left;
margin: 0;
}
.tabbable .tab-content li img.avatar:hover,
.tabbable .tab-content li img.thumbnail:hover {
border-color: #cdcdcd;
}
.tabbable .tab-content li .rounded-image {
margin: 0 1.387em 0 0;
}
/* Twitter Profile */
.widget_woodojo_twitterprofile img,
.widget_woodojo_instagram_profile img {
-webkit-border-radius: 100% !important;
-moz-border-radius: 100% !important;
border-radius: 100% !important;
}
.widget_woodojo_twitterprofile p.profile-info,
.widget_woodojo_instagram_profile p.profile-info {
clear: both;
margin: 2.244em 0 1em 0;
}
.widget_woodojo_twitterprofile {
padding: 0 0 1.618em 0;
}
.widget_woodojo_twitterprofile h3 {
margin: 0 0 .382em;
}
.widget_woodojo_twitterprofile .follow-link {
margin: 1.618em 0 0 !important;
}
.widget_woodojo_instagram img {
padding: .382em;
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
.widget_woodojo_instagram img:hover {
border-color: #cdcdcd;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {
position: relative;
}
#comments:after {
top: -1.618em;
}
#comments h3 {
margin-bottom: 1em;
}
#comments .comment {
width: 100%;
list-style: none;
}
#comments .comment:before {
content: '';
border-top: 1px solid #ffffff;
display: block;
}
#comments .comment.thread-even {
border: 1px solid #e6e6e6;
border-width: 1px 0;
}
#comments .comment.bypostauthor {
/*background: #fef7d2;*/
/*border-bottom:1px solid #efe3ae;*/
}
#comments .comment:first-child {
border-top: 0;
}
#comments .comment:first-child:before {
border-top: 0;
}
#comments .comment:first-child ul.children {
border-top: 1px solid #e6e6e6;
}
#comments .comment:first-child ul.children li:before {
border-top: 1px solid #ffffff;
}
#comments .comment .comment-container {
position: relative;
padding: 1.618em 0;
}
#comments .comment .comment-container #respond {
width: 100%;
overflow: hidden;
}
#comments .comment .comment-container #respond h3 {
font-size: 1.2em;
}
#comments .comment .comment-container #respond h3 small {
font-size: .857em;
}
#comments .comment .comment-head {
margin: 0 0 1em 0;
font-size: .857em;
}
#comments .comment .comment-head .name {
margin: 0;
font-size: 1.387em;
font-weight: bold;
display: block;
color: #424242;
}
#comments .comment .comment-head .name a:link,
#comments .comment .comment-head .name a:visited {
color: #424242;
}
#comments .comment .comment-entry {
width: 88%;
float: right;
}
#comments .comment .reply {
padding-top: 0;
position: absolute;
top: 1.618em;
right: 0;
}
#comments .comment .reply a {
background: #bdd146;
background: -webkit-gradient(linear, left top, left bottom, from(#bdd146), to(#8daf28));
background: -webkit-linear-gradient(#bdd146, #8daf28);
background: -moz-linear-gradient(center top, #bdd146 0%, #8daf28 100%);
background: -moz-gradient(center top, #bdd146 0%, #8daf28 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bdd146,endColorstr=#8daf28);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bdd146, endColorstr=#8daf28)";
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
-o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
border: 1px solid #A4C037;
color: #ffffff !important;
font-family: "Rancho", cursive;
font-size: 1.618em;
padding: 0 .857em;
-webkit-border-radius: 0.236em;
-moz-border-radius: 0.236em;
border-radius: 0.236em;
text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
margin: 0;
}
#comments ul.children {
margin: 0 0 0 1.618em;
padding: 0;
}
#comments ul.children li {
border-top: 1px solid #e6e6e6;
}
#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;
}
.gravatar {
position: relative;
}
.gravatar-wrap,
.rounded-image {
float: left;
background: #fafafa;
overflow: hidden;
display: block;
border-radius: 100%;
padding: .382em;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
}
.gravatar-wrap img,
.rounded-image img {
vertical-align: middle;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background-color: #DDD;
z-index: 999;
}
/* 5.2 Comments Form */
#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;
}
#respond #commentform input.txt,
#respond #commentform textarea {
width: 100%;
}
/* 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 */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Homepage styling */
.home #header-wrap {
margin: 0;
}
.home .section-title h1 {
color: #5595a5;
font-family: "Rancho", cursive;
font-size: 2.618em;
font-weight: normal;
margin: 0 0 0.3em;
text-shadow: 1px 2px 0 #ffffff;
}
.home .section-title h1 a {
color: #5595a5;
}
/* 6.2 Homepage Featured */
#featured {
position: relative;
}
#featured .slide {
min-height: 350px;
background: #82c5d5;
background: -webkit-gradient(linear, left top, left bottom, from(#82c5d5), to(#d2e8ed));
background: -webkit-linear-gradient(#82c5d5, #d2e8ed);
background: -moz-linear-gradient(center top, #82c5d5 0%, #d2e8ed 100%);
background: -moz-gradient(center top, #82c5d5 0%, #d2e8ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82c5d5,endColorstr=#d2e8ed);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82c5d5, endColorstr=#d2e8ed)";
}
#featured .slide header {
margin-bottom: 0.618em;
text-align: center;
}
#featured .slide header h1 {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
font-size: 2.5em;
font-weight: normal;
}
#featured .slide article {
margin: 0 3.631em;
}
#featured .slide .entry {
color: #4c8694;
font-size: 1.2em;
text-align: center;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
#featured .slide .entry .woo-image {
margin: 0 0 1.618em;
}
#featured .slide .slide-video-default {
max-width: 880px;
margin: 0 auto;
padding: .9em .9em .5em .9em;
background: rgba(255, 255, 255, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#featured .slide .slide-content-container {
padding: 2.618em 0;
}
#featured.has-pagination .slide {
padding-bottom: 4.236em;
}
#featured .controls-container {
position: relative;
}
#featured .manual {
position: relative;
}
#featured ol.flex-control-nav {
position: absolute;
bottom: 20px;
right: 0;
z-index: 9999;
padding: 0;
text-align: center;
display: block;
}
#featured ol.flex-control-nav li {
float: left;
}
#featured ol.flex-control-nav li a {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: rgba(255, 255, 255, 0.6);
padding: .53em 1em;
margin: 0 .382em;
display: block;
color: #424242;
cursor: pointer;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
}
#featured ol.flex-control-nav li a:hover {
text-decoration: none;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
#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: -9999em;
white-space: nowrap;
overflow: hidden;
display: block;
position: absolute;
}
#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==);
top: 45%;
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);
-moz-box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1);
-o-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=);
top: 45%;
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);
-moz-box-shadow: -1px 1px 0 1px rgba(0, 0, 0, 0.1);
-o-box-shadow: -1px 1px 0 1px rgba(0, 0, 0, 0.1);
}
#featured ul.flex-direction-nav li a:hover {
padding: 0 .327em;
}
#featured ul.flex-direction-nav li a:active {
background-color: #e1e1e1;
}
/* 6.3 - Homepage Mini-Features */
.home #main section:first-child {
background: #fff;
margin-bottom: 4.236em;
padding: 2.618em 0 2.618em;
}
.home #main section:first-child:after {
content: '';
width: 100%;
height: 1.618em;
position: absolute;
background: url(images/bg-section-bottom.png) repeat-x;
margin-top: 2em;
}
.home #main section:first-child:before {
content: '';
width: 100%;
height: 2.618em;
position: absolute;
background: url(images/bg-section-top.png) repeat-x;
margin-top: -3.6em;
}
.home #main section:first-child .section-title p span {
background: #fff;
}
#mini-features ul {
margin: 0;
}
#mini-features ul li {
list-style: none;
padding-bottom: 2.244em;
}
#mini-features ul li .image {
float: left;
}
#mini-features ul li .entry {
margin-left: 9.505em;
}
#mini-features ul li h2 {
font-size: 1.2em;
font-weight: normal;
}
#mini-features ul li h2 a {
color: #424242;
}
#mini-features ul li p {
margin: 0;
}
#mini-features ul li.clear {
width: 100%;
margin: 0;
padding-bottom: 0;
}
#mini-features ul li:nth-child(3n+3) {
padding-bottom: 0;
}
#mini-features ul li.special {
padding-bottom: 2.244em;
}
/* 6.4 - Homepage Blog */
#home-blog {
overflow: hidden;
margin: 0 0 2.618em;
}
#home-blog ul {
margin: 0;
}
#home-blog ul li {
list-style: none;
}
#home-blog ul li .post {
margin: 0;
padding-bottom: 2.618em;
}
#home-blog ul li.clear {
width: 100%;
margin: 0;
}
#home-blog ul li h2 {
font-size: 1.2em;
font-weight: normal;
}
#home-blog ul li h2 a {
color: #424242;
}
#home-blog ul li .woo-image {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#home-blog ul li .date-badge {
width: 53px;
left: -6.854em;
}
#home-blog ul li .date-badge .month-day {
font-size: 1.618em;
width: 53px;
height: 53px;
line-height: 53px;
text-align: center;
overflow: hidden;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
#home-blog ul li .date-badge .month-name {
color: #9e9e9e;
}
#home-blog ul li:last-child .post {
padding-bottom: 0;
}
/* 6.4 - Homepage Portfolio */
.home .minor.flexslider {
position: relative;
margin: 0 0 2.618em;
}
.home .minor.flexslider .section-title span a {
color: #9e9e9e;
text-transform: uppercase;
padding: 0.382em;
}
.home .minor.flexslider ul li {
padding: 0 0 0 0;
list-style: none;
}
.home .minor.flexslider ul li .portfolio-item img {
padding: 0.382em;
margin: 0 0 1.618em;
background: #fafafa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
.home .minor.flexslider ul li .portfolio-item a:hover img {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
transform: scale(1.02);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.home .minor.flexslider ul li .portfolio-item .content {
padding: 0;
}
.home .minor.flexslider ul li:last-child {
margin-right: 0;
}
.home .minor.flexslider ul li h2 {
font-size: 1.2em;
font-weight: normal;
}
.home .minor.flexslider ul li h2 a {
color: #424242;
}
.home .minor.flexslider ul.flex-direction-nav {
position: relative;
z-index: 99999;
}
.home .minor.flexslider ul.flex-direction-nav li {
float: left;
margin: 0;
position: absolute;
top: 4em;
}
.home .minor.flexslider ul.flex-direction-nav li a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 3.631em;
height: 3.631em;
background: #ffffff;
border: 1px solid #c0c0c0;
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.home .minor.flexslider 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==);
}
.home .minor.flexslider 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=);
}
.home .minor.flexslider ul.flex-direction-nav li a:hover {
background-color: #ededed;
}
.home .minor.flexslider ul.flex-direction-nav li:first-child {
left: -1.4em;
}
.home .minor.flexslider ul.flex-direction-nav li:last-child {
right: -1.2em;
}
.home .minor.flexslider div.flex-nav-container {
position: absolute !important;
top: 50%;
margin: 0;
z-index: 9999;
width: 100%;
}
#home-blog-alt .date-badge {
width: 8%;
}
#home-blog-alt img,
#home-blog-alt img.thumbnail {
padding: .382em;
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
#home-blog-alt img:hover,
#home-blog-alt img.thumbnail:hover {
border-color: #cdcdcd;
}
/* 6.4 - Homepage Feedback */
#feedback {
margin: 0 0 2.618em;
}
#feedback ul li {
list-style: none;
margin: 0;
}
#feedback ul li .content {
margin: 0 10px;
}
#feedback ul li .content .author .name {
font-size: 1.2em;
font-weight: normal;
color: #424242;
}
#feedback .author span {
display: block;
}
#feedback .flex-direction-nav {
position: relative;
margin: 1.387em auto;
overflow: hidden;
}
#feedback .flex-direction-nav li {
float: left;
margin: 0;
background: #f1f1f1;
padding: 1em;
position: relative;
}
#feedback .flex-direction-nav li a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 3.631em;
height: 3.631em;
background: #ffffff;
border: 1px solid #c0c0c0;
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
#feedback .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==);
}
#feedback .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=);
}
#feedback .flex-direction-nav li a:hover {
background-color: #ededed;
}
#feedback .flex-direction-nav li:first-child {
left: 30%;
}
#feedback .flex-direction-nav li:last-child {
right: -30%;
}
#feedback .flex-direction-nav:before {
content: '';
width: 100%;
height: 1px;
background: #d9d9d9;
display: block;
position: absolute;
top: 51%;
z-index: -999;
}
#feedback .flex-direction-nav:after {
content: '';
width: 100%;
height: 1px;
background: #fdfdfd;
display: block;
position: absolute;
top: 53%;
z-index: -999;
}
/* 2.3.4.2 Portfolio Item */
#portfolio-gallery #port-tags {
padding: .618em 0 0 1em;
left: 12px;
}
#portfolio-gallery #port-tags a {
position: relative;
float: left;
height: 24px;
line-height: 24px;
font-size: 1em;
background: #5595A5;
padding: 0 10px 0 12px;
margin: 0 1.618em 0 0;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
font-weight: normal;
color: #fff;
text-decoration: none;
}
#portfolio-gallery #port-tags a:hover {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#portfolio-gallery #port-tags a:before {
content: "";
float: left;
position: absolute;
top: 0;
left: -12px;
width: 0;
height: 0;
border-color: transparent #5595A5 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;
-moz-border-radius: 2px;
border-radius: 2px;
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);
-moz-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
}
#portfolio-gallery .portfolio-item {
position: relative;
display: block;
float: left;
margin: 1em 5px 1em 0;
}
#portfolio-gallery .portfolio-item img {
max-width: 94%;
height: auto;
margin: 0 0 1.387em;
padding: .382em;
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
#portfolio-gallery .portfolio-item img:hover {
border-color: #cdcdcd;
}
#portfolio-gallery .portfolio-item h2 {
font-size: 1.2em;
font-weight: normal;
margin: 0;
}
#portfolio-gallery .portfolio-item h2 a {
color: #424242;
}
#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 {
padding: 2.618em 0 0;
margin: 2.618em 0 0;
border-top: 1px solid #e6e6e6;
}
.single-portfolio #comments:before {
content: '';
border-bottom: 1px solid #fafafa;
display: block;
position: relative;
top: -2.618em;
}
/*-------------------------------------------------------------------------------------------*/
/* 7. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/
/* 7.1 Timeline Page Template */
#archives .archives_list {
border-left: 1px solid #e6e6e6;
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 img {
max-width: inherit;
}
.page-template-template-contact-php .location-twitter {
margin: 0 0 1em;
padding: 0 0 1.618em;
border-bottom: 1px solid #e6e6e6;
}
.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: #c4c4c4;
}
.page-template-template-contact-php .location-twitter .contact-social #connect {
background: none;
border: 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;
clear: both;
}
/* 7.3 Image Gallery */
.image-gallery-item img {
max-width: 100%;
padding: .236em;
margin: 0 1em 1em 0;
border: 1px solid #e1e1e1;
background: #fafafa;
-webkit-border-radius: 0.236em;
-moz-border-radius: 0.236em;
border-radius: 0.236em;
}
.image-gallery-item img:hover {
border: 1px solid #c7c7c7;
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);
-moz-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2);
}
/*-------------------------------------------------------------------------------------------*/
/* 8. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 8.1 Forms */
input[type=text],
input.input-text,
textarea,
input.txt {
padding: .857em 1em;
color: #9e9e9e;
border-width: 0 0 1px 0;
border-bottom-color: #cdcdcd;
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+ */
}
.follow-link a,
a.button,
a.woo-sc-button.custom,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button {
border: 1px solid #778d18;
color: #ffffff !important;
font-family: "Rancho", cursive;
font-size: 1.618em;
padding: 0 .857em;
display: inline-block;
text-align: center;
text-decoration: none;
cursor: pointer;
/* Inputs need pointers! */
overflow: visible;
width: auto;
/* IE fix */
line-height: 1.618em;
background: #bdd146;
background: -webkit-gradient(linear, left top, left bottom, from(#bdd146), to(#8daf28));
background: -webkit-linear-gradient(#bdd146, #8daf28);
background: -moz-linear-gradient(center top, #bdd146 0%, #8daf28 100%);
background: -moz-gradient(center top, #bdd146 0%, #8daf28 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bdd146,endColorstr=#8daf28);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bdd146, endColorstr=#8daf28)";
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
-o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 0.202em;
-moz-border-radius: 0.202em;
border-radius: 0.202em;
text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.follow-link a.large,
a.button.large,
a.woo-sc-button.custom.large,
a.comment-reply-link.large,
#commentform #submit.large,
.submit.large,
input[type=submit].large,
input.button.large,
button.button.large {
font-size: 1.387em;
}
.follow-link a.small,
a.button.small,
a.woo-sc-button.custom.small,
a.comment-reply-link.small,
#commentform #submit.small,
.submit.small,
input[type=submit].small,
input.button.small,
button.button.small {
font-size: .857em;
}
.follow-link a:hover,
a.button:hover,
a.woo-sc-button.custom:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover {
text-decoration: none;
background: #bdd146;
background: -webkit-gradient(linear, left top, left bottom, from(#bdd146), to(#6b8d06));
background: -webkit-linear-gradient(#bdd146, #6b8d06);
background: -moz-linear-gradient(center top, #bdd146 0%, #6b8d06 100%);
background: -moz-gradient(center top, #bdd146 0%, #6b8d06 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bdd146,endColorstr=#6b8d06);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bdd146, endColorstr=#6b8d06)";
}
.follow-link a:active,
a.button:active,
a.woo-sc-button.custom:active,
a.comment-reply-link:active,
#commentform #submit:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active {
-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
}
/* Default shortcode custom font-size */
a.woo-sc-button.custom.small {
font-size: 1.2em;
padding: .382em .618em;
}
a.woo-sc-button.custom.large {
font-size: 2.244em;
padding: 0 1em;
margin: 0 0 1em;
}
/* 8.2 Gravity forms */
.gfield {
margin-bottom: 1em;
}
.gform_wrapper .top_label .gfield_label {
display: block;
padding-right: 20px;
width: 100px;
margin: 5px 0 .327em;
}
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
width: 400px !important;
padding: 7px .236em !important;
}
.gform_wrapper .top_label .clear-multi {
clear: none !important;
}
.gform_wrapper input.button {
padding: 5px 10px 6px !important;
}
.gform_wrapper input {
padding: 7px .236em !important;
}
.gform_wrapper .entry img,
.gform_wrapper img,
.gform_wrapper thumbnail {
padding: 0 !important;
border: 0 !important;
height: auto;
}
.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {
margin-left: 120px !important;
}
img.ui-datepicker-trigger {
border: 0;
padding: 0;
}
/* 8.3 IE specific styling */
.ie8 img {
width: auto !important;
}
.ie8 #feedback .flex-direction-nav {
position: static;
margin: 1.387em auto;
width: 16%;
}
.ie8 #feedback .flex-direction-nav li:first-child {
left: 0;
}
.ie8 #feedback .flex-direction-nav li:last-child {
right: 0;
}
.ie8 #feedback .flex-direction-nav:before {
content: none;
}
.ie8 #feedback .flex-direction-nav:after {
content: none;
}
.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;
zoom: 1;
clear: both;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {
text-transform: capitalize;
}
.flex-disabled {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
cursor: default;
}
/* 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;
}
/*-------------------------------------------------------------------------------------------*/
/* 8. Responsive Tweaks */
/*-------------------------------------------------------------------------------------------*/
.col-full,
#header,
#footer-widgets,
#footer {
padding-left: 2em;
padding-right: 2em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment