@import url('css/cutout.css'); /*Theme Name: South Coast Nannies Theme URI: http://www.nobullit.com.au Description: Designed by No Bull IT. Author: No Bull IT Author URI: http://www.nobullit.com.au*/ @font-face { font-family: FontAwesome; src: url('includes/fonts/fontawesome-webfont.eot?v=3.2.1'); src: url('includes/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('includes/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('includes/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('includes/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; =margin-right: 0.3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } .icon-large:before { vertical-align: -10%; font-size: 1.33333333333333em; } A [class^="icon-"], A [class*=" icon-"] { display: inline; } [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.14285714285714em; text-align: right; padding-right: 0.285714285714286em; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.42857142857143em; } .icons-ul { margin-left: 2.14285714285714em; list-style-type: none; } .icons-ul > LI { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.14285714285714em; width: 2.14285714285714em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #EEEEEE; } .icon-light { color: #FFFFFF; } .icon-dark { color: #333333; } .icon-border { border: 1px solid #EEEEEE; padding: 0.2em 0.25em 0.15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: 0.3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: 0.3em; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-white, .nav-pills > .active > A > [class^="icon-"], .nav-pills > .active > A > [class*=" icon-"], .nav-list > .active > A > [class^="icon-"], .nav-list > .active > A > [class*=" icon-"], .navbar-inverse .nav > .active > A > [class^="icon-"], .navbar-inverse .nav > .active > A > [class*=" icon-"], .dropdown-menu > LI > A:hover > [class^="icon-"], .dropdown-menu > LI > A:hover > [class*=" icon-"], .dropdown-menu > .active > A > [class^="icon-"], .dropdown-menu > .active > A > [class*=" icon-"], .dropdown-submenu:hover > A > [class^="icon-"], .dropdown-submenu:hover > A > [class*=" icon-"] { background-image: none; } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: 0.9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: 0.9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: 0.18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: 0.8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: 0.25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: 0.05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: 0.2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: 0.2em; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height: inherit; } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; =line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; =line-height: 1em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } A .icon-stack, A .icon-spin { display: inline-block; text-decoration: none; } .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } A .icon-rotate-90:before, A .icon-rotate-180:before, A .icon-rotate-270:before, A .icon-flip-horizontal:before, A .icon-flip-vertical:before { display: inline-block; } .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } /*------------------------------------------------------------------------------------------- 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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; /*[empty]font-family:;*/ } 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 { 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; } /*GENERAL STYLES 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 ------------------------------------------------------------------------------------------- 1. SETUP ------------------------------------------------------------------------------------------- 1.1 Defaults*/ BODY { font: 300 13px / 20px "Helvetica Neue", Helvetica, Arial, Sans-serif; color: #555; background-color: #FFF; -webkit-font-smoothing: subpixel-antialiased; } H1, H2, H3, H4, H5, H6 { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-weight: bold; line-height: 1.2em; } H1 { font-size: 2em; color: #333333; } H2 { font-size: 1.6em; } H3 { font-size: 1.4em; } H4 { font-size: 1.2em; } H5 { font-size: 1em; } H6 { font-size: 0.8em; } P { margin: 0; font: 300 14px / 22px "Helvetica Neue", Helvetica, Arial, sans-serif; } 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; -webkit-border-radius: 3px; -moz-border-radius: 3px; 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; } /*1.2 Hyperlinks*/ A:link, A:visited { color: #428BCA; 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 { text-decoration: none; } H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover { text-decoration: underline; } /*1.3 @font-face - Used for the subscribe & connect social icons. If you would like to add more icons to the font, you can do so by rebuilding the font at http://keyamoon.com/icomoon/app/ and replace the existing font files in the theme with the new ones. */ @font-face { font-family: Social; font-weight: normal; font-style: normal; src: url('includes/fonts/social.eot'); src: url('includes/fonts/social.eot?#iefix') format('embedded-opentype'), url('includes/fonts/social.woff') format('woff'), url('includes/fonts/social.ttf') format('truetype'), url('includes/fonts/social.svg#woo-social') format('svg'); } /*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"; } /*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; } /*1.4 Embedded Videos*/ EMBED, IFRAME, VIDEO { max-width: 100%; } VIDEO { height: auto; } /*------------------------------------------------------------------------------------------- 2. SITE STRUCTURE & APPEARANCE ------------------------------------------------------------------------------------------- 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; -webkit-transition: left ease 0.5s; -moz-transition: left ease 0.5s; -o-transition: left ease 0.5s; transition: left ease 0.5s; } BODY.fixed-mobile { padding: 0; } BODY.fixed-mobile #top { padding: 0; margin: 0; } /*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: 3em; margin-bottom: 1em; font: 300 14px / 1.2 "Helvetica Neue", sans-serif; background: rgba(198, 195, 192, 1) repeat 0% 0%; } #navigation .menus { clear: both; } #navigation H3 { font-size: 1em; padding: 0.5em 1em; } #navigation UL { margin-bottom: 1.618em; } #navigation UL UL { margin: 0 0 0 1.618em; } #navigation .nav-home, #navigation .nav-close, #navigation .cart-contents, #navigation UL.rss LI A { height: 1em; width: 1em; text-indent: -999px; display: block; font-size: 1em; padding: 0.5em; position: absolute; top: 1em; left: 1em; background: #999; color: #FFF; border-radius: 3px !important; } #navigation .nav-home:before, #navigation .nav-close:before, #navigation .cart-contents:before, #navigation UL.rss LI A: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 .cart-contents { left: auto; right: 3.5em; } #navigation .cart-contents:before { content: "\f07a"; } #navigation UL.rss { margin-right: 50px; margin-bottom: 0; margin-top: -45px; float: right; } #navigation UL.rss:after { content: ""; display: block; clear: both; } #navigation UL.rss.cart-enabled { margin-right: 85px; } #navigation UL.rss LI { float: left; } #navigation UL.rss LI A { position: relative; top: 0; left: 0; margin-left: 0.5em; } #navigation UL.rss LI.sub-email A:before { content: "\f003"; } #navigation UL.rss LI.sub-rss A:before { content: "\f09e"; } #navigation UL.cart > LI > UL > LI > DIV { display: none; } #navigation UL.nav-search { clear: both; background: #E6E6E6; margin: 0 1em; } #navigation UL.nav-search .widget { margin: 0; } #navigation UL.nav-search .searchform, #navigation UL.nav-search #searchform { border: 0; margin: 0; } #navigation UL.nav-search .searchform .s, #navigation UL.nav-search #searchform .s, #navigation UL.nav-search .searchform #s, #navigation UL.nav-search #searchform #s { padding: 1.5em 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 90%; } #navigation UL.nav-search .searchform BUTTON.submit, #navigation UL.nav-search #searchform BUTTON.submit { top: 1.25em; } #navigation UL.nav-search .searchform BUTTON.submit:before, #navigation UL.nav-search #searchform BUTTON.submit:before { font-size: 1em; } #navigation UL.nav-search UL { margin: 0; } #navigation UL.nav-search:after { content: ""; display: block; clear: both; } .show-nav #navigation .top-navigation { display: block; } .show-nav #inner-wrapper { left: 80%; } UL.nav { width: 100%; } UL.nav LI A { /*[disabled]padding:0.3em 1em;*/ display: block; color: #FFFFFF; font-weight: bold; } 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 { /*[disabled]background:#E6E6E6;*/ /*[disabled]color:#3088FF;*/ /*[disabled]-webkit-border-radius:3px;*/ /*[disabled]-moz-border-radius:3px;*/ /*[disabled]border-radius:3px;*/ } UL.nav LI UL LI A { background: none !important; color: #4089C0 !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 !important; } /*Nav Toggle*/ .nav-toggle:before { content: "\f039"; 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: rgba(0, 0, 0, 0.65); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.8) 100%); background: #517FA4; 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; } /*2.3 Header*/ #header { padding: 10px 0 20px; 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; overflow: hidden; } #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: #999; } #footer #credit IMG { vertical-align: middle; } #footer #credit SPAN { display: none; } #footer .col-left { margin-bottom: 10px; } /*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 0 1em; } #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; } /*------------------------------------------------------------------------------------------- 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; 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: #FF0000; } .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 P { margin-bottom: 1.2em; } BLOCKQUOTE { position: relative; padding: 10px 20px 10px 50px; color: #444; } 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; } BLOCKQUOTE P { font-style: italic !important; } .entry UL { margin: 0 0 15px; padding: 0 0 0 30px; } .entry UL UL { margin: 0; } .entry UL LI { list-style-type: disc; } .entry UL.icons-ul LI { list-style-type: none; } .entry UL UL LI { list-style-type: circle; } .entry OL { margin: 0 0 15px; padding: 0 0 0 30px; } .entry OL OL { margin: 0; } .entry OL LI { list-style-type: decimal; } .entry OL LI OL LI { list-style-type: lower-latin; } /*3.2 Images*/ .entry IMG, IMG.thumbnail, #portfolio .group.portfolio-img IMG { height: auto; margin: 10px 20px 20px 0; 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; } .entry .gallery { margin-bottom: 2em !important; } .entry .wp-caption { max-width: 100%; width: 100%; padding: 1px; text-align: center; background: #F8F8F8; border: 1px solid #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; margin-top: -20px; } .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: none; 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; } /*------------------------------------------------------------------------------------------- 4. WIDGETS ------------------------------------------------------------------------------------------- 4.2 Generic Widgets*/ .widget { margin: 0 0 30px; font-size: 12px; } .widget H3 { margin: 0 0 0.8em; 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-position: inside; list-style-type: disc; } .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 { 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; -webkit-border-radius: 3px; -moz-border-radius: 3px; 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: 0.15em; right: 10px; border: none; margin: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .searchform .icon-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: 1px solid #CECFC6; padding: 3px; } .widget_woo_flickr A:hover IMG { border: 1px solid #A8AA99; } /*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; } /*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; } /*Features*/ .widget_woothemes_features { margin: 0; } .widget_woothemes_features:after { content: ""; display: block; clear: both; } .widget_woothemes_features > H3 { margin: 0 0 0.8em; } .widget_woothemes_features .feature { display: block; text-align: center; margin-bottom: 2em; } .widget_woothemes_features .feature H3 A { color: inherit; } .widget_woothemes_features .feature IMG { float: none; margin: 0 auto 1em; border: none; } .widget_woothemes_features .feature .feature-title { margin: 0 0 0.8em; padding: 0; font-size: 1.2em; border: none; } /*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: 0px 0px; } #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; list-style: none; padding-left: 0px; } #tabs .inside LI { border: 1px solid #D9D9D9; border-width: 0 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; } /*------------------------------------------------------------------------------------------- 5. COMMENTS ------------------------------------------------------------------------------------------- 5.1 Comments*/ #comments { position: relative; margin: 40px 0 0; padding: 40px 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 .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 { margin-top: 10px; width: 100%; list-style-type: none; } #comments .comment .comment-container { position: relative; padding: 20px; } #comments .comment-head { margin: 0 0 15px; } #comments .avatar { float: left; margin: 0 15px 10px 0; } #comments .avatar IMG { margin: 0; vertical-align: middle; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #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 .comment-entry P { margin: 0 0 10px; } #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 .comment .reply A { background: #BFBFBF repeat 0 0; color: #222222 !important; margin: 0; padding: 0.2em 1em; text-shadow: none; font-size: 0.7em; } #comments .comment .reply A:after { font-family: FontAwesome; display: inline-block; font-size: 100%; margin-left: 0.618em; font-weight: normal; line-height: 1em; width: 1em; text-align: right; content: "\f112"; } #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; text-decoration: none; } #comments H3#pings { margin-top: 25px; } #comments .pingbacks LI.pingback { margin: 10px 0; } #comments .pingbacks LI.pingback .reply { display: none; } /*5.2 Comments Form*/ #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 { float: left; width: 380px; } #respond LABEL { font-size: 11px; color: #777; } #commentform { margin: 15px 0 0; } #commentform INPUT.txt, #commentform TEXTAREA { font: 300 14px / 1em "Helvetica Neue", Helvetica, 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; } #commentform #submit:after { font-family: FontAwesome; content: "\f105"; } /*5.3 Pingbacks / Trackbacks*/ H3#pings { margin: 25px 0 10px; } .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; } /*------------------------------------------------------------------------------------------- 6. MISC ------------------------------------------------------------------------------------------- 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: 0.327em 1em; color: #FFFFFF !important; text-align: center; border: none; text-decoration: none; font-size: 1em; /*Make inputs the same size as normal text*/ font-family: inherit; /*Make inputs use the correct typeface instead of the browser default*/ cursor: pointer; /*Inputs need pointers!*/ overflow: visible; width: auto; /*IE fix*/ line-height: 1.618em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; background: #428BCA; font-weight: 200; text-transform: uppercase; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; -moz-box-shadow: 0 0 0 0 #888888; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; -webkit-appearance: caret; /*Remove input shadowing on iOS*/ -moz-appearance: caret; /*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 { border-color: #003675; 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); -moz-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: 0.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 { border-color: #AF4040; background: #D72323; } A.button.red:hover, A.comment-reply-link.red:hover, #commentform #submit.red:hover, .submit.red:hover, INPUT[type=submit].red:hover, INPUT.button.red:hover, BUTTON.button.red:hover, #wrapper .woo-sc-button.red:hover { background: #D20000; } A.button.orange, A.comment-reply-link.orange, #commentform #submit.orange, .submit.orange, INPUT[type=submit].orange, INPUT.button.orange, BUTTON.button.orange, #wrapper .woo-sc-button.orange { border-color: #AF7440; background: #D76B23; } A.button.orange:hover, A.comment-reply-link.orange:hover, #commentform #submit.orange:hover, .submit.orange:hover, INPUT[type=submit].orange:hover, INPUT.button.orange:hover, BUTTON.button.orange:hover, #wrapper .woo-sc-button.orange:hover { background: #D25E00; } A.button.green, A.comment-reply-link.green, #commentform #submit.green, .submit.green, INPUT[type=submit].green, INPUT.button.green, BUTTON.button.green, #wrapper .woo-sc-button.green { border-color: #87BF00; background: #8DC11E; } A.button.green:hover, A.comment-reply-link.green:hover, #commentform #submit.green:hover, .submit.green:hover, INPUT[type=submit].green:hover, INPUT.button.green:hover, BUTTON.button.green:hover, #wrapper .woo-sc-button.green:hover { background: #87C000; } A.button.aqua, A.comment-reply-link.aqua, #commentform #submit.aqua, .submit.aqua, INPUT[type=submit].aqua, INPUT.button.aqua, BUTTON.button.aqua, #wrapper .woo-sc-button.aqua { border-color: #40AF96; background: #23D7AF; } A.button.aqua:hover, A.comment-reply-link.aqua:hover, #commentform #submit.aqua:hover, .submit.aqua:hover, INPUT[type=submit].aqua:hover, INPUT.button.aqua:hover, BUTTON.button.aqua:hover, #wrapper .woo-sc-button.aqua:hover { background: #00D2A8; } A.button.teal, A.comment-reply-link.teal, #commentform #submit.teal, .submit.teal, INPUT[type=submit].teal, INPUT.button.teal, BUTTON.button.teal, #wrapper .woo-sc-button.teal { border-color: #23A6D6; background: #23ABD7; } A.button.teal:hover, A.comment-reply-link.teal:hover, #commentform #submit.teal:hover, .submit.teal:hover, INPUT[type=submit].teal:hover, INPUT.button.teal:hover, BUTTON.button.teal:hover, #wrapper .woo-sc-button.teal:hover { background: #009ED2; } A.button.purple, A.comment-reply-link.purple, #commentform #submit.purple, .submit.purple, INPUT[type=submit].purple, INPUT.button.purple, BUTTON.button.purple, #wrapper .woo-sc-button.purple { border-color: #234DD6; background: #2356D7; } A.button.purple:hover, A.comment-reply-link.purple:hover, #commentform #submit.purple:hover, .submit.purple:hover, INPUT[type=submit].purple:hover, INPUT.button.purple:hover, BUTTON.button.purple:hover, #wrapper .woo-sc-button.purple:hover { background: #0036D2; } A.button.pink, A.comment-reply-link.pink, #commentform #submit.pink, .submit.pink, INPUT[type=submit].pink, INPUT.button.pink, BUTTON.button.pink, #wrapper .woo-sc-button.pink { border-color: #D623CB; background: #D723D5; } A.button.pink:hover, A.comment-reply-link.pink:hover, #commentform #submit.pink:hover, .submit.pink:hover, INPUT[type=submit].pink:hover, INPUT.button.pink:hover, BUTTON.button.pink:hover, #wrapper .woo-sc-button.pink:hover { background: #BC00D2; } A.button.silver, A.comment-reply-link.silver, #commentform #submit.silver, .submit.silver, INPUT[type=submit].silver, INPUT.button.silver, BUTTON.button.silver, #wrapper .woo-sc-button.silver { color: #444 !important; text-shadow: 0 1px #FFF; border-color: #BBB; 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 { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; speak: none; width: 1.5em; display: inline-block; line-height: 1; content: "\f179"; content: "\f071"; } 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 { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; speak: none; width: 1.5em; display: inline-block; line-height: 1; content: "\f179"; content: "\f01a"; } 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 { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; speak: none; width: 1.5em; display: inline-block; line-height: 1; content: "\f179"; content: "\f058"; } 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 { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; speak: none; width: 1.5em; display: inline-block; line-height: 1; content: "\f179"; content: "\f05a"; } 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 { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; speak: none; width: 1.5em; display: inline-block; line-height: 1; content: "\f179"; content: "\f016"; } /*6.2 Info Boxes*/ BODY .woo-sc-box:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; speak: none; width: 1.5em; display: inline-block; line-height: 1; content: "\f179"; content: none; } BODY .woo-sc-box.alert { border-color: #F0BAA2; background-color: #FFD9C8; } BODY .woo-sc-box.alert:before { content: "\f071"; } BODY .woo-sc-box.download { border-color: #D4EBAF; background-color: #EDFCD5; } BODY .woo-sc-box.download:before { content: "\f01a"; } BODY .woo-sc-box.tick { border-color: #D4EBAF; background-color: #EDFCD5; } BODY .woo-sc-box.tick:before { content: "\f058"; } BODY .woo-sc-box.info { border-color: #CCC; background-color: #EEE; } BODY .woo-sc-box.info:before { content: "\f05a"; } BODY .woo-sc-box.note { border-color: #EFE3AE; background-color: #FEF6D2; } BODY .woo-sc-box.note:before { content: "\f016"; } BODY .woo-sc-box.normal { border-color: #CCC; background-color: #EEE; padding: 9px 15px; } BODY P.woo-sc-box, BODY DIV.woo-sc-box { margin: 1em 0 1.5em; padding: 15px 20px; border-width: 1px 0; border-style: solid; color: #555; text-shadow: none; background-image: none !important; border: none !important; } 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.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: #FF0000; } #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.buttons .submit { margin: 0 0 0 100px; } #contact-page OL.forms LI.inline INPUT { width: auto; margin-left: 120px; } #contact-page OL.forms LI.inline LABEL { display: inline; float: none; width: auto; } #contact-page OL.forms LI.inline INPUT#sendCopy { margin-left: 100px; } .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; } /*6.4 Gravity forms*/ .gform_wrapper .top_label .gfield_label { color: #71C5EF !important; display: block; padding-right: 20px; margin: 5px 0px 4px !important; } .gform_wrapper INPUT.button { padding: 5px 10px 6px !important; } .gform_wrapper .ginput_complex LABEL, .gform_wrapper .gfield_time_hour LABEL, .gform_wrapper .gfield_time_minute LABEL, .gform_wrapper .gfield_date_month LABEL, .gform_wrapper .gfield_date_day LABEL, .gform_wrapper .gfield_date_year LABEL, .gform_wrapper .instruction { letter-spacing: 0px; } .gform_wrapper INPUT { padding: 7px 3px !important; } .gform_wrapper .top_label INPUT.large, .gform_wrapper .top_label SELECT.large, .gform_wrapper .top_label TEXTAREA.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry IMG, .gform_wrapper IMG.thumbnail { padding: 0px !important; border: 0px !important; } UL.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 10px !important; } IMG.ui-datepicker-trigger { border: 0px; padding: 0px; } /*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: '~ ' } 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: 0.6em; color: #888; } #connect .newsletter-form .submit { cursor: pointer; padding: 3px 5px; margin: 0 0 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #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 { filter: alpha(opacity=@opacity * 100); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #connect .social A:hover { filter: alpha(opacity=@opacity * 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #connect .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: 0.53em; display: inline-block; -webkit-border-radius: 300px; -moz-border-radius: 300px; 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; } /*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; } /*6.8 Tables*/ .entry TABLE { border-spacing: 0; width: 100%; border: 1px solid #EEE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FFF; box-shadow: 0 1px 2px 0 #FFFFFF; -webkit-box-shadow: 0 1px 2px 0 #ffffff; -moz-box-shadow: 0 1px 2px 0 #ffffff; border-collapse: separate; margin-bottom: 1.5em; } .entry TABLE TD, .entry TABLE TH { padding: 0.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 { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .entry TABLE THEAD TH:last-child { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; 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 { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .entry TABLE TBODY TR:last-child TD:last-child { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .entry TABLE TBODY TR:last-child TD { border-bottom: 0; } .entry TABLE TBODY TR:last-child TH { border-bottom: 0; } /*------------------------------------------------------------------------------------------- 8. TEMPLATES / SLIDER ------------------------------------------------------------------------------------------- 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: #000000; } #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; } .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; 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; -webkit-border-radius: 99px; -moz-border-radius: 99px; 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; -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; -o-transition: 200ms ease-in 0.2s; transition: 200ms ease-in 0.2s; } BODY.ie7 #loopedSlider .pagination LI { display: inline; zoom: 1; } #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; -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; -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: #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; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; } #loopedSlider A.flex-prev SPAN { left: 30%; padding-right: 2px; } #loopedSlider A.flex-next SPAN { right: 30%; padding-left: 2px; } /*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; } /*8.2 Business template*/ #loopedSlider.business-slider, #loopedSlider.business-slider .container { width: auto; } .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%; } BODY.full-header.full-slider #loopedSlider { margin-top: -3em; } .full-slider #loopedSlider.business-slider .entry { padding: 1.5em 0 0.5em; } /*8.3 Footer Widgets 1-4 Columns*/ #footer-widgets .block { padding-top: 20px; } /*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; } /*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; } /*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; margin-top: -15px; float: right; vertical-align: top; } #archives .archives_list .comments A { display: block; position: relative; width: 30px; height: 27px; padding: 3px 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; } /*------------------------------------------------------------------------------------------- 9. WOODOJO ------------------------------------------------------------------------------------------- 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; 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: none; 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 #FFFFFF, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 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: none; 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 #FFFFFF, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 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: none; 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 #FFFFFF, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 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; } /*------------------------------------------------------------------------------------------- 10. BROWSER SPECIFIC ------------------------------------------------------------------------------------------- IE8*/ .ie8 .button, .ie8 .button:visited { padding: 10px 15px; margin: 0; } .ie8 .alignleft, .ie8 .alignright { width: auto; } .ie8 .widget_woo_blogauthorinfo .avatar { width: auto; } @media only screen and (max-width: 767px) { #wrapper { overflow-y: visible; overflow-x: hidden; } #content { padding-top: 1.5em; } #header { background-size: cover; } #navigation .cart { margin: 0; } #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 { content: ""; display: block; clear: both; } #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; } } #navigation UL.nav > LI { margin: 0 5px; } @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; } .magazine #loopedSlider A.flex-next, .magazine #loopedSlider A.flex-prev { bottom: auto; top: 20px; } .magazine #loopedSlider { height: auto !important; max-height: none !important; } #loopedSlider { height: auto !important; } #loopedSlider .slides { overflow: visible; height: auto !important; } #sidebar { clear: both; } /*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%; } .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 #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 .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 .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%; } TABLE.cart .product-thumbnail, TABLE.cart .product-price, TABLE.cart .product-quantity { left: -999em; position: absolute; } }