@charset "UTF-8"; /* Theme Name: Canvas Theme URI: http://www.woothemes.com/ Version: 5.12.0 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com/ Tags: canvas, woothemes Copyright: (c) 2009-2013 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! :) */ .fa, a.button .woo-alert:before, a.comment-reply-link .woo-alert:before, #commentform #submit .woo-alert:before, .submit .woo-alert:before, input[type=submit] .woo-alert:before, input.button .woo-alert:before, button.button .woo-alert:before, #wrapper .woo-sc-button .woo-alert:before, a.button .woo-download:before, a.comment-reply-link .woo-download:before, #commentform #submit .woo-download:before, .submit .woo-download:before, input[type=submit] .woo-download:before, input.button .woo-download:before, button.button .woo-download:before, #wrapper .woo-sc-button .woo-download:before, a.button .woo-tick:before, a.comment-reply-link .woo-tick:before, #commentform #submit .woo-tick:before, .submit .woo-tick:before, input[type=submit] .woo-tick:before, input.button .woo-tick:before, button.button .woo-tick:before, #wrapper .woo-sc-button .woo-tick:before, a.button .woo-info:before, a.comment-reply-link .woo-info:before, #commentform #submit .woo-info:before, .submit .woo-info:before, input[type=submit] .woo-info:before, input.button .woo-info:before, button.button .woo-info:before, #wrapper .woo-sc-button .woo-info:before, a.button .woo-note:before, a.comment-reply-link .woo-note:before, #commentform #submit .woo-note:before, .submit .woo-note:before, input[type=submit] .woo-note:before, input.button .woo-note:before, button.button .woo-note:before, #wrapper .woo-sc-button .woo-note:before, body .woo-sc-box:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-fw, a.button .woo-alert:before, a.comment-reply-link .woo-alert:before, #commentform #submit .woo-alert:before, .submit .woo-alert:before, input[type=submit] .woo-alert:before, input.button .woo-alert:before, button.button .woo-alert:before, #wrapper .woo-sc-button .woo-alert:before, a.button .woo-download:before, a.comment-reply-link .woo-download:before, #commentform #submit .woo-download:before, .submit .woo-download:before, input[type=submit] .woo-download:before, input.button .woo-download:before, button.button .woo-download:before, #wrapper .woo-sc-button .woo-download:before, a.button .woo-tick:before, a.comment-reply-link .woo-tick:before, #commentform #submit .woo-tick:before, .submit .woo-tick:before, input[type=submit] .woo-tick:before, input.button .woo-tick:before, button.button .woo-tick:before, #wrapper .woo-sc-button .woo-tick:before, a.button .woo-info:before, a.comment-reply-link .woo-info:before, #commentform #submit .woo-info:before, .submit .woo-info:before, input[type=submit] .woo-info:before, input.button .woo-info:before, button.button .woo-info:before, #wrapper .woo-sc-button .woo-info:before, a.button .woo-note:before, a.comment-reply-link .woo-note:before, #commentform #submit .woo-note:before, .submit .woo-note:before, input[type=submit] .woo-note:before, input.button .woo-note:before, button.button .woo-note:before, #wrapper .woo-sc-button .woo-note:before, body .woo-sc-box:before { width: 1.2857142857em; text-align: center; } /*-------------------------------------------------------------------------------------------*/ /* 0. RESET */ /*-------------------------------------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ body, html { height: 100%; } 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, font, 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, figure { margin: 0; padding: 0; border: 0; /* IMB_EDIT: don't turn off outline because it is a potential accessibility issue; original --> outline: 0; */ font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { /* IMB_EDIT: don't turn off outline because it is a potential accessibility issue; original --> outline: 0; */ } /* remember to define focus styles! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("includes/fonts/fontawesome-webfont.eot?v=4.5.0"); src: url("includes/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("includes/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("includes/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("includes/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("includes/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa, a.button .woo-alert:before, a.comment-reply-link .woo-alert:before, #commentform #submit .woo-alert:before, .submit .woo-alert:before, input[type=submit] .woo-alert:before, input.button .woo-alert:before, button.button .woo-alert:before, #wrapper .woo-sc-button .woo-alert:before, a.button .woo-download:before, a.comment-reply-link .woo-download:before, #commentform #submit .woo-download:before, .submit .woo-download:before, input[type=submit] .woo-download:before, input.button .woo-download:before, button.button .woo-download:before, #wrapper .woo-sc-button .woo-download:before, a.button .woo-tick:before, a.comment-reply-link .woo-tick:before, #commentform #submit .woo-tick:before, .submit .woo-tick:before, input[type=submit] .woo-tick:before, input.button .woo-tick:before, button.button .woo-tick:before, #wrapper .woo-sc-button .woo-tick:before, a.button .woo-info:before, a.comment-reply-link .woo-info:before, #commentform #submit .woo-info:before, .submit .woo-info:before, input[type=submit] .woo-info:before, input.button .woo-info:before, button.button .woo-info:before, #wrapper .woo-sc-button .woo-info:before, a.button .woo-note:before, a.comment-reply-link .woo-note:before, #commentform #submit .woo-note:before, .submit .woo-note:before, input[type=submit] .woo-note:before, input.button .woo-note:before, button.button .woo-note:before, #wrapper .woo-sc-button .woo-note:before, body .woo-sc-box:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw, a.button .woo-alert:before, a.comment-reply-link .woo-alert:before, #commentform #submit .woo-alert:before, .submit .woo-alert:before, input[type=submit] .woo-alert:before, input.button .woo-alert:before, button.button .woo-alert:before, #wrapper .woo-sc-button .woo-alert:before, a.button .woo-download:before, a.comment-reply-link .woo-download:before, #commentform #submit .woo-download:before, .submit .woo-download:before, input[type=submit] .woo-download:before, input.button .woo-download:before, button.button .woo-download:before, #wrapper .woo-sc-button .woo-download:before, a.button .woo-tick:before, a.comment-reply-link .woo-tick:before, #commentform #submit .woo-tick:before, .submit .woo-tick:before, input[type=submit] .woo-tick:before, input.button .woo-tick:before, button.button .woo-tick:before, #wrapper .woo-sc-button .woo-tick:before, a.button .woo-info:before, a.comment-reply-link .woo-info:before, #commentform #submit .woo-info:before, .submit .woo-info:before, input[type=submit] .woo-info:before, input.button .woo-info:before, button.button .woo-info:before, #wrapper .woo-sc-button .woo-info:before, a.button .woo-note:before, a.comment-reply-link .woo-note:before, #commentform #submit .woo-note:before, .submit .woo-note:before, input[type=submit] .woo-note:before, input.button .woo-note:before, button.button .woo-note:before, #wrapper .woo-sc-button .woo-note:before, body .woo-sc-box:before { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, a.button .fa-pull-left.woo-alert:before, a.comment-reply-link .fa-pull-left.woo-alert:before, #commentform #submit .fa-pull-left.woo-alert:before, .submit .fa-pull-left.woo-alert:before, input[type=submit] .fa-pull-left.woo-alert:before, input.button .fa-pull-left.woo-alert:before, button.button .fa-pull-left.woo-alert:before, #wrapper .woo-sc-button .fa-pull-left.woo-alert:before, a.button .fa-pull-left.woo-download:before, a.comment-reply-link .fa-pull-left.woo-download:before, #commentform #submit .fa-pull-left.woo-download:before, .submit .fa-pull-left.woo-download:before, input[type=submit] .fa-pull-left.woo-download:before, input.button .fa-pull-left.woo-download:before, button.button .fa-pull-left.woo-download:before, #wrapper .woo-sc-button .fa-pull-left.woo-download:before, a.button .fa-pull-left.woo-tick:before, a.comment-reply-link .fa-pull-left.woo-tick:before, #commentform #submit .fa-pull-left.woo-tick:before, .submit .fa-pull-left.woo-tick:before, input[type=submit] .fa-pull-left.woo-tick:before, input.button .fa-pull-left.woo-tick:before, button.button .fa-pull-left.woo-tick:before, #wrapper .woo-sc-button .fa-pull-left.woo-tick:before, a.button .fa-pull-left.woo-info:before, a.comment-reply-link .fa-pull-left.woo-info:before, #commentform #submit .fa-pull-left.woo-info:before, .submit .fa-pull-left.woo-info:before, input[type=submit] .fa-pull-left.woo-info:before, input.button .fa-pull-left.woo-info:before, button.button .fa-pull-left.woo-info:before, #wrapper .woo-sc-button .fa-pull-left.woo-info:before, a.button .fa-pull-left.woo-note:before, a.comment-reply-link .fa-pull-left.woo-note:before, #commentform #submit .fa-pull-left.woo-note:before, .submit .fa-pull-left.woo-note:before, input[type=submit] .fa-pull-left.woo-note:before, input.button .fa-pull-left.woo-note:before, button.button .fa-pull-left.woo-note:before, #wrapper .woo-sc-button .fa-pull-left.woo-note:before, body .fa-pull-left.woo-sc-box:before { margin-right: .3em; } .fa.fa-pull-right, a.button .fa-pull-right.woo-alert:before, a.comment-reply-link .fa-pull-right.woo-alert:before, #commentform #submit .fa-pull-right.woo-alert:before, .submit .fa-pull-right.woo-alert:before, input[type=submit] .fa-pull-right.woo-alert:before, input.button .fa-pull-right.woo-alert:before, button.button .fa-pull-right.woo-alert:before, #wrapper .woo-sc-button .fa-pull-right.woo-alert:before, a.button .fa-pull-right.woo-download:before, a.comment-reply-link .fa-pull-right.woo-download:before, #commentform #submit .fa-pull-right.woo-download:before, .submit .fa-pull-right.woo-download:before, input[type=submit] .fa-pull-right.woo-download:before, input.button .fa-pull-right.woo-download:before, button.button .fa-pull-right.woo-download:before, #wrapper .woo-sc-button .fa-pull-right.woo-download:before, a.button .fa-pull-right.woo-tick:before, a.comment-reply-link .fa-pull-right.woo-tick:before, #commentform #submit .fa-pull-right.woo-tick:before, .submit .fa-pull-right.woo-tick:before, input[type=submit] .fa-pull-right.woo-tick:before, input.button .fa-pull-right.woo-tick:before, button.button .fa-pull-right.woo-tick:before, #wrapper .woo-sc-button .fa-pull-right.woo-tick:before, a.button .fa-pull-right.woo-info:before, a.comment-reply-link .fa-pull-right.woo-info:before, #commentform #submit .fa-pull-right.woo-info:before, .submit .fa-pull-right.woo-info:before, input[type=submit] .fa-pull-right.woo-info:before, input.button .fa-pull-right.woo-info:before, button.button .fa-pull-right.woo-info:before, #wrapper .woo-sc-button .fa-pull-right.woo-info:before, a.button .fa-pull-right.woo-note:before, a.comment-reply-link .fa-pull-right.woo-note:before, #commentform #submit .fa-pull-right.woo-note:before, .submit .fa-pull-right.woo-note:before, input[type=submit] .fa-pull-right.woo-note:before, input.button .fa-pull-right.woo-note:before, button.button .fa-pull-right.woo-note:before, #wrapper .woo-sc-button .fa-pull-right.woo-note:before, body .fa-pull-right.woo-sc-box:before { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left, a.button .pull-left.woo-alert:before, a.comment-reply-link .pull-left.woo-alert:before, #commentform #submit .pull-left.woo-alert:before, .submit .pull-left.woo-alert:before, input[type=submit] .pull-left.woo-alert:before, input.button .pull-left.woo-alert:before, button.button .pull-left.woo-alert:before, #wrapper .woo-sc-button .pull-left.woo-alert:before, a.button .pull-left.woo-download:before, a.comment-reply-link .pull-left.woo-download:before, #commentform #submit .pull-left.woo-download:before, .submit .pull-left.woo-download:before, input[type=submit] .pull-left.woo-download:before, input.button .pull-left.woo-download:before, button.button .pull-left.woo-download:before, #wrapper .woo-sc-button .pull-left.woo-download:before, a.button .pull-left.woo-tick:before, a.comment-reply-link .pull-left.woo-tick:before, #commentform #submit .pull-left.woo-tick:before, .submit .pull-left.woo-tick:before, input[type=submit] .pull-left.woo-tick:before, input.button .pull-left.woo-tick:before, button.button .pull-left.woo-tick:before, #wrapper .woo-sc-button .pull-left.woo-tick:before, a.button .pull-left.woo-info:before, a.comment-reply-link .pull-left.woo-info:before, #commentform #submit .pull-left.woo-info:before, .submit .pull-left.woo-info:before, input[type=submit] .pull-left.woo-info:before, input.button .pull-left.woo-info:before, button.button .pull-left.woo-info:before, #wrapper .woo-sc-button .pull-left.woo-info:before, a.button .pull-left.woo-note:before, a.comment-reply-link .pull-left.woo-note:before, #commentform #submit .pull-left.woo-note:before, .submit .pull-left.woo-note:before, input[type=submit] .pull-left.woo-note:before, input.button .pull-left.woo-note:before, button.button .pull-left.woo-note:before, #wrapper .woo-sc-button .pull-left.woo-note:before, body .pull-left.woo-sc-box:before { margin-right: .3em; } .fa.pull-right, a.button .pull-right.woo-alert:before, a.comment-reply-link .pull-right.woo-alert:before, #commentform #submit .pull-right.woo-alert:before, .submit .pull-right.woo-alert:before, input[type=submit] .pull-right.woo-alert:before, input.button .pull-right.woo-alert:before, button.button .pull-right.woo-alert:before, #wrapper .woo-sc-button .pull-right.woo-alert:before, a.button .pull-right.woo-download:before, a.comment-reply-link .pull-right.woo-download:before, #commentform #submit .pull-right.woo-download:before, .submit .pull-right.woo-download:before, input[type=submit] .pull-right.woo-download:before, input.button .pull-right.woo-download:before, button.button .pull-right.woo-download:before, #wrapper .woo-sc-button .pull-right.woo-download:before, a.button .pull-right.woo-tick:before, a.comment-reply-link .pull-right.woo-tick:before, #commentform #submit .pull-right.woo-tick:before, .submit .pull-right.woo-tick:before, input[type=submit] .pull-right.woo-tick:before, input.button .pull-right.woo-tick:before, button.button .pull-right.woo-tick:before, #wrapper .woo-sc-button .pull-right.woo-tick:before, a.button .pull-right.woo-info:before, a.comment-reply-link .pull-right.woo-info:before, #commentform #submit .pull-right.woo-info:before, .submit .pull-right.woo-info:before, input[type=submit] .pull-right.woo-info:before, input.button .pull-right.woo-info:before, button.button .pull-right.woo-info:before, #wrapper .woo-sc-button .pull-right.woo-info:before, a.button .pull-right.woo-note:before, a.comment-reply-link .pull-right.woo-note:before, #commentform #submit .pull-right.woo-note:before, .submit .pull-right.woo-note:before, input[type=submit] .pull-right.woo-note:before, input.button .pull-right.woo-note:before, button.button .pull-right.woo-note:before, #wrapper .woo-sc-button .pull-right.woo-note:before, body .pull-right.woo-sc-box:before { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } body { font: 300 13px/20px "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;/* IMB_EDIT: fixed quotes around font names */ color: #555; background-color: #fff; -webkit-font-smoothing: subpixel-antialiased; word-wrap: break-word; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;/* IMB_EDIT Bug Fix - Remove single quotes that keeps fonts from dispaying correctly */ color: #222; font-weight: bold; line-height: 1.2em; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } p { margin: 0 0 1.2em; font: 300 14px/22px "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }/* IMB_EDIT: fixed quotes around font names */ strong { font-weight: bold; } hr { background-color: #e6e6e6; border: 0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; background: #fff; border-color: #efefef; border-width: 2px; border-style: solid; margin-bottom: 10px; border-radius: 3px; font-size: 1em; color: #666; font-family: inherit; } .hide { display: none; } img { vertical-align: bottom; max-width: 100%; } /* 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; } a:link, a:visited { color: #3174af; /* IMB_EDIT: darkened color to meet WCAG Guideline 1.4.3; original --> color: #428bca; */ /* IMB_EDIT: don't turn off underline because is fails WCAG Guideline 1.4.1; original --> text-decoration: none; */ } a:hover { text-decoration: underline; color: #FF4800; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { /* IMB_EDIT: don't turn off underline because is fails WCAG Guideline 1.4.1; original --> text-decoration: none; */ } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } @font-face { font-family: 'Social'; font-weight: normal; font-style: normal; src: url("includes/fonts/social.eot"); src: url("includes/fonts/social.eot?#iefix") format("embedded-opentype"), url("includes/fonts/social.woff") format("woff"), url("includes/fonts/social.ttf") format("truetype"), url("includes/fonts/social.svg#woo-social") format("svg"); } embed, iframe, video { max-width: 100%; } video { height: auto; } /* 2.1 Containers & Columns */ #wrapper { position: relative; } #inner-wrapper { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 1em; } /* 2.3 Header */ #header { padding: 40px 0 45px; clear: both; position: relative; background-size: auto; } #logo .site-title { line-height: inherit; margin-bottom: 5px; font-weight: bold; } #logo .site-title, #logo .site-description { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; display: block; } #logo .site-title a { color: #222; font-size: 40px; line-height: 40px; text-transform: none; text-decoration: none; } #logo .site-title a:hover { text-decoration: underline; } #logo .site-description { color: #999; font-weight: 300; } .header-widget { margin: 2em 0 0; float: none; clear: both; } .header-widget .widget { margin-bottom: 0; margin-top: 2em; } .header-widget .widget:first-child { margin: 0; } /* 2.4 Content */ #content { padding: 0 0 40px; position: relative; } /* 2.5 Sidebar */ #sidebar { margin-top: 3em; clear: both; } #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .tertiary { float: left; margin-right: 0; } #sidebar .last { margin: 0; } /* 2.6 Footer */ #footer { padding: 20px 0; border-top: 1px solid #e6e6e6; color: #737373; } /* IMB_EDIT: darkened color to meet WCAG Guideline 1.4.3; original --> color: #999; */ #footer #credit img { vertical-align: middle; } #footer #credit span { display: none; } #footer .col-left { margin-bottom: 10px; } /* 8.3 Footer Widgets 1-4 Columns */ #footer-widgets .block { padding-top: 20px; } @media only screen and (max-width: 767px) { #wrapper { overflow-y: visible; overflow-x: hidden; } #content { padding-top: 1.5em; } #header { background-size: cover; } #sidebar { clear: both; } } @media only screen and (min-width: 768px) { /* Header */ #logo { float: left; max-width: 100%; } .header-widget { float: right; width: 49%; clear: none; margin: 0; } /* Footer */ #footer-widgets .block { /* 210 / 940 */ margin-right: 3.8%; float: left; } #footer-widgets.col-1 .block { width: 100%; margin-right: 0; } #footer-widgets.col-2 .block, #footer-widgets.col-4 .block { width: 48%; } #footer-widgets.col-3 .block { width: 30.75%; } #footer-widgets.col-2 .footer-widget-2, #footer-widgets.col-3 .footer-widget-3 { margin-right: 0; } #footer-widgets.col-4 .footer-widget-2, #footer-widgets.col-4 .footer-widget-4 { margin-right: 0; } } @media only screen and (min-width: 980px) { /* Columns & Containers */ .col-left { float: left; } .col-right { float: right; } .col-full, #wrapper { max-width: 960px; margin: 0 auto; } #wrapper #sidebar { margin-top: 0; } #wrapper { padding: 0 1em 2em; } #inner-wrapper { padding: 0; } /* Sidebar */ #sidebar { overflow: hidden; clear: none; } #main-sidebar-container { position: relative; } #main-sidebar-container #main { position: relative; } #main-sidebar-container #sidebar { display: inline; } #sidebar-alt { display: inline; margin: 0; } /* Footer */ #footer-widgets.col-3 .block { width: 30.75%; } #footer-widgets.col-4 .block { width: 22.05%; } #footer-widgets.col-4 .footer-widget-2 { margin-right: 3.8%; } /* Column Widths */ .one-col #main { float: none; } .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main { width: 64.89%; } /* 610 / 940 */ .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar { width: 31.91%; } /* 300 / 940 */ .three-col-left #main-sidebar-container #sidebar, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container #sidebar { width: 39.47%; } /* 300 / 760 */ .three-col-left #main-sidebar-container, .three-col-middle #main-sidebar-container, .three-col-right #main-sidebar-container { width: 80.85%; } /* 760 / 940 */ .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-right #main-sidebar-container #main { width: 57.89%; } /* 440 / 760 */ #sidebar-alt { width: 17.02%; } /* 160 / 940 */ /* Column Floating */ .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #sidebar, .three-col-left #main-sidebar-container, .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-middle #sidebar-alt, .three-col-right #main-sidebar-container #sidebar, .three-col-right #sidebar-alt { float: left; } .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #main, .three-col-left #main-sidebar-container #sidebar, .three-col-left #sidebar-alt, .three-col-middle #main-sidebar-container, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container, .three-col-right #main-sidebar-container #main { float: right; } } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .breadcrumbs { margin-bottom: 1.5em; } .archive_header { display: block; float: left; border-bottom: 1px solid #e6e6e6; width: 100%; margin: 0 0 30px; padding: 0 0 10px; color: #222; } .archive_header { font-weight: bold; font-size: 1.5em; } .archive_header h1 { font-size: 1em; } .archive_header .catrss a { padding: 5px 10px; font-size: 14px; text-decoration: none; line-height: 22px; } .archive-description { clear: both; margin-bottom: 30px; } .post, .search .page { margin: 0 0 40px; } .page-title, .post .title, .page .title { font: normal bold 28px/1.2em "Helvetica Neue", Helvetica, Arial sans-serif; margin: 0 0 0.5em; } .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited { color: #222; } .post-meta { margin: 0 0 1.8em 0; font: 1em/1em sans-serif; color: #999; font: 300 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; } .post-meta .small { text-transform: lowercase; } .post-meta .author { text-transform: capitalize; } .post-more { clear: both; padding: 0.2em 0; font-size: 13px; } .post-more .sep { padding: 0 0.5em; } .post p.tags { color: #999; width: 100%; clear: both; margin-bottom: 20px; } .post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited { font-weight: bold; color: #888; } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration: underline; color: red; } .post-meta .post-comments { margin-left: 0.5em; float: right; } .post .post-embed { margin-bottom: 30px; } .post-edit-link { float: right; font-weight: 300; font-size: 1.2em; } .entry .page-link { font-weight: bold; margin: 0 0 2em; } /* 3.1 Typographic Elements */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 0.5em; line-height: 1.5em; } .entry, .entry p { color: #555555; font: 300 15px/1.5em "Helvetica Neue",Helvetica,sans-serif; } .entry blockquote { position: relative; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote:before { content: "\f10d"; position: absolute; top: 0.6em; left: 0; font-size: 2.5em; color: #999; color: rgba(0, 0, 0, 0.1); font-family: "FontAwesome"; font-style: normal; } .entry blockquote p { font-style: italic; } .entry ul, .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul { list-style: disc; } .entry ol { list-style: decimal; } .entry li > ul, .entry li > ol { margin-bottom: 0; margin-left: 0; } /* 3.2 Images */ .entry img, img.thumbnail, #portfolio .group.portfolio-img img { height: auto; padding: 3px; border: 1px solid #e6e6e6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; margin: 5px 15px 15px 0; } .alignright { float: right; margin: 5px 0 15px 15px; } .aligncenter { text-align: center; margin-bottom: 15px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; } .ie8 .alignleft, .ie8 .alignright { width: auto; } .entry .gallery { margin-bottom: 2em !important; } .entry .wp-caption { max-width: 100%; width: 100%; padding: 1px; text-align: center; background: #F8F8F8; border: solid 1px #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 1px 1px #fff; -moz-box-shadow: inset 0 0 1px 1px #fff; -webkit-box-shadow: inset 0 0 1px 1px #fff; } .entry .wp-caption img { margin: 0 !important; padding: 4px 0; background: none; border: 0; } .entry .wp-caption-text { margin: 0 0 0.3em; padding: 0; font: 300 12px/1.5em "Helvetica Neue", Helvetica, sans-serif; text-align: center; } .entry .wp-caption a { margin: 0 !important; } .entry .wp-caption.aligncenter { margin: 0 auto 15px; } /* 3.3 Pagination */ .nav-entries { clear: both; font-size: 11px; } .post-entries { clear: both; } .post-entries a:link, .post-entries a:visited { font-size: 0.9em; color: #888; } .post-entries a:hover { text-decoration: none; color: #666; } .woo-pagination { margin: 0 0 2em; text-align: center; clear: both; display: block; } .woo-pagination a:link, .woo-pagination a:visited, .nav-entries a span { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; } .nav-entries a { font-size: 1.2em; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .nav-entries a span { /* Border Radius */ font-weight: bold; font-size: 0.9em; border-radius: 3px; border: 1px solid #d9d9d9; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); background: -webkit-linear-gradient(#ffffff, #f5f5f5); background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%); background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)"; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); } .woo-pagination span.current { border: none; background: none; font-weight: bold; font-size: 0.9em; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border: none; background: #f0f0f0; } .woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #e0e0e0; } /* 3.4 Single Post Author */ #post-author { padding: 15px; margin: 0 0 1.5em; border: 1px solid #e6e6e6; background: #fafafa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #post-author h4 { margin-bottom: 0.4em; } #post-author .profile-image img { float: left; margin: 0 15px 5px 0; padding: 0; border: none; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #post-author .profile-content { font-size: 13px; } .author #post-author { margin-bottom: 30px; } /* 3.5 Tumblog Styling */ .post { position: relative; } .post .post-icon a { float: right; display: block; overflow: hidden; width: 50px; height: 50px; background: #333; border-radius: 100px; } .post .post-icon a:hover { background: #111; text-decoration: none; } .post .audio { margin-bottom: 1.8em; } /* 2.2 Navigation */ #navigation { clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; left: -80%; position: absolute; top: 0; min-height: 100%; z-index: 9000; padding-top: 4.236em; margin-bottom: 3em; font: 300 14px/1.2 "Helvetica Neue", sans-serif; background: #f0f0f0; display: none; } #navigation .menus { clear: both; } #navigation h3 { font-size: 1em; padding: .5em 1em; } #navigation ul { margin-bottom: 1.618em; } #navigation ul ul { margin: 0 0 0 1.618em; } #navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents { height: 1em; width: 1em; text-indent: -999px; display: block; font-size: 1em; padding: .5em; position: absolute; top: 1em; left: 1em; background: #737373; /* IMB_EDIT: Darkened to improve contrast for accessibility. original --> background: #999 */ color: #fff; border-radius: 3px; } #navigation .nav-home:before, #navigation .nav-close:before, #navigation ul.rss li a:before, #navigation ul.cart a.cart-contents:before, #navigation ul.nav-search a.search-contents:before { font-family: "FontAwesome"; content: "\f00d"; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; text-indent: 0; line-height: 2; } #navigation .nav-home { left: auto; right: 1em; } #navigation .nav-home:before { content: "\f015"; } #navigation ul.rss { margin-right: 50px; margin-bottom: 0; margin-top: -45px; float: right; } #navigation ul.rss::after { clear: both; content: ""; display: block; } #navigation ul.rss li { float: left; } #navigation ul.rss li a { position: relative; top: 0; left: 0; margin-left: .5em; } #navigation ul.rss li.sub-email a:before { content: "\f003"; } #navigation ul.rss li.sub-rss a:before { content: "\f09e"; } #navigation ul.cart a.cart-contents { left: auto; right: 3.5em; display: inline-block; } #navigation ul.cart a.cart-contents:before { content: "\f07a"; } #navigation ul.cart a.cart-contents + ul { display: none; } #navigation ul.nav-search { clear: both; } #navigation ul.nav-search::after { clear: both; content: ""; display: block; } #navigation ul.nav-search #searchform, #navigation ul.nav-search .searchform { background: #e6e6e6; position: relative; border: 0; } #navigation ul.nav-search #searchform input#s, #navigation ul.nav-search #searchform input.s, #navigation ul.nav-search .searchform input#s, #navigation ul.nav-search .searchform input.s { border: 0; box-sizing: border-box; padding: 1.414em 2.99em 1.414em 1.414em; width: 100%; } #navigation ul.nav-search #searchform .submit, #navigation ul.nav-search .searchform .submit { background: none; position: absolute; right: 0; top: 1.25em; padding: 0 1em; border: 0; } #navigation ul.nav-search #searchform .submit:before, #navigation ul.nav-search .searchform .submit:before { color: #555; font-size: 1em; } #navigation ul.nav-search ul { margin: 0 1em; } .show-nav #navigation { display: block; } .show-nav #navigation .top-navigation { display: block; } .show-nav #inner-wrapper { left: 80%; } ul.nav { width: 100%; } ul.nav li a { padding: .5em 1em; display: block; color: #666; } 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.current-menu-item a { background: #e6e6e6; color: #005bd1; } /* IMB_EDIT: text color darkened to meet WCAG Guideline 1.4.3; original --> color: #3088ff; */ ul.nav li ul li a { background: none !important; color: #666 !important; } ul.nav ul li.current_page_item a, ul.nav ul li.current_page_parent a, ul.nav ul li.current-menu-ancestor a, ul.nav ul li.current-cat a, ul.nav ul li.current-menu-item a, #navigation ul.cart .cart_list a { color: #3088ff; } /* Nav Toggle */ .nav-toggle:before { content: "\f0c9"; font-family: "FontAwesome"; font-weight: normal; color: #fff; margin-left: 0.5em; text-shadow: 0 1px 0 #000; border-right: 1px solid rgba(255, 255, 255, 0.1); display: inline-block; padding: 0.8em 1em 0.8em 0.5em; } .nav-toggle { margin: 0 -1em; cursor: pointer; text-align: left; display: block; padding: 0; font-size: 1em; background-color: rgba(0, 0, 0, 0.65); background-image: -webkit-linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8)); background-image: -o-linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8)); background-image: -moz-linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8)); background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8)); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .nav-toggle a { color: #fff !important; text-shadow: 0 1px 0 #000; padding: 0.5em 1em; border-left: 1px solid rgba(0, 0, 0, 0.1); } .nav-toggle a:hover { color: #fff; text-decoration: none; } #top select { margin: 1.618em 0 0; width: 100%; } #top { display: none; font-weight: 400; } @media only screen and (max-width: 767px) { #navigation ul.nav ul.children { margin-left: 1.5em; } #navigation { font-weight: 400; } #navigation ul.rss { right: 49px; float: none; margin: 0; position: absolute; top: 14px; } #navigation ul.rss::after { clear: both; content: ""; display: block; } #navigation ul.rss.cart-enabled { right: 84px; margin: 0; } #nav-container { border-width: 0 !important; } ul.nav, ul.nav ul { border: none !important; } #navigation ul.nav > li { border-right: none !important; } .csstransforms3d.csstransitions #navigation { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions body.fixed-mobile #navigation { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .csstransforms3d.csstransitions body.fixed-mobile #inner-wrapper { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 200ms ease; -moz-transition: -moz-transform 200ms ease; -o-transition: -o-transform 200ms ease; transition: transform 200ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions body.fixed-mobile .show-nav #navigation { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .csstransforms3d.csstransitions body.fixed-mobile .show-nav #inner-wrapper { -webkit-transform: translate3d(80%, 0, 0); -moz-transform: translate3d(80%, 0, 0); -ms-transform: translate3d(80%, 0, 0); -o-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } } /* Tablet Portrait size and sizes above 768 (devices and browsers) */ @media only screen and (min-width: 768px) { /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */ ul.nav { position: relative; margin-bottom: 0; width: auto; margin-right: 1em; } ul.nav li { position: relative; float: left; zoom: 1; list-style: none; } ul.nav li a { display: block; padding-top: 1em !important; padding-bottom: 1em !important; } ul.nav li a:hover { text-decoration: none; } ul.nav li ul li a:hover { text-decoration: underline; } ul.nav ul { width: 12em; visibility: hidden; display: none; position: absolute; top: 100%; left: -9999em; z-index: 9999; margin: 0; padding: 0.4em 0; } ul.nav ul li { float: none; } ul.nav ul li a { width: 100%; display: inline-block; padding: 0.7em 1em !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.9em; } ul.nav ul ul { left: 100%; top: 0; } ul.nav li:hover > ul { visibility: visible; display: block; left: 0; } /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */ #top { background: #000; } #top h3 { display: none; } #top { display: block !important; } #top ul.nav li a { color: #ddd; padding-top: 0.5em !important; padding-bottom: 0.5em !important; font-size: 1em; } #top ul.nav > li a:hover { background: #555; color: #ddd; } #top ul.nav > li:hover { background: #555; color: #ddd; } #top ul.nav ul { background: #555; } #top ul.nav ul li a { color: #ddd !important; } #top ul.nav li.current_page_item a, #top ul.nav li.current_page_parent a, #top ul.nav li.current-menu-ancestor a, #top ul.nav li.current-cat a, #top ul.nav li.current-menu-item a { color: #333; background: #fff; } /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */ #navigation .top-navigation { display: none !important; } .csstransforms3d.csstransitions #navigation, .csstransforms3d.csstransitions .show-nav #navigation, .csstransforms3d.csstransitions .show-nav #inner-wrapper { left: 0; -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .nav-toggle, .nav-close, .nav-home { display: none !important; } #navigation { position: relative; left: auto; width: 100%; border: none; padding-top: 0; background: #f0f0f0; border-radius: 2px; display: block !important; } #navigation h3 { display: none; } #navigation .menus { position: relative; clear: none; } #navigation .menus.nav-icons::after { clear: both; content: ""; display: block; } #navigation .menus.nav-icons .side-nav { position: absolute; top: 0; right: 0; } #navigation .menus.nav-icons-1 #main-nav { margin-right: 3em; } #navigation .menus.nav-icons-1 .side-nav { width: 3em; } #navigation .menus.nav-icons-2 #main-nav { margin-right: 6em; } #navigation .menus.nav-icons-2 .side-nav { width: 6em; } #navigation .menus.nav-icons-3 #main-nav { margin-right: 9em; } #navigation .menus.nav-icons-3 .side-nav { width: 9em; } #navigation .menus.nav-icons-4 #main-nav { margin-right: 12em; } #navigation .menus.nav-icons-4 .side-nav { width: 12em; } #navigation ul.rss { margin: 0; } #navigation ul.rss li a { background: none; color: #666; padding: 1em; margin: 0; } #navigation ul.rss li a:before { line-height: 3.2; } #navigation ul.rss li a:hover { color: #222; } #navigation ul { margin-bottom: 0; } #navigation ul ul { margin-left: 0; } #navigation ul.nav > li a:hover { background: #e6e6e6; } #navigation ul.nav > li:hover { background: #e6e6e6; } #navigation ul.nav ul { background: #e6e6e6; } #navigation ul.nav > li:hover > ul { left: -1px; } #navigation ul.nav ul ul { top: -5px; left: 100%; } #top .nav li.parent > a { position: relative; } #top .nav li.parent > a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; color: inherit; font-size: .857em; margin-top: 6px; speak: none; width: 1.387em; display: inline-block; text-align: right; } #top .nav li ul li.parent > a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0da"; float: right; position: absolute; top: .53em; right: 1em; text-decoration: none; } #top .nav li ul li.parent > a { padding-right: 2.244em !important; } #top .nav ul ul { top: -.327em; left: 100%; } #navigation .nav li.parent > a { position: relative; } #navigation .nav li.parent > a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; color: inherit; font-size: .857em; margin-top: 2px; speak: none; width: 1.387em; display: inline-block; text-align: right; line-height: 1; } #navigation .nav li ul li.parent > a { padding-right: 2.244em !important; } #navigation .nav li ul li.parent > a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0da"; float: right; position: absolute; top: 1em; right: 1em; text-decoration: none; } .full-width #navigation ul li:first-child, .full-width #navigation ul li:first-child a { border-radius: 0 !important; } #navigation ul.cart, #navigation ul.nav-search { position: relative; } #navigation ul.cart a.cart-contents, #navigation ul.cart a.search-contents, #navigation ul.nav-search a.cart-contents, #navigation ul.nav-search a.search-contents { padding: 1em; margin: 0; position: relative; top: 0; left: 0; background: none; color: #666; border-radius: 0; display: block; overflow: hidden; } #navigation ul.cart a.cart-contents:hover, #navigation ul.cart a.search-contents:hover, #navigation ul.nav-search a.cart-contents:hover, #navigation ul.nav-search a.search-contents:hover { text-decoration: none; } #navigation ul.cart a.cart-contents:before, #navigation ul.cart a.search-contents:before, #navigation ul.nav-search a.cart-contents:before, #navigation ul.nav-search a.search-contents:before { line-height: 1; position: static; } #navigation ul.cart a.cart-contents + ul, #navigation ul.cart a.search-contents + ul, #navigation ul.nav-search a.cart-contents + ul, #navigation ul.nav-search a.search-contents + ul { display: block; position: absolute; right: 0; top: 100%; visibility: hidden; width: 12em; background: #e6e6e6; padding: 1.414em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigation ul.cart li:hover a.cart-contents, #navigation ul.cart li:hover a.search-contents, #navigation ul.nav-search li:hover a.cart-contents, #navigation ul.nav-search li:hover a.search-contents { background: #e6e6e6; } #navigation ul.cart li:hover a.cart-contents + ul, #navigation ul.cart li:hover a.search-contents + ul, #navigation ul.nav-search li:hover a.cart-contents + ul, #navigation ul.nav-search li:hover a.search-contents + ul { visibility: visible; } #navigation ul.cart .widget, #navigation ul.nav-search .widget { margin: 0; } #navigation ul.nav-search { clear: none; float: right; } #navigation ul.nav-search a.search-contents:before { content: "\f002"; } #navigation ul.nav-search a.search-contents + ul { margin: 0; padding: 0; } #navigation ul.nav-search #searchform, #navigation ul.nav-search .searchform { background: none; } #navigation ul.cart h2 { display: none; } #navigation ul.cart .buttons { margin-bottom: 0; } #navigation ul.cart .button { width: 100%; margin-bottom: .5em; font-size: .9em; border-radius: 0; } #navigation ul.cart .button.checkout { margin: 0; } #navigation ul.cart .total { border: 2px solid rgba(0, 0, 0, 0.05); border-width: 2px 0; padding: .8em 0; text-align: right; } #navigation .cart-extended ul.cart a.cart-contents:before { height: 5em; } } /* Desktop size and sizes above 980 */ @media only screen and (min-width: 980px) { #navigation .cart-extended ul.cart a.cart-contents { display: inline-block; width: auto; text-indent: 0; overflow: visible; } #navigation .cart-extended ul.cart a.cart-contents:before { display: inline-block; margin-right: .5em; height: auto; } #navigation .menus.nav-icons-1.cart-extended #main-nav { margin-right: 15.5em; } #navigation .menus.nav-icons-1.cart-extended .side-nav { width: 15.5em; } #navigation .menus.nav-icons-2.cart-extended #main-nav { margin-right: 18.5em; } #navigation .menus.nav-icons-2.cart-extended .side-nav { width: 18.5em; } #navigation .menus.nav-icons-3.cart-extended #main-nav { margin-right: 21.5em; } #navigation .menus.nav-icons-3.cart-extended .side-nav { width: 21.5em; } #navigation .menus.nav-icons-4.cart-extended #main-nav { margin-right: 24.5em; } #navigation .menus.nav-icons-4.cart-extended .side-nav { width: 24.5em; } } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin: 0 0 30px 0; font-size: 12px; } .widget h3 { margin: 0 0 0.8em 0; padding: 0 0 0.8em; font: normal bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555; border-bottom: 1px solid #e6e6e6; } .widget p { font: 300 13px/20px "Helvetica Neue", Helvetica, sans-serif; margin-bottom: 15px; } .widget ul { clear: both; list-style-type: none; } .widget ul li a { padding: 0; line-height: 22px; text-decoration: none; } .widget ul li a:hover { text-decoration: underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; background: none !important; border: none !important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ #footer-widgets { border-top: 1px solid #e6e6e6; padding: 10px 0; clear: both; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ .searchform, #searchform { width: 98%; margin-top: 5px; position: relative; border-color: #efefef; border-width: 2px; border-style: solid; border-radius: 3px; } .searchform input.s, #searchform input#s { padding: 8px; width: 85%; margin: 0; border: none; background: none; color: #777; } .searchform input.s:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .searchform button.submit { background: none; position: absolute; top: .15em; right: 10px; border: none; margin: 0; padding: 0; border-radius: 0; } .searchform .fa-search:before { font-family: FontAwesome; color: rgba(0, 0, 0, 0.5); font-size: 1.4em; line-height: 1.5; } .searchform label { display: none; } /* FLICKR */ .widget_woo_flickr h3 span { color: #0061D8; } .widget_woo_flickr h3 span span { color: #FF1183; } .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px; } .widget_woo_flickr a:hover img { border: #A8AA99 1px solid; } /* WIDGET WOO EMBED */ .widget_woo_embed h3 { margin-bottom: 0.5em; } .widget_woo_embed h4 { display: none; } .widget_woo_embed ul { margin: 0.7em 0 0; } .widget_woo_embed ul li.active a { font-weight: bold; } /* CALENDAR */ #wp-calendar { width: 95%; margin-bottom: 15px; clear: both; padding: 0; } #wp-calendar caption { padding: 0 0 10px; } #wp-calendar th, #wp-calendar td { text-align: center; background: rgba(0, 0, 0, 0.05); padding: 5px; } #wp-calendar td { background: transparent; } #wp-calendar td, table#wp-calendar th { padding: 3px 0; } /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); } .widget_woo_blogauthorinfo .left { float: left; margin: 0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float: right; margin: 0 0 5px 10px; } .ie8 .widget_woo_blogauthorinfo .avatar { width: auto; } /* TWITTER */ .widget_woo_twitter .back { padding: 15px 25px 10px; background: #f8f8f8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .widget_woo_twitter ul { background: none; padding-left: 0; } .widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0px; list-style: none; } .widget_woo_twitter ul li a { padding: 0px; } .widget_woo_twitter ul li .time { color: #999; } .widget_woo_twitter p { padding-top: 10px; } .widget_woo_twitter p a { color: #222; } .widget_woo_twitter ul li .content { font-size: 16px; font-family: Georgia, serif; } .widget.widget_woo_twitter h3 { border-bottom: none; padding: 0; margin: 0; padding-bottom: 15px; } /* 4.3 WooTabs */ #tabs { height: auto; display: block; margin-bottom: 30px; } #tabs ul.wooTabs { position: relative; bottom: -1px; padding: 0px; z-index: 99; } #tabs ul.wooTabs li { float: left; display: inline; margin-right: 2px; font-weight: bold; color: #ffffff; cursor: pointer; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background: #fff; text-decoration: none; border: 1px solid #d9d9d9; border-width: 1px 1px 0; color: #666; } #tabs ul.wooTabs li a { color: #999; display: block; float: left; border: 1px solid transparent; border-width: 1px 1px 0; padding: 5px 8px 3px; text-transform: uppercase; font-size: 11px; text-shadow: 1px 1px 0 solid #fff; } #tabs .inside li { background: #fff; } #tabs #tab-tags { padding: 10px; background: #fff; border: 1px solid #d9d9d9; } #tabs .inside ul { margin: 0; border: 1px solid #d9d9d9; border-width: 1px 0 1px 0; list-style: none; padding-left: 0px; } #tabs .inside li { border: 1px solid #d9d9d9; border-width: 0 1px 1px 1px; padding: 10px; } #tabs .inside li a { color: #999; font: bold 13px/18px Helvetica, Arial, sans-serif; padding: 0; } #tabs .inside li span.meta { display: block; font: 300 11px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { float: left; margin: 0 8px 0 0; padding: 0; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; } #tabs { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; } #tabs .inside .list { display: none; } #tabs .inside .list:first-child { display: block; } /* WooDojo Tabs */ .widget_woodojo_tabs h3 { border-bottom: none; } .widget_woodojo_tabs .tabbable .nav { margin: 0 0 -1px; border: none !important; } .widget_woodojo_tabs .tabbable .nav li a { color: #999; display: block; float: left; border-color: transparent; border-width: 1px 1px 0; padding: 5px 8px 3px !important; text-transform: uppercase; font-weight: bold; font-size: 11px; text-shadow: 1px 1px 0 #fff; } .widget_woodojo_tabs .tabbable .nav li.active a, .widget_woodojo_tabs .tabbable .nav li a:hover { text-decoration: none; border-color: #d9d9d9 !important; border-width: 1px 1px 0 !important; color: #666; background: #ffffff; border-bottom: none !important; } .widget_woodojo_tabs .tabbable .tab-content { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable .tab-content ul { padding: 0; } .widget_woodojo_tabs .tabbable .tab-content li { margin: 0; background: #fff; } .widget_woodojo_tabs .tabbable .tab-pane-tags { padding: 10px; background: #fff; border: 1px solid #d9d9d9; } .widget_woodojo_tabs .tabbable .tab-content ul { margin: 0; border: 1px solid #d9d9d9; border-width: 1px 0 1px 0; list-style: none; padding-left: 0px; } .widget_woodojo_tabs .tabbable .tab-content li { border: 1px solid #d9d9d9; border-width: 0 1px 1px; padding: 10px; } .widget_woodojo_tabs .tabbable .tab-content li a { color: #555; font: bold 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0; } .widget_woodojo_tabs .tabbable .tab-content li span.meta { display: block; font: 300 11px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777; } .widget_woodojo_tabs .tabbable .tab-content li img.avatar, .widget_woodojo_tabs .tabbable .tab-content li img.thumbnail { float: left; margin: 0 8px 0 0; border: none; padding: 0; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; } .widget_woodojo_tabs .tabbable.tabs-below .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-below .nav li a { border-width: 0 1px 1px; } .widget_woodojo_tabs .tabbable.tabs-below .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 0 1px 1px !important; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable.tabs-left .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-left .nav li a { border-width: 1px 0 1px 1px; } .widget_woodojo_tabs .tabbable.tabs-left .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 1px 0 1px 1px; background: #ffffff; background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable.tabs-right .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-right .nav li a { border-width: 1px 1px 1px 0; } .widget_woodojo_tabs .tabbable.tabs-right .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 1px 1px 1px 0; background: #ffffff; background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.1); } /* WooDojo Instagram Stream */ .widget_woodojo_instagram ul { float: none; } .widget_woodojo_instagram ul.instagram-photos { margin: 0.5em 0; width: 98%; margin: 0 auto; } .widget_woodojo_instagram ul.instagram-photos li { margin: 0.5em !important; } .widget_woodojo_instagram ul.instagram-photos li img:hover { opacity: 0.8; } /* WooDojo Twitter Stream */ .widget_woodojo_tweets ul.tweets h3 { margin: 0; } .widget_woodojo_tweets ul.tweets li { margin: 0; padding: 1em; } /* Misc */ .widget_woodojo_instagram_profile h3, .widget_woodojo_twitterprofile h3 { margin: 0 0 1em; } /* 6.6 Subscribe & Connect */ #connect { background: #fafafa; margin: 0 0 1.5em; padding: 15px; border: 1px solid #e6e6e6; clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; } #main #connect .col-left, #connect .col-right { float: none; width: 100%; } #connect h3 { margin-bottom: 10px; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .required { border: 1px solid #e6e6e6; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; } #connect .newsletter-form .email { width: 60%; background: #fff; padding: .6em; color: #757575; /* IMB_EDIT: Darkened color to conform to accessibility standards; original --> color: #888; */ } #connect .newsletter-form .submit { cursor: pointer; padding: 6px 8px; margin: 0 0 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @-moz-document url-prefix() { #connect .newsletter-form .submit { padding: 9px 5px; } } #connect .related-posts { border-top: 1px solid #e6e6e6; margin-top: 1em; padding-top: 1em; } #connect .related-posts h4 { font-size: 1em; } #connect .related-posts ul { list-style: disc outside none; margin: 0.5em 0 0 1em; } .widget #connect { background: none; padding: 0; border: none; } .widget #connect .fl, .widget #connect .fr { float: none; } .widget_woo_subscribe .social { text-align: left; } #connect .social a { opacity: 0.8; filter: alpha(opacity=80); -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=100); } #connect .social a:hover { text-decoration: none; } #connect .social a:before { font-family: Social; font-size: 1.1em; line-height: 1; margin: 0 0.2em 0.6em 0; padding: .53em; display: inline-block; border-radius: 300px; color: #fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1); } #connect .social a.subscribe:before { content: '\e001'; background-color: #FF6600; } #connect .social a.twitter:before { content: '\e002'; background-color: #00aced; } #connect .social a.facebook:before { content: '\e003'; background-color: #3b5998; } #connect .social a.youtube:before { content: '\e004'; background-color: #af2b26; } #connect .social a.flickr:before { content: '\e005'; background-color: #ff0084; } #connect .social a.linkedin:before { content: '\e006'; background-color: #71c5ef; } #connect .social a.delicious:before { content: '\e007'; background-color: #285da7; } #connect .social a.googleplus:before { content: '\e008'; background-color: #2d2d2d; font-weight: bold; } #connect .social a.dribbble:before { content: '\e009'; background-color: #ea4c89; } #connect .social a.instagram:before { content: '\e010'; background-color: #517fa4; } #connect .social a.vimeo:before { content: '\e011'; background-color: #33454E; } #connect .social a.pinterest:before { content: '\e012'; background-color: #cb2027; } @media only screen and (min-width: 768px) { /* Subcribe & Connect */ #main #connect .col-left { float: left; } #connect .col-right { float: right; } #main #connect .col-left, #connect .col-right { width: 48%; } #connect .related-posts { border-top: 0; border-left: 1px solid #e6e6e6; padding-top: 0; padding-left: 15px; margin-top: 0; } } #comments { position: relative; margin: 40px 0 0; padding: 40px 0 0 0; border-top: 1px solid #e6e6e6; border-top: 1px solid rgba(0, 0, 0, 0.07); } #comments h3 { color: #333; font-weight: normal; margin-bottom: 20px; } #comments h3#pings { margin-top: 25px; } #comments .comment { margin-top: 10px; width: 100%; list-style-type: none; } #comments .comment.thread-even { background: #fafafa; background: rgba(0, 0, 0, 0.02); border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } #comments .comment .comment-container { position: relative; padding: 20px; } #comments .comment .reply a { background: none repeat scroll 0 0 #BFBFBF; color: #222222 !important; margin: 0; padding: 0.2em 1em; text-shadow: none; font-size: .7em; } #comments .comment .reply a:after { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; line-height: 1em; width: 1em; text-align: right; content: "\f112"; } #comments .comment-head { margin: 0 0 15px 0; } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .avatar { float: left; margin: 0 15px 10px 0; } #comments .avatar img { margin: 0; vertical-align: middle; border-radius: 100px; } #comments .comment-entry p { margin: 0 0 10px 0; } #comments .comment-entry blockquote { margin: 0 30px 0; } #comments .comment-entry blockquote p { font-style: italic; } #comments .reply { position: absolute; right: 1em; top: 1em; } #comments ul.children { margin: 10px 0px 0 25px; padding: 0; } #comments ul.children li { border-top: 1px solid #e6e6e6; } #comments .cancel-comment-reply { margin: 10px 0; } #comments .navigation a { display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .pingbacks li.pingback { margin: 10px 0; } #comments .pingbacks li.pingback .reply { display: none; } #respond { margin: 40px 0 0; } #respond h3 { color: #333; font-weight: normal; margin-bottom: 20px; } #respond #reply-title small { display: block; font-size: 14px; margin-top: 5px; } #respond .left { float: left; width: 200px; margin-right: 15px; } #respond .right { font: left; width: 380px; } #respond label { font-size: 11px; color: #777; } #commentform { margin: 15px 0 0 0; } #commentform input.txt, #commentform textarea { font: 300 14px/1em "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } #commentform input.txt { width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { width: 95% !important; padding: 5px 7px; } #commentform #submit { margin: 15px 0 0 0; } #commentform #submit:after { font-family: "FontAwesome"; content: "\f105"; } h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } .entry table { border-spacing: 0; width: 100%; border: 1px solid #eee; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px 0 white; -webkit-box-shadow: 0 1px 2px 0 white; border-collapse: separate; margin-bottom: 1.5em; } .entry table td, .entry table th { padding: .857em 1.387em; text-align: left; border-right: 1px dotted #eee; vertical-align: top; } .entry table td p:last-child, .entry table th p:last-child { margin-bottom: 0; } .entry table thead th { background: #fafafa; border-right: 1px solid #eee; border-bottom: 1px solid #eee; text-transform: uppercase; padding: 1.387em; vertical-align: middle; } .entry table thead th:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .entry table thead th:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .entry table tr th:last-child, .entry table tr td:last-child { border-right: 0; } .entry table tbody th { background: #fafafa; border-bottom: 1px solid #eee; } .entry table tbody td { border-bottom: 1px solid #eee; } .entry table tbody h2 { font-size: 1em; letter-spacing: normal; font-weight: normal; } .entry table tbody h2 a { font-weight: normal; } .entry table tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .entry table tbody tr:last-child td:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .entry table tbody tr:last-child td { border-bottom: 0; } .entry table tbody tr:last-child th { border-bottom: 0; } /* 6.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button { display: inline-block; padding: .327em 1em; color: white; /* IMB_EDIT: Removed !important to keep old button text from being hidden */ text-align: center; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0); text-decoration: none; font-size: 1em; /* Make inputs the same size as normal text */ font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ overflow: visible; /* IE fix */ width: auto; /* IE fix */ line-height: 1.618em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: normal; background: #3174af; /* IMB_EDIT: darkened color to meet WCAG Guideline 1.4.3; original --> background: #428bca; */ font-weight: 200; text-transform: uppercase; box-shadow: 0 0 0 0 #888; -webkit-box-shadow: 0 0 0 0 #888; border-radius: 3px; text-shadow: none; -webkit-appearance: none; /* Remove input shadowing on iOS */ -moz-appearance: none; /* mobile firefox too! */ } a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover { text-decoration: none; background: #245682; } a.button:active, a.comment-reply-link:active, #commentform #submit:active, .submit:active, input[type=submit]:active, input.button:active, button.button:active, #wrapper .woo-sc-button:active { box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3); } a.button.small, a.comment-reply-link.small, #commentform #submit.small, .submit.small, input[type=submit].small, input.button.small, button.button.small, #wrapper .woo-sc-button.small { font-size: .6em; letter-spacing: 1px; } a.button.large, a.comment-reply-link.large, #commentform #submit.large, .submit.large, input[type=submit].large, input.button.large, button.button.large, #wrapper .woo-sc-button.large { font-size: 1.4em; } a.button.xl, a.comment-reply-link.xl, #commentform #submit.xl, .submit.xl, input[type=submit].xl, input.button.xl, button.button.xl, #wrapper .woo-sc-button.xl { font-size: 2em; } a.button.red, a.comment-reply-link.red, #commentform #submit.red, .submit.red, input[type=submit].red, input.button.red, button.button.red, #wrapper .woo-sc-button.red { background: #d72323; } a.button.red:hover, a.comment-reply-link.red:hover, #commentform #submit.red:hover, .submit.red:hover, input[type=submit].red:hover, input.button.red:hover, button.button.red:hover, #wrapper .woo-sc-button.red:hover { background: #d20000; } a.button.orange, a.comment-reply-link.orange, #commentform #submit.orange, .submit.orange, input[type=submit].orange, input.button.orange, button.button.orange, #wrapper .woo-sc-button.orange { background: #d76b23; } a.button.orange:hover, a.comment-reply-link.orange:hover, #commentform #submit.orange:hover, .submit.orange:hover, input[type=submit].orange:hover, input.button.orange:hover, button.button.orange:hover, #wrapper .woo-sc-button.orange:hover { background: #d25e00; } a.button.green, a.comment-reply-link.green, #commentform #submit.green, .submit.green, input[type=submit].green, input.button.green, button.button.green, #wrapper .woo-sc-button.green { background: #8dc11e; } a.button.green:hover, a.comment-reply-link.green:hover, #commentform #submit.green:hover, .submit.green:hover, input[type=submit].green:hover, input.button.green:hover, button.button.green:hover, #wrapper .woo-sc-button.green:hover { background: #87c000; } a.button.aqua, a.comment-reply-link.aqua, #commentform #submit.aqua, .submit.aqua, input[type=submit].aqua, input.button.aqua, button.button.aqua, #wrapper .woo-sc-button.aqua { background: #23d7af; } a.button.aqua:hover, a.comment-reply-link.aqua:hover, #commentform #submit.aqua:hover, .submit.aqua:hover, input[type=submit].aqua:hover, input.button.aqua:hover, button.button.aqua:hover, #wrapper .woo-sc-button.aqua:hover { background: #00d2a8; } a.button.teal, a.comment-reply-link.teal, #commentform #submit.teal, .submit.teal, input[type=submit].teal, input.button.teal, button.button.teal, #wrapper .woo-sc-button.teal { background: #23abd7; } a.button.teal:hover, a.comment-reply-link.teal:hover, #commentform #submit.teal:hover, .submit.teal:hover, input[type=submit].teal:hover, input.button.teal:hover, button.button.teal:hover, #wrapper .woo-sc-button.teal:hover { background: #009ed2; } a.button.purple, a.comment-reply-link.purple, #commentform #submit.purple, .submit.purple, input[type=submit].purple, input.button.purple, button.button.purple, #wrapper .woo-sc-button.purple { background: #2356d7; } a.button.purple:hover, a.comment-reply-link.purple:hover, #commentform #submit.purple:hover, .submit.purple:hover, input[type=submit].purple:hover, input.button.purple:hover, button.button.purple:hover, #wrapper .woo-sc-button.purple:hover { background: #0036d2; } a.button.pink, a.comment-reply-link.pink, #commentform #submit.pink, .submit.pink, input[type=submit].pink, input.button.pink, button.button.pink, #wrapper .woo-sc-button.pink { background: #d723d5; } a.button.pink:hover, a.comment-reply-link.pink:hover, #commentform #submit.pink:hover, .submit.pink:hover, input[type=submit].pink:hover, input.button.pink:hover, button.button.pink:hover, #wrapper .woo-sc-button.pink:hover { background: #bc00d2; } a.button.silver, a.comment-reply-link.silver, #commentform #submit.silver, .submit.silver, input[type=submit].silver, input.button.silver, button.button.silver, #wrapper .woo-sc-button.silver { color: #444 !important; text-shadow: 0 1px #fff; background: #d8d8d8; } a.button.silver:hover, a.comment-reply-link.silver:hover, #commentform #submit.silver:hover, .submit.silver:hover, input[type=submit].silver:hover, input.button.silver:hover, button.button.silver:hover, #wrapper .woo-sc-button.silver:hover { background: #ccc; } a.button .woo-alert, a.comment-reply-link .woo-alert, #commentform #submit .woo-alert, .submit .woo-alert, input[type=submit] .woo-alert, input.button .woo-alert, button.button .woo-alert, #wrapper .woo-sc-button .woo-alert { background: none; padding-left: 0; } a.button .woo-alert:before, a.comment-reply-link .woo-alert:before, #commentform #submit .woo-alert:before, .submit .woo-alert:before, input[type=submit] .woo-alert:before, input.button .woo-alert:before, button.button .woo-alert:before, #wrapper .woo-sc-button .woo-alert:before { content: ""; } a.button .woo-download, a.comment-reply-link .woo-download, #commentform #submit .woo-download, .submit .woo-download, input[type=submit] .woo-download, input.button .woo-download, button.button .woo-download, #wrapper .woo-sc-button .woo-download { background: none; padding-left: 0; } a.button .woo-download:before, a.comment-reply-link .woo-download:before, #commentform #submit .woo-download:before, .submit .woo-download:before, input[type=submit] .woo-download:before, input.button .woo-download:before, button.button .woo-download:before, #wrapper .woo-sc-button .woo-download:before { content: ""; } a.button .woo-tick, a.comment-reply-link .woo-tick, #commentform #submit .woo-tick, .submit .woo-tick, input[type=submit] .woo-tick, input.button .woo-tick, button.button .woo-tick, #wrapper .woo-sc-button .woo-tick { background: none; padding-left: 0; } a.button .woo-tick:before, a.comment-reply-link .woo-tick:before, #commentform #submit .woo-tick:before, .submit .woo-tick:before, input[type=submit] .woo-tick:before, input.button .woo-tick:before, button.button .woo-tick:before, #wrapper .woo-sc-button .woo-tick:before { content: ""; } a.button .woo-info, a.comment-reply-link .woo-info, #commentform #submit .woo-info, .submit .woo-info, input[type=submit] .woo-info, input.button .woo-info, button.button .woo-info, #wrapper .woo-sc-button .woo-info { background: none; padding-left: 0; } a.button .woo-info:before, a.comment-reply-link .woo-info:before, #commentform #submit .woo-info:before, .submit .woo-info:before, input[type=submit] .woo-info:before, input.button .woo-info:before, button.button .woo-info:before, #wrapper .woo-sc-button .woo-info:before { content: ""; } a.button .woo-note, a.comment-reply-link .woo-note, #commentform #submit .woo-note, .submit .woo-note, input[type=submit] .woo-note, input.button .woo-note, button.button .woo-note, #wrapper .woo-sc-button .woo-note { background: none; padding-left: 0; } a.button .woo-note:before, a.comment-reply-link .woo-note:before, #commentform #submit .woo-note:before, .submit .woo-note:before, input[type=submit] .woo-note:before, input.button .woo-note:before, button.button .woo-note:before, #wrapper .woo-sc-button .woo-note:before { content: ""; } .ie8 .button { padding: 10px 15px; margin: 0; } .ie8 .button:visited { padding: 10px 15px; margin: 0; } /* 6.2 Info Boxes */ body .woo-sc-box:before { content: ""; content: none; margin-right: .57em; } body .woo-sc-box.alert { border-color: #f0baa2; background-color: #ffd9c8; background-image: none; } body .woo-sc-box.alert:before { content: "\f071"; } body .woo-sc-box.download { border-color: #d4ebaf; background-color: #edfcd5; background-image: none; } body .woo-sc-box.download:before { content: "\f01a"; } body .woo-sc-box.tick { border-color: #d4ebaf; background-color: #edfcd5; background-image: none; } body .woo-sc-box.tick:before { content: "\f058"; } body .woo-sc-box.info { border-color: #ccc; background-color: #eee; background-image: none; } body .woo-sc-box.info:before { content: "\f05a"; } body .woo-sc-box.note { border-color: #efe3ae; background-color: #fef6d2; background-image: none; } body .woo-sc-box.note:before { content: "\f016"; } body .woo-sc-box.normal { border-color: #ccc; background-color: #eee; background-image: none; padding: 9px 15px; } body .woo-sc-box.no-icon:before { content: none; } body p.woo-sc-box, body div.woo-sc-box { margin: 1em 0 1.5em 0; padding: 15px 20px; border-width: 1px 0 1px 0; border-style: solid; color: #555; text-shadow: none; background-image: none; border-width: 0; } body .woo-sc-box.medium { padding: 18px 20px; font-size: 1.1em; } body .woo-sc-box.large { padding: 25px 27px; font-size: 1.2em; } body .woo-sc-box.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 6.7 Featured Posts Shortcode */ .woo-sc-featured-posts ul { float: left; clear: both; list-style: none; padding-left: 0px; } .woo-sc-featured-posts ul li { float: left; clear: both; list-style: none; margin-bottom: 10px; } .woo-sc-featured-posts ul li .thumbnail { float: left; margin-right: 10px; } .woo-sc-featured-posts ul li .related-title { float: left; } /* 8.1 Slider */ #loopedSlider .slides { overflow: hidden; } #loopedSlider .container { overflow: hidden; position: relative; display: none; } #loopedSlider .slides { top: 0; left: 0; } #loopedSlider .slides .slide { display: none; overflow: hidden; position: relative; /* -webkit-backface-visibility: hidden; */ } #loopedSlider { margin: 0 auto 40px; padding: 0; position: relative; } #loopedSlider .nav-buttons { list-style-type: none; margin: 0; padding: 0; position: relative; } #content.magazine #loopedSlider .slides .slide img { width: 100%; } /* Clearfix for the .slides element */ #loopedSlider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] #loopedSlider .slides { display: block; } * html #loopedSlider .slides { height: 1%; } #loopedSlider .content { padding: 20px 0; background: black; } #loopedSlider .content h2 { font-size: 20px; margin-bottom: 0; padding: 10px 20px; } #loopedSlider .content h2, #loopedSlider .content h2 a, #loopedSlider .content h2 a:visited { color: #fff; } #loopedSlider .content h2 a:hover { text-decoration: underline; } #loopedSlider .content .title { margin: 0; } #loopedSlider .content p { color: #ccc; padding: 5px 20px 10px 20px; } .widget a.flex-prev, .widget a.flex-next { padding-top: 30px; } /* 8.1.1 Pagination */ #loopedSlider { margin-bottom: 50px; overflow: hidden; } #loopedSlider.has-pagination { margin-bottom: 5px; } #loopedSlider .flex-disabled { display: none; } #loopedSlider .flex-control-nav, .slider-pagination .flex-control-nav { text-align: center; margin: 10px 0 20px 0; position: absolute; width: 100%; z-index: 10; } #loopedSlider .pagination, #loopedSlider .flex-control-nav, .slider-pagination .flex-control-nav { display: inline; } #loopedSlider .pagination li, #loopedSlider .flex-control-nav li, .slider-pagination li { display: inline-block; margin: 0 2px; width: 8px; height: 8px; } #loopedSlider .pagination li a, #loopedSlider .flex-control-nav li a, .slider-pagination a { display: block; cursor: pointer; width: 6px; height: 6px; text-indent: -9999px; background: none; border-radius: 99px; border: 2px solid; } #loopedSlider .pagination li a, #loopedSlider .flex-control-nav li a:hover, .slider-pagination li a:hover { background: #555; border-color: #555; } #loopedSlider .pagination li.current a, #loopedSlider .flex-control-nav li .flex-active, .slider-pagination .flex-active a { background: #222; border-color: #222; } .slider-pagination { display: none; margin-bottom: 50px; opacity: 0.5; -webkit-transition: 200ms ease-out 0.2s; -moz-transition: 200ms ease-out 0.2s; -ms-transition: 200ms ease-out 0.2s; -o-transition: 200ms ease-out 0.2s; transition: 200ms ease-out 0.2s; } .slider-pagination:hover { opacity: 1; -webkit-transition: 200ms ease-in 0.2s; -moz-transition: 200ms ease-in 0.2s; -ms-transition: 200ms ease-in 0.2s; -o-transition: 200ms ease-in 0.2s; transition: 200ms ease-in 0.2s; } body.ie7 #loopedSlider .pagination li { display: inline; zoom: 1; } div.widget #loopedSlider ul.flex-direction-nav { list-style: none !important; } #loopedSlider a.flex-prev { position: absolute; top: 0; left: 0; height: 100%; width: 5%; } #loopedSlider a.flex-next { position: absolute; top: 0; right: 0; height: 100%; width: 5%; } #loopedSlider a.flex-prev, #loopedSlider a.flex-next { opacity: 0; background: none; color: rgba(0, 0, 0, 0.5); -webkit-transition: 200ms ease-out 0.2s; -moz-transition: 200ms ease-out 0.2s; -ms-transition: 200ms ease-out 0.2s; -o-transition: 200ms ease-out 0.2s; transition: 200ms ease-out 0.2s; z-index: 99; } #loopedSlider:hover a.flex-prev, #loopedSlider:hover a.flex-next { opacity: 1; -webkit-transition: 200ms ease-in 0.2s; -moz-transition: 200ms ease-in 0.2s; -ms-transition: 200ms ease-in 0.2s; -o-transition: 200ms ease-in 0.2s; transition: 200ms ease-in 0.2s; } #loopedSlider a.flex-prev:hover, #loopedSlider a.flex-next:hover { text-decoration: none; color: #3174af; /* IMB_EDIT: darkened color to meet WCAG Guideline 1.4.3; original --> color: #428bca; */ } #loopedSlider a.flex-prev span, #loopedSlider a.flex-next span { position: absolute; text-align: center; top: 45%; font-size: 28px; width: 25px; height: 28px; border: 2px solid; border-radius: 99px; } #loopedSlider a.flex-prev span { left: 30%; padding-right: 2px; } #loopedSlider a.flex-next span { right: 30%; padding-left: 2px; } @media only screen and (max-width: 767px) { #loopedSlider .slides { overflow: visible; height: auto !important; } } @media only screen and (min-width: 768px) { /* Sliders */ #loopedSlider .content { position: absolute; left: 0px; top: 20px; background: none; } #loopedSlider .content h2 { float: left; font-size: 26px; } #loopedSlider .content p { clear: both; float: left; } } /* Floating & Alignment */ .fl { float: left; } .fr { float: right; } .ac { text-align: center; } .ar { text-align: right; } /* Clear Floats */ .col-full:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .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, .col-full { zoom: 1; } html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://sonspring.com/journal/clearing-floats */ /* Fix fieldset width in IE */ fieldset { display: block; width: 100%; } @media only screen and (max-width: 767px) { body.boxed-layout { padding: 0; } body.boxed-layout #top { margin-left: 1.5em; margin-right: 1.5em; } body.boxed-layout #wrapper { margin-left: 0; margin-right: 0; border: none; } } @media only screen and (min-width: 768px) { /* Boxed Layout */ .boxed-layout #inner-wrapper, .boxed-layout #wrapper { padding: 0; } .boxed-layout #header, .boxed-layout #content, .boxed-layout #footer-widgets, .boxed-layout #footer { padding-left: 2.5em; padding-right: 2.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .boxed-layout #header { background-clip: padding-box; -webkit-background-clip: padding-box; } } body.fixed-mobile { padding: 0; } body.fixed-mobile #top { padding: 0; margin: 0; } body.fixed-mobile #navigation { position: relative; padding-top: 0; } body.fixed-mobile #navigation .nav-close, body.fixed-mobile #navigation .nav-home { display: none; } @media only screen and (max-width: 767px) { body.fixed-mobile .nav-toggle { display: none; } body.fixed-mobile #navigation { width: 100%; margin-bottom: 0; } body.fixed-mobile #navigation ul { margin-bottom: 0; } body.fixed-mobile #navigation ul.nav > li { display: inline-block; } body.fixed-mobile #navigation ul.nav li a { padding: 1em; } body.fixed-mobile #navigation ul.nav > li > ul { left: 0; } body.fixed-mobile #navigation ul.nav ul { width: 12em; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999; margin: 0; padding: 0.4em 0; } body.fixed-mobile #navigation ul.nav ul li { float: none; } body.fixed-mobile #navigation .nav li.parent > a:after { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; width: 1.5em; content: "\f0d7"; color: rgba(0, 0, 0, 0.4); font-size: .857em; margin-top: 2px; speak: none; width: 1.387em; display: inline-block; text-align: right; line-height: 1; } body.fixed-mobile #navigation ul.nav li a:hover { text-decoration: none; } body.fixed-mobile #navigation ul.nav ul { background: #e6e6e6; } body.fixed-mobile #navigation ul.nav ul li { float: none; } body.fixed-mobile #navigation ul.nav > li > ul { left: 0; } body.fixed-mobile #navigation ul.nav > li > ul li a:hover { text-decoration: underline; } body.fixed-mobile #navigation ul.nav li { position: relative; float: left; zoom: 1; list-style: none; } body.fixed-mobile #navigation ul.nav li.parent > a { position: relative; } body.fixed-mobile #navigation ul.nav li:hover > ul { visibility: visible; } body.fixed-mobile #navigation ul.nav ul ul { top: -5px; left: 100%; } body.fixed-mobile #navigation ul.nav li.parent ul.children li.parent > a:after { content: "" !important; float: right; position: absolute; top: 1em; right: 1em; text-decoration: none !important; } } /* 2.7 Full Width */ body.full-width, body.full-width #inner-wrapper { padding: 0; } body.full-width #wrapper { padding: 0; min-width: 100% !important; width: 100%; } body.full-width #header, #nav-container, body.full-width #content, body.full-width #footer-widgets, body.full-width #footer { padding-left: 1.618em; padding-right: 1.618em; } body.full-width #top { padding: 0; margin: 0; } body.full-width .nav-toggle { margin: 0; } #nav-container { border: 1px solid #d9d9d9; border-width: 1px; background: #f0f0f0; margin: 0; } #nav-container::after { clear: both; content: ""; display: block; } #nav-container #navigation { margin-bottom: 0; border: none; border-radius: 0; } #nav-container #navigation ul#main-nav > li:first-child { border-left: 1px solid #DBDBDB; } @media only screen and (min-width: 768px) { #nav-container { margin: 0 0 3em 0; } } /* 8.6 Contact Page Template */ #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 { padding-bottom: 10px; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time { color: #7b7b7b; } .page-template-template-contact-php .location-twitter .contact-social #connect { background: none; border: none; padding: 0; margin: 1em 0 0; } .page-template-template-contact-php .location-twitter .contact-social #connect div p { display: none; } .page-template-template-contact-php .location-twitter .contact-social #connect img { border: none; padding: 0; background: 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; } /* 6.3 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms { float: left; list-style: none; width: 100%; margin: 10px 0 0; } #contact-page ol.forms li { clear: both; float: left; margin-bottom: 18px; position: relative; width: 100%; } #contact-page ol.forms label { cursor: pointer; display: block; float: left; font-weight: 700; padding-right: 20px; width: 80px; } #contact-page ol.forms input.txt { width: 214px; } #contact-page ol.forms input#sendCopy { border: none; } #contact-page ol.forms textarea { height: 300px; width: 70%; } #contact-page ol.forms li .error { font-size: 12px; display: block; margin-left: 120px; color: red; } #contact-page ol.forms li.textarea .error { display: block; margin-left: 120px; } #contact-page ol.forms li.screenReader { margin-bottom: 0; } #contact-page ol.forms li.inline input { width: auto; margin-left: 120px; } #contact-page ol.forms li.inline input#sendCopy { margin-left: 0px; } #contact-page ol.forms li.inline label { display: inline; float: none; width: auto; } .three-col-left #contact-page ol.forms textarea, .three-col-middle #contact-page ol.forms textarea, .three-col-right #contact-page ol.forms textarea { width: 65%; } .three-col-left #contact-page ol.forms input#sendCopy, .three-col-middle #contact-page ol.forms input#sendCopy, .three-col-right #contact-page ol.forms input#sendCopy { float: left; } @media only screen and (min-width: 768px) { .page-template-template-contact-php .location-twitter .col-left { float: left; } .page-template-template-contact-php .location-twitter #office-location { width: 48%; margin: 0 1em 0 0; } .page-template-template-contact-php .location-twitter .contact-social { float: left; width: 48%; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0; } #contact-page ol.forms li.buttons .submit { margin: 0 0 0 100px; } #contact-page ol.forms li.inline input#sendCopy { margin-left: 100px; } } /* 8.7 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives .archives_list { border-left: 1px solid #e5e5e5; list-style: none; margin: 0 0 0 25px; padding: 0 0 20px; } #archives .archives_list:last-child:after { content: ''; position: relative; top: 20px; left: -7px; display: block; width: 5px; height: 5px; border: 4px solid #e5e5e5; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #dc3022; } #archives .archives_list li { clear: left; padding: 10px 0 10px 10px; font-size: 0.9em; font-style: normal; list-style: none; } #archives .archives_list .date { color: #534545; position: relative; width: 40%; font-style: italic; display: block; vertical-align: top; } #archives .archives_list .date:before { content: ''; position: absolute; top: 9px; left: -10px; display: block; width: 5px; height: 1px; border-top: 2px solid #e5e5e5; } #archives .archives_list .linked { padding-top: 2px; padding-right: 80px; width: auto; display: inline-block; font-size: 1.2em; line-height: 1.2; vertical-align: top; } #archives .archives_list .linked a { font-weight: bold; } #archives .archives_list .comments { display: inline; float: right; vertical-align: top; } #archives .archives_list .comments a { display: block; margin-top: -15px; position: relative; min-width: 30px; height: 27px; padding: 3px 0 0 0; text-align: center; font-weight: bold; font-size: 1.4em; } #archives .archives_list .comments a:hover { text-decoration: none; } h3.archive_year { font-weight: bold; font-size: 1em; padding: 2px 10px; border-bottom: 1px solid #e5e5e5; display: inline; margin-top: 0; } /* Timeline template comments */ #archives .archives_list li span.comments a:before { content: "\f075"; font-family: "FontAwesome"; font-size: 0.6em; margin-right: 5px; position: relative; top: -0.4em; } /* 8.2 Magazine template */ .magazine #loopedSlider .slides { width: 100%; } .magazine #loopedSlider li.slide { display: none; } /* Prevents flicker of the slides before the slider has loaded. */ .magazine #loopedSlider li.slide img { max-width: 100%; height: auto; } .magazine #loopedSlider .pagination-wrap { height: 30px; } @media only screen and (max-width: 767px) { .magazine #loopedSlider a.flex-next, .magazine #loopedSlider a.flex-prev { bottom: auto; top: 20px; } .magazine #loopedSlider { height: auto !important; max-height: none !important; } } @media only screen and (min-width: 768px) { .magazine .block { float: left; width: 48%; } .magazine .block.last { float: right; } #loopedSlider.magazine-slider .content p, #loopedSlider.magazine-slider .content h2 { max-width: 350px; background: black; background: rgba(0, 0, 0, 0.7); } } /* 8.2 Business template */ #loopedSlider.business-slider, #loopedSlider.business-slider .container { width: 100%; } .business h2, .business h3, .business h4, .business h5, .business h6 { margin-top: 0.3em; } #loopedSlider.business-slider img.woo-image { max-width: 100%; height: auto; } #loopedSlider.business-slider li.slide { display: none; } /* Prevents flicker of the slides before the slider has loaded. */ .full-slider .slide .woo-image { width: 100%; } .full-slider #loopedSlider.business-slider .entry { padding: 1.5em 0 0.5em; } @media only screen and (min-width: 768px) { body.full-header.full-slider #loopedSlider { margin-top: -3em; } #loopedSlider.business-slider .content { background: black; background: rgba(0, 0, 0, 0.5); top: inherit; bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100%; } .full-slider #loopedSlider.business-slider .content { text-align: center; } .full-slider #loopedSlider.business-slider .content p, .full-slider #loopedSlider.business-slider .content h2 { float: none; max-width: 100%; background: none; } } /* 8.5 Portfolio */ #portfolio a.thumb { display: block; margin: 0px; margin-right: 30px; margin-bottom: 30px; } #portfolio a.thumb:hover { text-decoration: none; background: url("images/portfolio-hover.png") no-repeat 50% 50%; } #portfolio .block h2 { font-size: 18px; margin-bottom: 15px; } .portfolio h2 {  margin: 0 0 0.5em; } #portfolio .group.portfolio-img a.thumb { margin-bottom: 1em; margin-right: 0px; height: auto; } #portfolio .group.portfolio-img a.thumb:hover { background-position: 50% 45%; } #portfolio .group.portfolio-img { float: left; display: block; margin: 0 10px 30px; } #portfolio .group.portfolio-img img { max-width: none; } #portfolio .group.portfolio-img h3 { font-size: 14px; } #portfolio #port-tags { margin: 0 10px 20px; padding: 0 0 20px; } #portfolio #port-tags .port-cat { text-transform: uppercase; font-size: 12px; } #portfolio #port-tags .port-cat a { padding: 2px 6px; margin: 0 0 0 5px; background: #fff; border: 1px solid #BFD4D9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #portfolio #port-tags .port-cat a:hover, #portfolio #port-tags .port-cat a.current { text-decoration: none; background: #eee; } #portfolio .gallery-image { display: none; } /* 8.5.1 Single Portfolio Item */ body.single-portfolio.one-col #post-gallery, body.single-portfolio.one-col .post-embed { float: left; margin-bottom: 20px; width: 100%; } body.single-portfolio.two-col-left #post-gallery, body.single-portfolio.two-col-right #post-gallery, body.single-portfolio.two-col-middle #post-gallery, body.single-portfolio.three-col-left #post-gallery, body.single-portfolio.three-col-right #post-gallery, body.single-portfolio.three-col-middle #post-gallery, body.single-portfolio.two-col-left .post-embed, body.single-portfolio.two-col-right .post-embed, body.single-portfolio.two-col-middle .post-embed, body.single-portfolio.three-col-left .post-embed, body.single-portfolio.three-col-right .post-embed, body.single-portfolio.three-col-middle .post-embed { float: none; margin-bottom: 20px; } #post-gallery .slides_container .slide { margin-bottom: 1em; } #post-gallery .slides_control .slide { display: none; } /* Prevents the gallery from displaying incorrectly on first load. */ #post-gallery .photo-caption { background: #EBEBEB; padding: 5px; display: block; margin-top: 0.4em; } #post-gallery .photo-caption { filter: alpha(opacity=80); /* internet explorer */ -khtml-opacity: 0.8; /* khtml, old safari */ -moz-opacity: 0.8; /* mozilla, netscape */ opacity: 0.8; /* fx, safari, opera */ } #post-gallery .pagination li { display: inline; padding-right: 10px; margin: 15px 4px 15px 0; } #post-gallery .pagination .jcarousel-prev, #post-gallery .pagination .jcarousel-next { cursor: pointer; width: 7px; height: 10px; position: absolute; top: 45%; } #post-gallery .pagination .jcarousel-prev { left: 10px; } #post-gallery .pagination .jcarousel-next { right: 45px; } #post-gallery .pagination .jcarousel-prev-disabled, #post-gallery .pagination .jcarousel-next-disabled { filter: alpha(opacity=20); /* internet explorer */ -khtml-opacity: 0.2; /* khtml, old safari */ -moz-opacity: 0.2; /* mozilla, netscape */ opacity: 0.2; /* fx, safari, opera */ } body.single-portfolio .hentry { float: right; width: 40%; } body.single-portfolio.two-col-left .hentry, body.single-portfolio.two-col-right .hentry, body.single-portfolio.two-col-middle .hentry, body.single-portfolio.three-col-left .hentry, body.single-portfolio.three-col-right .hentry, body.single-portfolio.three-col-middle .hentry { float: none; width: auto; } /* 8.5.2 Portfolio Items In Archive Screens */ body.search .portfolio .portfolio-img { margin: 0 10px 10px 0; } @media only screen and (max-width: 767px) { /* Set single portfolio item from two to one column on mobile */ body.single-portfolio.one-col-980 #post-gallery, body.single-portfolio.one-col-980 .post-embed { width: 100%; float: none; } body.single-portfolio .hentry { float: none; width: 100%; } } @media only screen and (max-width: 768px) { /* Portfolio layout */ body.single-portfolio.one-col #post-gallery, body.single-portfolio.one-col .post-embed { width: 57%; } body.single-portfolio.one-col-980 #post-gallery, body.single-portfolio.one-col-980 .post-embed { width: 57%; } body.single-portfolio.one-col-960 #post-gallery, body.single-portfolio.one-col-960 .post-embed { width: 57%; } body.single-portfolio.one-col-940 #post-gallery, body.single-portfolio.one-col-940 .post-embed { width: 55%; } body.single-portfolio.one-col-880 #post-gallery, body.single-portfolio.one-col-880 .post-embed { width: 55%; } body.single-portfolio.one-col-760 #post-gallery, body.single-portfolio.one-col-760 .post-embed { width: 45%; } } /* Tumblog */ .post .post-icon a:before { display: block; height: 50px; width: 50px; padding-top: 0.7em; font-size: 1.7em; color: #fff; text-align: center; } .post .post-icon.link a:before { font-family: "FontAwesome"; content: "\f0c1"; } .post .post-icon.video a:before { font-family: "FontAwesome"; content: "\f03d"; } .post .post-icon.article a:before { font-family: "FontAwesome"; content: "\f0f6"; } .post .post-icon.audio a:before { font-family: "FontAwesome"; content: "\f026"; } .post .post-icon.image a:before { font-family: "FontAwesome"; content: "\f03e"; } .post .post-icon.quote a:before { font-family: "FontAwesome"; content: "\f10d"; } /* 6.5 Tumblog */ /* .entry .quote, .entry .video { margin-bottom:1.5em; } .entry .quote blockquote { font-style:italic; } .entry .quote cite { text-align: right; font-style: normal; display: block; font: 0.9em sans-serif; } .entry .quote cite:before { content: '~ ' } */