/* Theme Name: SPS10k Theme URI: http://www.sps10k.com/ Author: Lekhraj Author URI: http://Lekhraj/ Description: SPS10k Run Version: 1.4 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: left-sidebar, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Text Domain: sps-10-k-run */ /* Table of Contents 01. CSS RESET FILE 02. PRIMARY STYLES A. DEFAULT STYLES B. LOGO STYLE C. BACKGROUND COLORS D. FONT COLORS E. FONT FAMILIES F. CSS3 TRANSITIONS 03. MAIN CONTAINERS 04. PAGE TITLE STYLES 05. DEFAULT PAGE STYLES 06. HOMEPAGE STYLES 07. EVENT STYLES 08. BLOG STYLES 09. FOOTER STYLES 10. SIDEBAR STYLES 11. DEFAULT GRID 12. BUTTON STYLES 13. CONTACT FORM STYLES 14. FLEXSLIDER 15. NAVIGATION 16. MOBILE NAVIGATION STYLES 17. NAVIGATION STYLES 18. INPUT/TEXTAREA STYLES 19. SELECT BUTTON STYLES 20. WOOCOMMERCE STYLES 21. PAGE LOADER 22. RESPONSIVE STYLES */ /* =============================================== 01. CSS RESET FILE =============================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}.bypostauthor,.gallery-caption,.sticky{background:0 0}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0; z-index: 99;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.wp-caption,.wp-caption-text{}.clearfix-pro:after,.clearfix-pro:before{content:"";display:table}.clearfix-pro:after{clear:both}.lt-ie8 .clearfix-pro{visibility:hidden;width:0;height:0;clear:both} @font-face{font-family:'FontAwesome';src:url('inc/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.2');src:url('inc/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'),url('inc/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.2') format('woff2'),url('inc/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.2') format('woff'),url('inc/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.2') format('truetype'),url('inc/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* =============================================== 02. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ /* html {-webkit-text-size-adjust: none;} Removes webkit font resizing */ html, body { overflow-x: hidden; } body {max-width:100%; width:100%;} img {max-width:100%; height: auto; } body iframe {border:none; } .pp_gallery {display:none !important;} body a img, body a {outline:none !important; text-decoration:none;} p {padding-top:0px; margin:0px;} p, ul, ol {margin-bottom: 25px;} ul, ol {margin-left:8px; padding-left:16px;} img {max-width: 100%;height: auto; width:auto;} video, audio {max-width:100%;} .alignnone, .alignleft, .alignright, .aligncenter {max-width:100% !important;} .alignright {float:right; margin:0 0 10px 20px;} .alignleft {float:left; margin:0px 20px 10px 0px;} .aligncenter {text-align:center; margin:0px auto 20px auto; display:block; } table, th, td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 2em; max-width: 100%; } th, td { padding: 1em; } pre, code {display:block; /*margin-top:5px;*/ /*border:1px solid #e2e2e2;*/ padding:0px 15px; /*background:#f5f5f5;*/ overflow:auto; word-wrap: break-word; font-size:90%; line-height:1.2; /*margin-bottom:25px;*/ } dl { margin-bottom: 1.6em; } dt { font-weight: bold; } dd { margin-bottom: 1.6em; } th { background:#f7f7f7; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 2em; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } figure { margin: 0; } del { opacity: 0.8; } blockquote {font: 400 24px / 33px Roboto; text-align: center; border: none; padding: 25px 10px; font-style: italic;} blockquote cite {color: rgba(26, 23, 26, 0.88); font: 400 18px / 36px 'Pathway Gothic One'; width: 100%; padding-top: 15px; display:block;} body hr.ls-sc-divider {padding:0px 0px 35px 0px; position:relative; top:12px;} body hr.ls-sc-divider.double {padding-bottom: 0; margin-bottom: 45px;} body #content-pro hr.grey, body .footer-map-home hr.grey{ border-color:#cccccc; } body { color: rgba(60,60,68,0.76); font: 300 17px / 26px Roboto; } #good-cause-sidebar ul, #good-cause-sidebar ol {margin-bottom:15px;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight:700; } h1, h2, h3, h4, h5, h6 { font-weight:400; margin:0px 0px 20px 0px; padding:0px; line-height:1.3; -ms-word-wrap: break-word; word-wrap: break-word; text-transform: uppercase; letter-spacing: 0px;} h1 {font-size:72px; line-height:1.2; font-weight:400; } h2 {font-size:56px; text-transform: none;} h3 {font-size:36px;} h4 {font-size:18px; font-weight: 700; letter-spacing: 2px;} h5 {font-size:24px;} h6 {font-size:18px;} .marquee{ background:#ed323e; height:30px; color:#fff; font-weight:400; font-size:17px; } /* -------------------- B. LOGO -------------------- */ .show-hide-progression { display:none; } /* -------------------- C. BACKGROUND COLORS -------------------- */ #good-cause-sidebar-padding, .show-hide-progression { background-color:#000000; } body {background: #fff;} #page-title-pro { background:#2b2b2c; } footer { background-color:#2b2b2c;} body ul#menu-sub-nav, body .page-container { background-color:#ffffff; } body ul.page-numbers span.current, body ul.page-numbers a:hover { background:#87e346; border-color:#87e346;} header#masthead-pro {background-color: #5a37b0;} .social-ico a i {background:#87e346;} /* -------------------- D. FONT COLORS -------------------- */ body { color: rgba(60,60,68,0.9); } a { color:#87e346; } .tags-progression a:hover, body ul#menu-sub-nav li a:hover, body ul#menu-sub-nav li.current-cat a, ul.meta-progression-bottom a:hover {border-color:#87e346;} a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#2b2b2c; } h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, h5, h5 a { color:#2b2b2c; } h6, h6 a { color:#383838; opacity:0.7; } input#submit-progression, body #content-pro button.single_add_to_cart_button, body #content-pro input.button, body.woocommerce-cart #content-pro td.actions input.button.checkout-button, body #content-pro button.button, body #content-pro a.button, body #single-product-progression button.single_add_to_cart_button, body #content-pro #respond input#submit, body a.progression-button, body .wpcf7-submit, body footer .wpcf7 input#submit, body input#submit, { border:2px solid #d9d9d9; background:#ffffff; color:#313131; } body #content-pro .woocommerce a.button:hover,input#submit-progression:hover, body #content-pro button.single_add_to_cart_button:hover, body #content-pro .woocommerce input.button:hover, body.woocommerce-cart #content-pro td.actions input.button.checkout-button:hover, body #content-pro button.button:hover, body #content-pro a.button:hover, body #single-product-progression button.single_add_to_cart_button:hover, footer .tagcloud a:hover, #navigation-sidebar-progression .tagcloud a:hover, body a.progression-button:hover, body .wpcf7-submit:hover, body input#submit { background:#87e346; border-color:#87e346; color:#ffffff; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #87e346; color:#ffffff; } .sf-menu ul { background:#fff; } .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited{ color:rgba(43,43,44,0.76); } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited { color:#2b2b2c; } /* -------------------- E. FONT FAMILIES -------------------- */ body, .ls-sc-toggle h3, input, textarea, select, h4, body .fc-basic-view td.fc-day-number, body .fc-basic-view td.fc-week-number span, #events-full-calendar th.fc-day-header, .comment-meta, .comment-meta a, .comment-body p, footer#site-footer .widget-title, .copyright-text, .date-day-pro, .hours-date-pro, #good-cause-sidebar .widget h6.widget-title, #content-pro #good-cause-sidebar .widget ul li, .wpcf7 input, .wpcf7 textarea, #respond textarea, #respond input, .wpcf7 select, #content-pro p.woocommerce-result-count, .shop-container-pro p, blockquote { font-family: 'Roboto', serif; } h1, h2, h3, h5, h6, #page-title-pro h1#page-title, #good-cause-sidebar button.button, #good-cause-sidebar a.button, input#submit-progression, .sticky-post-progression, .pro_btn, nav, .tags-progression, ul#menu-sub-nav, body a.more-link, body #content-pro #respond input#submit, body a.progression-button, body .wpcf7-submit, body input#submit, body a.progression-button.default-button, ul.mobile-menu-progression li a, ul.mobile-menu-progression .sf-mega h2.mega-menu-heading, .sf-mega h2.mega-menu-heading, body.woocommerce #content-pro #good-cause-sidebar a.button.checkout, blockquote cite, #page-title-pro p, #page-title-pro h3, body #content-pro .fc-toolbar button, .good-cause-date-progression, .good-cause-date-progression a, .post-meta-progression, body ul.page-numbers span, body ul.page-numbers a, .comment-body .comment-author .fn, .comment-body span.says, footer#site-footer nav#footer-nav li, body #content-pro .shop-container-pro span.price span.amount, #copyright-area-pro .widget_nav_menu ul li a, .sf-menu a, h3#reply-title, h4.comments-title, body #content-pro .shop-container-pro h3 { font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; } /* -------------------- F. CSS3 TRANSITIONS -------------------- */ a, body input, body button, .social-ico i, .about-content-progression a i, .about-content-progression a i:hover, footer#site-footer a:hover, footer#site-footer #copyright-pro a:hover, footer#site-footer a i, footer#site-footer #copyright-pro a i, .sub-menu li.menu-item:hover, .sub-menu li.menu-item, body #content-pro .shop-container-pro h3, .selectric-scroll li { -webkit-transition-duration: 250ms; -webkit-transition-property: color, background-color, opacity, border; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 250ms; -moz-transition-property: color, background-color, opacity, border; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 250ms; -o-transition-property: color, background-color, opacity, border; -o-transition-timing-function: ease-in-out; transition-duration: 250ms; transition-property: color, background-color, opacity, border; transition-timing-function: ease-in-out; } #sticky-header-pro { z-index:999; -webkit-transition-duration: 200ms; -webkit-transition-property: background; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 200ms; -moz-transition-property: background; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 200ms; -o-transition-property: background; -o-transition-timing-function: ease-in-out; transition-duration: 200ms; transition-property: background; transition-timing-function: ease-in-out; } body.admin-bar #sticky-header-pro { top: 32px !important; } h1#logo img, h1#logo a, nav#site-navigation a, body #sticky-header-pro.menu-resized-pro #logo img, .zoom-image-container-progression, .zoom-image-container-progression:hover { -webkit-transition-duration: 400ms; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 400ms; -moz-transition-property: all; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 400ms; -o-transition-property: all; -o-transition-timing-function: ease-in-out; transition-duration: 400ms; transition-property: all; transition-timing-function: ease-in-out; } #pro-scroll-top { -webkit-transition-duration: 150ms; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 150ms; -moz-transition-property: all; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 150ms; -o-transition-property: all; -o-transition-timing-function: ease-in-out; transition-duration: 150ms; transition-property: all; transition-timing-function: ease-in-out; } .example-no-css3 {-webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important;} /* =============================================== 03. MAIN CONTAINERS =============================================== */ /* -------------------- A. HEADER CONTAINERS -------------------- */ header#masthead-pro { margin:0px; padding:0px; z-index: 999; width:100%;} header#masthead-pro.menu-resized-pro {border-bottom: 0;} header#masthead-pro h1 { margin:0px; padding:0px; line-height:1; font-size:5px;} body #logo, body #logo img { max-width:123px; margin: 8px 0; text-align: center;} header#masthead-pro #logo { margin: 0 auto; padding:0px; border:none; float: left; } header#masthead-pro #logo img { height: auto; opacity:1 !important; filter:alpha(opacity=100);} header#masthead-pro #logo a:hover img { opacity:1 !important; filter:alpha(opacity=100);} /* -------------------- B. CONTENT CONTAINER STYLES -------------------- */ #content-pro { padding:60px 0; position:relative; } .page-container { position:relative; margin:0px 60px 0px 60px; padding:45px; padding-bottom:25px; -moz-box-shadow: 1px 1px 10px rgba(0,0,0, 0.04); -webkit-box-shadow: 1px 1px 10px rgba(0,0,0, 0.04); box-shadow: 1px 1px 10px rgba(0,0,0, 0.04); } body.blog #infinite-nav-progression a, #title-container-progression, #post-nav-progression { margin-right:60px; margin-left:60px; } .width-container-pro { width:1140px; margin: 0 auto; position:relative; } /* =============================================== 04. PAGE TITLE STYLES =============================================== */ .page-title-pro-center { text-align:center; } #page-title-pro h2, #page-title-pro h4, #page-title-pro h5 { color: #fff; } #page-title-pro { padding: 180px 0 150px 0; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; } #page-title-pro h1#page-title { display:none; color: #ffffff; font-size: 98px; font-weight: 400; line-height: 1.22; text-transform: uppercase; text-align: left; } #page-title-pro p, #page-title-pro h3 { color: #fff !important; font: 400 36px / 36px 'Pathway Gothic One'; text-transform: uppercase; text-align: left; margin-bottom: 10px; } #page-title-pro .subtitle-progression { color: rgba(255,255,255, 0.9); } .good-cause-download-text i { font-size: 28px; margin-right: 3px; } body.search #page-title-pro h2 { color: #fff; text-align: center; } body.archive.tax-event-location #page-title-pro h1#page-title { font-size: 35px; } /* =============================================== 05. DEFAULT PAGE STYLES =============================================== */ .drop-shadow-pro { -moz-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.08); box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.08); } .drop-shadow-pro.top-z-index { z-index:15; position:relative; } .sticky-post-progression { position: absolute; top: 0; right: 0; color: #ffffff; background: rgba(0, 0, 0, 0.4); text-transform: uppercase; font-size: 12px; padding: 6px 18px; letter-spacing: 2px; color: #ffffff; } #featured-image-page { margin-top:-45px; margin-left:-45px; margin-right:-45px; margin-bottom:45px; } #map-progression { margin: 25px 0 35px 0; } #featured-image-page img { width:100%; } .page-links-progression { margin:35px 0px 35px 0px; } .page-links-progression a, .page-links-progression > span { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); display: inline-block; height: 2em; line-height: 2; margin: 0 0.3333em 0.3333em 0; text-align: center; width: 2em; } .page-links-progression a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); background-color: #333; border-color: #333; color: #fff; } .page-links-progression a:hover, .page-links-progression a:focus { background-color: #707070; background-color: rgba(51, 51, 51, 0.7); border-color: transparent; color: #fff; } .page-links-progression > .page-links-progression-title { border: 0; color: #707070; color: rgba(51, 51, 51, 0.7); height: auto; margin: 0; padding-right: 0.5em; width: auto; } #contact-section.donate-progression p { font-size: 17px; } #contact-section.donate-progression { text-align: left; } /* =============================================== 06. HOMEPAGE STYLES =============================================== */ .divider-pro span.vc_sep_line { border-top-width: 12px !important; border-radius: 55px; height: 0 !important; } .pro-fit-vc-img.wpb_single_image img { height: auto; width: auto !important; max-width: initial; max-height: 700px; } .donate-progression .good-cause-divider-progression { margin-bottom: 35px; } #content-pro .vc_separator { margin-bottom: 25px; } .wpb_revslider_element.wpb_content_element { margin: 0; } .zoom-image-container-progression { overflow: hidden; opacity: 0.5; } .zoom-image-container-progression img { width: 100%; display: block; } .isotope-index-text { position: absolute; top: 50%; padding: 0 10% !important; width: 80%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } body #content-pro .good-cause-pro-gallery .isotope-item {margin-right: 25px;} body #content-pro .good-cause-pro-gallery .isotope-item:last-child {margin-right: 0 !important;} /* =============================================== 07. EVENT STYLES =============================================== */ .title-event-meta-pro { color: #fff; text-align: left; font-family: roboto; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; margin-top: 50px; } .title-event-meta-pro:before { height: 3px; width: 58px; display: block; content: ""; background-color: #fff; position: relative; top: -25px; } .title-event-meta-pro span { margin-right: 8px; } .title-event-meta-pro i { margin-right: 2px; color: #fff; } .event-metadata-sidebar-pro .widget span { font-weight: 700; } #content-pro #good-cause-sidebar.event-metadata-sidebar-pro ul { list-style: none; margin-left: 0; } #content-pro #good-cause-sidebar.event-metadata-sidebar-pro ul li:before { display: none; } #content-pro #good-cause-sidebar.event-metadata-sidebar-pro ul li { margin: 12px 0; } #content-pro #good-cause-sidebar.event-metadata-sidebar-pro #map-progression { height: 275px; margin-bottom: 0; } ul.schedule-list-pro { list-style: none; margin: 0; padding: 0; margin-bottom: 50px; border-bottom: 1px solid rgba(43, 43, 44, 0.1); } ul.schedule-list-pro li { margin: 50px 0; } ul.schedule-list-pro li:first-child { margin-top: 0; } ul.schedule-list-pro h4.schedule-time-pro { font-family: roboto; font-size: 18px; text-transform: uppercase; color: #f37029; margin-bottom: 5px; } ul.schedule-list-pro h2.schedule-title-pro { font-family: roboto; font-size: 24px; color: #2b2b2c; } .excerpt-text-event-pro { text-align: center; } .excerpt-text-event-pro h5.pro-event-shortcode-date { font-size: 21px; letter-spacing: 1px; color: #3c3c44; margin-bottom: 10px; } .excerpt-text-event-pro h3.event-title-pro a { text-transform: uppercase; color: #f37029; font-size: 34px; letter-spacing: 1px; } .excerpt-text-event-pro:after { width: 100%; content: ""; height: 1px; background-color: rgba(0,0,0,0.15); position: relative; left: 0px; bottom: 33px; display: block; z-index: -1; } .excerpt-text-event-pro { margin-bottom: 30px; } .image-event-progression { margin-bottom: 25px; } .event-item-pro { margin-bottom: 35px; } /* =============================================== 08. BLOG STYLES =============================================== */ .content-meta-container-pro { margin-bottom: 35px; padding-bottom: 29px; border-bottom: 1px solid rgba(43,43,44,0.15); } .summary-post-progression { word-wrap: break-word; } .featured-blog-progression img { width:100%; } .featured-blog-progression, .featured-blog-progression p { margin-bottom: 0; } .post-content-container-pro { padding: 25px 0 25px 0; } h2.blog-title-progression, h2.blog-title-progression a { color: #3c3c44; } h2.blog-title-progression:hover, h2.blog-title-progression a:hover { color: #87e346; } .good-cause-date-progression, .good-cause-date-progression a, .post-meta-progression { font: 700 16px / 24px 'Roboto'; } .good-cause-date-progression { text-transform: uppercase; position: relative; top: 41px; } .good-cause-date-progression:before { display: block; content: ""; width: 58px; height: 3px; background: #87e346; position: relative; top: -20px; margin-bottom: -3px; } body.single-post .good-cause-date-progression { position: initial; top: initial; } body.single-post .good-cause-date-progression:before { position: initial; top: initial; margin-bottom: 12px; } .good-cause-date-progression a:hover, .author-meta-progression a, .meta-comments-progression a, .category-meta-progression a { color: #87e346; } .author-meta-progression a:hover, .meta-comments-progression a:hover, .meta-comments-progression i:hover, .category-meta-progression a:hover, .good-cause-date-progression a { color: #2b2b2c; } .meta-comment-container { text-align: right; } .post-meta-progression { padding: 15px 0; border-top: 1px solid rgba(43,43,44,0.15); border-bottom: 1px solid rgba(43,43,44,0.15); } body.single-post .post-meta-progression { margin-top: 27px; margin-bottom: 42px; } body .post-meta-progression span { border-right: 1px solid rgba(43,43,44,0.15); padding: 2px 22px 2px 0; margin: 5px 0 5px 22px; } body span.meta-comments-progression span { margin: 0; padding: 0; } body span.author-meta-progression { margin-left: 0; padding-left: 0; } body .post-meta-progression span:last-child, body .post-meta-progression span.meta-comments-progression { border: 0; padding-right: 0; margin-right: 0; } span.author-meta-progression, span.category-meta-progression, span.meta-comments-progression { line-height: 1.8; } .post-meta-progression span.author-meta-progression { margin-left: 0; padding-left: 0; } .post-meta-progression i { color: #d6d8de; position: relative; top: 0; margin-right: 8px; } body #content-pro a.more-link { margin-top: 15px; } .blog table td { padding: 10px; } /* Pagination Styles */ ul.page-numbers { margin:120px 0px 40px 0px; text-align:center; } ul.page-numbers li { margin:0px; padding:0px; display:inline; text-transform:uppercase; } body ul.page-numbers span, body ul.page-numbers a { text-decoration:none; line-height:1; cursor: pointer; display:inline-block; padding:13px 22px 12px 22px; font: 400 18px 'Pathway Gothic One'; color:#3c3c44; font-weight:400; background-color:#e7e7e8; border:none; border-radius: 5px; margin-right:2px; } body ul.page-numbers span.current { cursor:default; } span.screen-reader-text:after { display: none; } body ul.page-numbers span.current, body ul.page-numbers a:hover { background:#87e346; color:#3b5e32; } .post-meta-progression { margin-bottom: 32px; } .entry-content-progression .attachment { margin-bottom:25px; } .meta-comments-progression span.screen-reader-text { margin-left: 0 !important; } /* blog Post */ body .featured-video-progression p {margin-bottom:0px;} .tags-progression { padding-top:10px; padding-bottom:20px; } .tags-progression i {font-size:15px; margin-right:8px;display: none;} .tags-progression a { color:#aaa; border:2px solid #cccccc; display:inline-block; line-height:1; text-transform:uppercase; font-weight:400; font-size:16px; text-align:center; padding:8px 10px; margin:0 5px 5px 0; } .tags-progression a:hover {color:#ffffff; background:#bbbbbb; border-color:#bbbbbb; } .single-post #page-title-pro h1#page-title { text-transform: initial; } /* Next/Previous Post */ #post-nav-progression { margin-top:60px; padding:35px 35px 35px 35px; margin-bottom:25px; background:#ffffff; -moz-box-shadow: 1px 1px 10px rgba(0,0,0, 0.04); -webkit-box-shadow: 1px 1px 10px rgba(0,0,0, 0.04); box-shadow: 1px 1px 10px rgba(0,0,0, 0.04); } #post-nav-progression a { font-size:18px; font-weight:400; color:#595959; } #post-nav-progression .nav-previous span, #post-nav-progression .nav-next span { display:block; text-transform:uppercase; margin-bottom:2px; font-size:14px ; letter-spacing:1px; } #post-nav-progression a { display:block; } #post-nav-progression .nav-previous { float:left; width:48%; } #post-nav-progression .nav-next { float:right; width:48%; text-align:right; } /* Comments */ #reviews #comments {margin-top:0px;} body.single-attachment .comment-form-rating {display:none;} #comment-nav-above h1 {text-align:center; font-size:15px; margin-bottom:5px; opacity:0.6; letter-spacing:1px; } #comment-nav-above { padding:30px 0px; margin-bottom:35px; margin-top:15px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #comments ol.children { list-style: none; } .comment-navigation .nav-previous { float:left; width:48%; } .comment-navigation .nav-next { float:right; text-align:right; width:48%; } #comment-nav-below h1 {text-align:center; font-size:15px; margin-bottom:5px; opacity:0.6; letter-spacing:1px; } #comment-nav-below { padding:30px 0px; margin-bottom:35px; margin-top:15px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } h3 a#cancel-comment-reply-link {font-size:13px;} .commentlist { float:left; list-style: none; margin: 0 auto; width:80%; position:relative; left:101px; } .commentlist li.comment { margin: 0 0 1.625em 0 !important; padding: 0.2em 1.4em 0.25em 0em; list-style:none ; position: relative; } .commentlist .avatar {left: -102px; -padding: 0; position: absolute; top: 0;} .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } ol.commentlist ul.children, ol.commentlist ul.children li { list-style: none ; margin:0px; } .commentlist .children li.comment { border-right:none; border-top:none; border-bottom:none; border-left: 1px solid #cccccc; margin: 0em 0 0 0; padding:1em 1.6em 0em 2em; position: relative; } .commentlist .avatar {left: -102px;padding: 0; position: absolute; top: 0px; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } ol.commentlist ul.children, ol.commentlist ul.children li { list-style: none; margin:0px; } .commentlist .children li.comment .avatar {top:5px;} .comment-meta .fn { display: inline-block; font-size:22px; } .comment-meta .fn a { } .comment-meta time {color:#aaaaaa; padding-left:8px; } .comment-meta a {text-decoration:none;} .comment-meta a:hover {color:#1e1e1e;} .comment-meta, .comment-meta a { color: #8d8d8d; font-size: 14px; padding-bottom:8px; font: 700 12px / 30px Roboto; text-transform: uppercase; } .commentlist .children li.comment .comment-meta { margin-left:62px ; padding-top:0px; } ol.comment-list { list-style: none; padding: 0 0 25px 0; margin: 0 0 40px 0; border-bottom: 1px solid rgba(43,43,44,0.15); } .comment-body .comment-author img { margin-right: 20px; margin-bottom: 20px; margin-top: 25px; } .comment-body .comment-author .fn { font: 400 21px / 27px 'Roboto'; color: #2b2b2c; } .comment-body span.says { color: #8d8d8d; font: 400 18px / 27px 'Pathway Gothic One'; } .commentlist .children li.comment .comment-content { margin: 0; margin-top:25px; padding:0px; } .comment-body p { font: 400 15px / 24px Roboto; color: rgba(26, 23, 26, 0.78); } .comment-body .reply a:before { content: "\f064"; font-family: FontAwesome; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding:0px; top: 2.2em; width:55px; height:auto; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding:0px; top: 2.2em; } p.comment-notes {font-size:95%;} p.form-allowed-tags {font-size:85%;} .reply a { display:inline-block; padding:6px 0; color:#87e346; font-size: 15px; margin-bottom:20px; } .reply a:before { margin-right: 5px; } #comments .comment-author a, #comments { color: #2b2b2c; } .reply a:hover { color:#1e1e1e; } #respond label {padding-left: 0px; } #respond input, #respond textarea {display:block; margin-top:2px;} #respond input#submit {width:auto; text-shadow:none;} h3#reply-title, h4.comments-title {font-size: 36px; margin-bottom: 30px; text-transform: none; letter-spacing: 0; font-weight: 400;} body #content-pro #comments #respond input#submit {margin-top: 12px;} /* =============================================== 09. FOOTER STYLES =============================================== */ #copyright { padding:60px 0px; text-align:center; opacity:0.8; } footer .widget { padding:80px 0px 10px 0px; } footer#site-footer .widget-title { color: #87e346; font: 400 36px / 44px 'Pathway Gothic One'; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; } footer#site-footer ul { list-style: none; padding: 0; margin: 0; } footer#site-footer #widget-area-pro { padding-bottom: 25px; height:160px; color: #c9c9c9; } footer#site-footer .footer-1-pro { text-align: center; } #copyright-pro { text-align: center; padding: 33px 0 32px 0; } footer#site-footer nav#footer-nav li { border: 0; color: rgba(255, 255, 255, 0.57); } body #footer-navigation { display: table; margin: 0 auto; } .footer-menu-pro { background: #1b1b1c; } footer .sf-menu a { letter-spacing: 2px; } footer .sf-menu a:hover, footer .sf-menu a:hover, footer .sf-menu li a:hover, footer .sf-menu a:hover, footer .sf-menu a:visited:hover, footer .sf-menu li.sfHover a, footer .sf-menu li.sfHover a:visited, footer .sf-menu li.current-menu-item a, footer li.menu-item-has-children.sfHover a.sf-with-ul, footer#site-footer a:hover { background: none; color: #505050 !important; } footer#site-footer nav#footer-nav .sf-menu a { margin: 0 12px; } .copyright-text { font: 400 16px / 24px Roboto; color: rgba(255, 255, 255, 0.76); } .social-icons-widget-pro ul.social-ico { text-align: center; } .logo-widget-area-pro { margin: 0 auto; text-align: center; margin-bottom: 45px; } .social-icons-widget-pro ul.social-ico li { margin-bottom: 5px; } .social-icons-widget-pro ul.social-ico a i:hover { opacity: 0.9; } #copyright-area-pro .widget_nav_menu ul { padding: 0; margin: 0; float: right; } #copyright-area-pro .widget_nav_menu ul li { padding: 0; margin: 0; border: 0; float: left; margin: 0 0 0 20px; } #copyright-area-pro .widget_nav_menu ul li:first-child { margin: 0; } #copyright-area-pro .widget_nav_menu ul li a { color: rgba(255, 255, 255, 0.76); font-weight: 600; font-size: 12px; font-family: 'Pathway Gothic One'; line-height: 1; text-transform: uppercase; letter-spacing: 1px; } #copyright-area-pro .widget_nav_menu ul li a:hover { color: #fff; } /* Opening Hours Widget */ #sidebar ul.open-hours li:before, #widget-area-pro ul.open-hours li:before { display:none; } #sidebar ul.open-hours li, #widget-area-pro ul.open-hours li { list-style:none; margin:0px 0px 7px 0px; padding:0px 0px 3px 0px; border-bottom:1px dotted #cccccc; } .date-day-pro { display:inline-block; font: 400 15px / 30px Roboto; } .hours-date-pro { display:inline-block; float:right; font: 400 15px / 30px Roboto; } #widget-area-pro ul.open-hours li { border-color:#444; } /* Scroll to top */ #pro-scroll-top { display: block; position: fixed; overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; z-index:100; height:28px; width: 40px; padding:0px; margin:0px; bottom:0px; right: 45px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color:#ffffff; background:rgba(0,0,0, 0.3); border-top:1px solid rgba(255,255,255, 0.18); border-right:1px solid rgba(255,255,255, 0.18); border-left:1px solid rgba(255,255,255, 0.18); } #pro-scroll-top:before { content:"\f105"; display:block; font-weight:normal; font-family:FontAwesome; font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); position:absolute; z-index:101; font-size:18px; top:23px; left:5px; height:30px; width: 40px; line-height:1; vertical-align:center; text-align:center; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); } #pro-scroll-top.cd-is-visible { visibility: visible; opacity: 1; } #pro-scroll-top:hover { height:32px; opacity: 1; color:#ffffff; background:#135c9c; border-color:#135c9c; } /* =============================================== 10. SIDEBAR STYLES =============================================== */ #main-container-pro { float:left; width:70%; } #good-cause-sidebar { float:right; width:22.5%; position:relative; z-index:5; background-color: #fff; padding: 30px 2.5%; border: 1px solid rgba(43, 43, 44, 0.1);} .left-sidebar-pro #main-container-pro {float:right;} .left-sidebar-pro #good-cause-sidebar {float:left;} #good-cause-sidebar .widget h6.widget-title { font: 700 16px 'Roboto'; text-transform: uppercase; text-align: center; margin-bottom: 25px; color: #2b2b2c; opacity: 1; letter-spacing: 2px; } #good-cause-sidebar .widget h6.widget-title:after { content: ""; height: 3px; width: 62px; background: #f37029; display: block; margin: 10px auto; } #good-cause-sidebar a { font: 700 16px / 28px 'Roboto'; color: #87e346; } .sidebar-divider { width:100%; overflow:hidden; height:40px; } .sidebar-divider-pro { height: 1px; background: rgba(43, 43, 44, 0.1); margin-bottom: 45px; } #good-cause-sidebar .sidebar-divider-pro:last-child { display: none; } #content-pro #good-cause-sidebar .widget ul { list-style: none !important; } #content-pro #good-cause-sidebar .widget:last-child { margin-bottom: 0; } #content-pro #good-cause-sidebar ul { line-height: 1.3; list-style: none; margin: 0px; padding: 0px 0px 4px 0px; } #content-pro #good-cause-sidebar ul li { margin: 2px 0 0 0; padding: 0; } #content-pro #good-cause-sidebar a:hover { color: rgba(26, 23, 26, 1); } #content-pro #good-cause-sidebar ul li:before { display: inline-block; content: "•"; position: relative; margin-left: 1px; margin-right: 10px; color: rgba(159, 159, 159, 0.76); top: 1px; font-size: 15px; font-family: sans-serif; } #content-pro #good-cause-sidebar .widget.woocommerce ul li:before { display: none; } #content-pro #good-cause-sidebar .widget { margin-bottom: 45px; } #content-pro #good-cause-sidebar .widget ul.sub-menu, #content-pro #good-cause-sidebar .widget ul ul { margin-left: 15px; } footer select { max-width:90%; } footer .tagcloud a { text-decoration:none; line-height:1; cursor: pointer; display:inline-block; width:auto; border:none; margin:0px 1px 4px 0px; padding:6px 8px; font-size:12px !important; color:#ffffff; background:#333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Default Search Styles */ .search-form .screen-reader-text, .search-form .search-submit {display:none;} /* ---- SEARCH FORM ----*/ #good-cause-sidebar .search-form .search-field, footer .search-form .search-field, .error404 input[type=search], body.search input[type=search]{ -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; background:#fafafa; border:6px solid #fafafa; border-right-width: 8px; padding:15px 30px 14px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 75%; background-image:url(images/search-magnify.png); background-position: right 2px; background-repeat:no-repeat; font-size:14px; font-style:italic; } body.error404 input[type=search], body.search input[type=search] { width: 260px; } #good-cause-sidebar .search-form .search-field:focus, footer .search-form .search-field:focus { outline:none; } /* --- Flickr Widget --- */ body .flickr-widget ul li:before {display:none !important;} body .flickr-widget ul {margin-left:0px; margin-bottom:15px; padding-left:0px; background:none; } body .flickr-widget ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none; background:none;} body .flickr-widget ul li a {display:inline; padding:0px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } body .flickr-widget ul li img { width:72px; height:72px; margin:0px 10px 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } body .flickr-widget ul li a:hover { opacity: 0.7; filter:alpha(opacity=70); } body footer .flickr-widget ul li img { width:64px; height:64px; } /* Calendar */ #wp-calendar caption { text-align:center; font-size:18px; padding:3px 0px; } #wp-calendar th { background:#f1f1f1; padding:3px 0; text-align:center; border:1px solid #dddddd; } #wp-calendar td { padding: 4px 0; text-align: center; border:1px solid #eee; } #wp-calendar { width: 90%; } /* Social Icons */ .social-summary-progression {padding-bottom:15px;} #navigation-sidebar-progression ul.social-ico, footer ul.social-ico { margin:0px; padding:0px; } #navigation-sidebar-progression ul.social-ico li:before, footer ul.social-ico li:before {display:none;} #navigation-sidebar-progression ul.social-ico li, footer ul.social-ico li { display:inline-block; margin:0px; padding:0px; } .social-ico a i { line-height:1; display:inline-block; vertical-align:top; margin:0px 8px 10px 0px; padding:8px; text-align:center; min-width:18px; text-decoration:none; color:#2b2b2c; background:#b6b6b7; font-size:18px; position:relative; top:1px; -webkit-border-radius: 20%; -moz-border-radius: 20%; border-radius: 20%; } .social-ico a i:hover { opacity: 0.85; } #masthead-pro .social-ico { margin-top: 82px; float: left; max-width: 30%; } #masthead-pro a.pro-header-btn { -webkit-transform: rotate(90deg); -webkit-transform-origin: left top; -moz-transform: rotate(90deg); -moz-transform-origin: left top; -ms-transform: rotate(90deg); -ms-transform-origin: left top; -o-transform: rotate(90deg); -o-transform-origin: left top; transform: rotate(90deg); transform-origin: left top; position: absolute; top: 34%; left: 100%; white-space: nowrap; margin: 0; padding: 8px 28px 6px 28px; border-radius: 0; font-family: 'Pathway Gothic One'; letter-spacing: 1px; font-size: 18px; z-index: 50; } #masthead-pro a.pro-header-btn.progression-button { border: 2px solid transparent; } #masthead-pro a.pro-header-btn.progression-button i { margin-left: 6px; font-size: 14px; position: relative; top: -1px; } /* WooCommerce Widgets */ #boxed-layout-pro #content-pro #good-cause-sidebar .widget .price_slider_amount button.button { font-weight:700; letter-spacing:1px; font-size:9px; display:inline-block; text-transform:uppercase; color:#ffffff; background:#87e346; line-height:1; border: 0; padding:8px 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #boxed-layout-pro #good-cause-sidebar .widget .price_slider_amount button.button:hover { background:#000; color:#ffffff; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget .price_slider .ui-slider-handle { background:#87e346; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget .price_slider .ui-slider-range { background:#87e346; } #boxed-layout-pro #site-footer .widget .price_slider .ui-slider-range { background:#fff; } #boxed-layout-pro #site-footer .widget .price_slider { background:#888888; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget .price_slider { background:#ddd; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget .widget_shopping_cart_content a.remove { right:0px; left:auto; font-family: serif; background:#d23a3a; color:#ffffff !important; text-align:center; line-height:1; padding:1px; font-size:11px !important; letter-spacing: 2px } #boxed-layout-pro #content-pro #good-cause-sidebar .widget .widget_shopping_cart_content a.remove:hover { background:#d23a3a; color:#ffffff !important; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget ul.cart_list { margin:0px; padding:0px; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget ul.cart_list li { color:#888888; font-weight:700; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget ul.cart_list li:before { display:none; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget ul.cart_list li.empty { padding-left:0px; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget ul.cart_list li.mini_cart_item:last-child, #boxed-layout-pro #content-pro #good-cause-sidebar .widget ul.cart_list li.mini_cart_item { margin:0px 0px 15px 0px; padding:0px 0px 10px 62px; position:relative; min-height:55px; line-height:1.2; border-bottom:1px solid #eee; } #boxed-layout-pro #content-pro #good-cause-sidebar .widget ul.cart_list li.mini_cart_item:last-child {border:none;} #boxed-layout-pro #content-pro #good-cause-sidebar .widget ul.cart_list li.mini_cart_item a { color:#000000; font-weight:700; font-size:15px; margin:0px 0px 5px 0px; } #boxed-layout-pro #site-footer .widget ul.cart_list li.mini_cart_item a { color:#ffffff; } #boxed-layout-pro .widget ul.cart_list li.mini_cart_item a .wp-post-image { position:absolute; top:0px; left:0px; width:50px; height:50px; margin:0px; } #boxed-layout-pro .widget ul.cart_list li.mini_cart_item span.quantity { font-size:13px; } #boxed-layout-pro .widget p.total { margin:-5px 0px 0px 0px; padding:12px 0px 6px 0px; border-top:2px solid #87e346; text-align:right; } #boxed-layout-pro .widget p.total strong { font-weight:700; color:#87e346; font-size:13px; letter-spacing:0.5px; } #boxed-layout-pro .widget p.total span.amount { font-size:13px; color:#87e346; font-weight:700; } #boxed-layout-pro .widget p.buttons { padding:12px 0px 0px 0px; } #boxed-layout-pro .woocommerce ul.cart_list li img, #boxed-layout-pro .woocommerce ul.product_list_widget li img { margin-top: 15px; } #boxed-layout-pro .widget ul.product_list_widget li:before { display:none; } #boxed-layout-pro .widget ul.product_list_widget li:last-child {border-bottom:none; margin-bottom:0px; padding-bottom:0px;} #boxed-layout-pro .widget ul.product_list_widget li { margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #eeeeee; } #boxed-layout-pro .widget ul.product_list_widget li a { color:#000000; margin-bottom:3px; } #boxed-layout-pro .widget ul.product_list_widget li .star-rating { margin-bottom:6px; } #boxed-layout-pro .widget ul.product_list_widget li ins { background:none; } #boxed-layout-pro .widget ul.product_list_widget li span.amount { color:#888888; } #boxed-layout-pro .widget ul.product_list_widget li del span.amount { font-size:10px; } /* =============================================== 11. DEFAULT GRID =============================================== */ .grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression {float:left; margin-right:3%; min-height:2px; } .grid2column-progression { width: 48.5%;} .grid3column-progression {width: 31.3%; } .lt-ie8 .grid3column-progression {width: 31%; } .grid3columnbig-progression {width:65.4%;} .grid4column-progression {width: 22.7%; } .lt-ie8 .grid4column-progression {width: 22%; } .grid4columnbig-progression {width:73.8%; } .grid5column-progression {width:17.6%;} .grid6column-progression {width:14.1%;} body .lastcolumn-progression {margin-right:0% !important;} footer#site-footer #copyright-pro .grid3column-progression {width: 33.3%; margin-right: 0%;} #widget-area-pro .widget { height:180px; float:left; margin-right:4%; min-height:2px; word-wrap: break-word; } /* Footer Widget Columns */ .footer-1-pro .widget { width:100%; margin-right:0%; margin-left:0%; } .footer-2-pro .widget { width:48%; } .footer-3-pro .widget { width:30.5%; } .footer-4-pro .widget { width:22%; } .footer-5-pro .widget { width:16.5%; } #widget-area-pro .footer-5-pro .widget:nth-child(5n), #widget-area-pro .footer-2-pro .widget:nth-child(2n), #widget-area-pro .footer-3-pro .widget:nth-child(3n), #widget-area-pro .footer-4-pro .widget:nth-child(4n) { margin-right:0%; } /* =============================================== 12. BUTTON STYLES =============================================== */ input#submit-progression, body #content-pro input.button, body.woocommerce-cart #content-pro td.actions input.button.checkout-button, body a.more-link, body #content-pro button.button, body #content-pro a.button, body #single-product-progression button.single_add_to_cart_button, body #content-pro #respond input#submit, body a.progression-button, body input.wpcf7-submit, body footer .wpcf7 input#submit, body input#submit, body .highlight-section-progression a.progression-button.default-button, body.woocommerce #content-pro .product .shop-container-pro a.button, body.woocommerce #content-pro #good-cause-sidebar a.button, body.woocommerce.single-product #content-pro #respond input#submit,body #content-pro button.single_add_to_cart_button, #content-pro .woocommerce-message a.button, body #content-pro .woocommerce input.button, body #content-pro .woocommerce a.button.checkout-button, body input.wpcf7-submit, body a.more-link, body #content-pro #comments #respond input#submit, body a.progression-button.default-button, .shop-container-pro a.added_to_cart { text-decoration:none; line-height:1; cursor: pointer; display:inline-block; font-style:normal; width:auto; text-shadow:none !important; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; margin:0px 6px 6px 0px; text-transform:uppercase; border:0; font: 400 18px / 32px 'Pathway Gothic One'; color: #fff; background:#2b2b2c; padding:12px 28px 10px 28px; border-radius: 3px; letter-spacing: 1px; } body #content-pro .woocommerce a.button:hover,input#submit-progression:hover, body #content-pro button.single_add_to_cart_button:hover, body #content-pro .woocommerce input.button:hover, body.woocommerce-cart #content-pro td.actions input.button.checkout-button:hover, body #content-pro button.button:hover, body #content-pro a.button:hover, body #single-product-progression button.single_add_to_cart_button:hover, footer .tagcloud a:hover, #navigation-sidebar-progression .tagcloud a:hover, body #content-pro #respond input#submit:hover, body a.progression-button:hover, body .wpcf7-submit:hover, body input#submit, body .highlight-section-progression a.progression-button.default-button:hover, body.woocommerce #content-pro .product .shop-container-pro a.button:hover, body.woocommerce #content-pro #good-cause-sidebar a.button:hover, body.woocommerce.single-product #content-pro #respond input#submit:hover, body #content-pro button.single_add_to_cart_button:hover, #content-pro .woocommerce-message a.button:hover, body #content-pro .woocommerce input.button:hover, body #content-pro .woocommerce a.button.checkout-button:hover, body input.wpcf7-submit:hover, body a.more-link:hover, body #content-pro #comments #respond input#submit:hover, body a.progression-button.default-button:hover, .shop-container-pro a.added_to_cart:hover { background:#e7e7e8; color:#3c3c44; } body #content-pro input.wpcf7-submit, body #boxed-layout-pro #content-pro #respond input#submit { border-radius: 30px; display: block; width: auto; padding: 12px 36px 10px 36px; } body #boxed-layout-pro #content-pro #main-container-pro #respond input#submit { margin-top: 24px; } body.woocommerce #boxed-layout-pro #content-pro #good-cause-sidebar a.button { padding: 6px 14px 4px 14px; } body a.progression-button.default-button:hover span { color:#87e346; font-weight:300 ; } body a.progression-button.default-button span { color:#fff; font-weight:300; } .vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline-custom { font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } body #content-pro a.progression-button.default-button { display: block; margin-top: 12px; } .pro-btn-container.left-pro { text-align:left; } .pro-btn-container.right-pro { text-align:right; } .pro-btn-container.center-pro { text-align:center; } a.pro-button-shortcode i { padding-right:2px; padding-left:2px; } a.pro-button-shortcode.small-size-pro { padding:14px 20px 15px 20px !important; font-size: 18px !important; } a.pro-button-shortcode.large-size-pro { padding: 18px 45px 18px 45px !important; font-size:23px !important; } /* =============================================== 13. CONTACT FORM STYLES =============================================== */ #contact-section { background-color: #ffffff; text-align: center; padding: 90px 0 } #contact-section .good-cause-contact-wrapper { max-width: 770px; margin: 0 auto; } .google-maps-expand { margin-bottom:30px; } #map-progression .google-maps-expand {margin-bottom:0px;} #map-progression iframe {width: 100%;} #map-progression iframe {height: 420px;} body #content-pro .wpb_gmaps_widget .wpb_wrapper { padding: 0; } span.required {color:#da5454;} .wpcf7 {margin-top:15px;} .wpcf7 input, .wpcf7 textarea, #respond textarea, #respond input, .wpcf7 select { margin-top:24px; max-width:95%; margin-right:0; padding: 18px 5% 16px 5%; border: 0; background: #d3d3d3; font: 700 13px / 20px Roboto; color: #2b2b2c; letter-spacing: 2px; text-transform: uppercase; border-radius: 30px; outline: 0; } body .wpcf7 input { width: 90%; } body #content-pro .wpcf7 select { padding-top: 19px; padding-bottom: 16px; width: 100%; min-width: 100%; } .wpcf7 input.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid { border-color:#eab7b7; background:#fbe8e8; } .wpcf7-not-valid-tip {display:none !important;} .wpcf7 label.error { padding: 10px 0 5px 0; display: block; color: #EC5B5B; } .wpcf7 input.error, .wpcf7 textarea.error { background-color: #FFD7D7; } form#CommentForm { text-align: left; } #respond textarea {width:80%; } #respond input {width: 97%;} .woocommerce #reviews #respond input {width: 85%;} body .wpcf7 textarea {width: 89.9%; margin-bottom: 24px;padding-left: 2.5%;padding-right: 7.5%;} .single-post #respond input {width: 80%;} body input.wpcf7-submit {max-width: 300px;} .wpcf7 input:focus, #respond input:focus, .wpcf7 textarea:focus, #respond textarea:focus { border-color:#cccccc; outline: none; color:#666666; } input.password-protected-progression { position:relative; top:2px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; max-width:100%; background-color:#fff; color:#888888; border:1px solid #e5e5e5; font-style:italic; margin-right:10px; margin-left:10px; padding:15px 0px 15px 0px; } footer .wpcf7 p {margin:0px; } footer .wpcf7 input, footer .wpcf7 textarea, footer #respond textarea, footer #respond input, footer span.your-name input, footer span.your-email input {width:75%;padding:5%; margin:0px 0px 15px; } body footer input.wpcf7-submit {width:auto;} /* =============================================== 14. FLEXSLIDER =============================================== */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block; width:100%; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0px auto; position: relative; zoom: 1; /* overflow:hidden; */ } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} /* Direction Nav */ .flex-direction-nav {*height: 0; } .flex-direction-nav a {z-index:46; margin: -20px 0 0; display: block; width: 34px; height: 35px; background: url(images/slider/arrows.png) no-repeat bottom left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: bottom right; right: 25px; } .flex-direction-nav .flex-prev {background-position: bottom left; left: 25px;} .flexslider:hover .flex-next {opacity: 1; right: 10px;} .flexslider:hover .flex-prev {opacity: 1; left: 10px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;} .portfolio-index-progression .flex-direction-nav a {margin-top:-30px;} /* Control Nav */ .flex-control-nav { z-index:99; width: 100%; position: absolute; bottom: 75px; text-align: center; } .flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width:60px; height:4px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-paging li a.flex-active { cursor: default; } .gallery-progression .flex-control-paging li a, .lt-ie9 .gallery-progression .flex-control-paging li a {border:none; width: 16px; height: 16px; display: block; background: url(images/slider/slider-bullets.png) 0px -25px no-repeat; cursor: pointer; text-indent: -9999px;} .gallery-progression .flex-control-paging li a:hover { background-position:0px -48px; } .gallery-progression .flex-control-paging li a.flex-active { background-position:0px -2px; cursor: default; } body .gallery-progression .flex-control-paging li a { -webkit-transition: none; -moz-transition: none; none; -o-transition: none; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .gallery-progression .flex-control-paging li a {background-image:url(images/slider/slider-bullets@2x.png); background-size:20px 85px;} } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 940px) { .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none;} } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .flex-direction-nav a {background-image: url(../images/slider/arrows@2x.png); background-size:68px 69px;} } /* IE7-IE8 Fixes*/ .lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png); } /* Blog Index Slider */ .featured-blog-progression .flex-control-nav { bottom: 30px; } .featured-blog-progression .flex-control-nav li { margin: 0 3px; } .featured-blog-progression .flex-control-paging li a { background-image:none; width: 8px; height: 8px; position: relative; top: 12px; left: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #ffffff; -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); } .featured-blog-progression .flex-control-paging li a.flex-active { border-color:#ffffff; width:8px; height:8px; border-width:2px; background:#ffffff; } .featured-blog-progression .flex-direction-nav { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'FontAwesome'; font-weight: normal; font-style: normal; } .featured-blog-progression .flex-direction-nav a { overflow:hidden; width:16px; height:46px; margin-top: -23px; background-image:none; text-indent:0px; color:#ffffff; text-shadow:0px 0px 2px rgba(0,0,0, 1); font-size:40px; } .featured-blog-progression .flex-direction-nav a:hover { color: inherit; } .featured-blog-progression .flex-direction-nav .flex-next:before { content: "\f105"; margin-right:10px; } .featured-blog-progression .flex-direction-nav .flex-prev:before { content: "\f104"; margin-right:10px; } .featured-blog-progression .flexslider:hover .flex-next { right:25px; } .featured-blog-progression .flexslider:hover .flex-prev { left:25px; } /* =============================================== 15. NAVIGATION =============================================== */ nav select {display:none;} body header .sf-mega { width: 1140px; left: 30%; margin-left: -650px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; } /*.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }*/ .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block;} .sf-menu a { display: block; position: relative;} .sf-menu ul ul {top: 0; left: 100%;} /*** DEMO SKIN ***/ .sf-menu ul { min-width: 8em; /* allow long menu items to determine submenu width */ *width: 8em; /* no auto sub width for IE7, see white-space comment below */ } /* Fix Blurry Text */ .sf-menu { -webkit-font-smoothing: subpixel-antialiased; } .sf-menu a { font-family:'Pathway Gothic One'; font-size: 18px; color: #fff; line-height:1; text-decoration: none; zoom: 1; /* IE7 */ text-transform:uppercase; letter-spacing: 1px; padding: 24px 20px; } body #boxed-layout-pro .sf-menu-button-progression a {padding: 10px; padding-bottom: 8px; border: 2px solid #fff; top:-12px; margin-bottom: 0;} .sf-menu .sf-menu-button-progression a:hover, .sf-menu .sf-menu-button-progression a:hover, .sf-menu li.sf-menu-button-progression a:hover, .sf-menu .sf-menu-button-progression a:hover, .sf-menu .sf-menu-button-progression a:visited:hover, .sf-menu li.sf-menu-button-progression.sfHover a, .sf-menu li.sf-menu-button-progression.sfHover a:visited, .sf-menu li.sf-menu-button-progression.current-menu-item a { border-bottom-color: #fff; } nav#site-navigation { position: relative; z-index: 20; float: right; } .sf-menu a:hover, .sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited, .sf-menu li.current-menu-item a, li.menu-item-has-children.sfHover a.sf-with-ul, .sf-menu li.current-menu-item a, .sf-menu a:hover, .sf-menu li.sfHover a, .menu-show-hide-pro { color:#0c0717; background: #fff; } nav#footer-nav .sf-menu a:hover, nav#footer-nav .sf-menu a:hover, nav#footer-nav .sf-menu li a:hover, nav#footer-nav .sf-menu a:hover, nav#footer-nav .sf-menu a:visited:hover, nav#footer-nav .sf-menu li.sfHover a, nav#footer-nav .sf-menu li.sfHover a:visited, nav#footer-nav .sf-menu li.current-menu-item a { border-bottom-color: transparent; } .sf-menu ul li a, .sf-menu ul li a:visited { text-transform: uppercase; padding: 15px 25px; margin: 0; border: none; border-bottom: 1px solid #e5e5e5; letter-spacing: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .sf-menu ul.sf-mega li a, .sf-menu ul.sf-mega li a:visited { margin: 0; } .sf-menu ul li:last-child a, .sf-menu ul li:last-child a:visited { border-bottom: 0; } ul.sf-mega { border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 0; } .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited{ color:rgba(43,43,44,0.76); } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited { color:#2b2b2c; } .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited{ background:none; } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ } .sf-menu ul ul:after {display:none;} .sf-menu ul { padding:0; margin:0; background:#fff; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited { outline: 0; } .sf-menu .sf-sub-indicator { position: relative; top: -3px; font-size: 15px; right: -5px; float: right; } ul.sub-menu .sf-sub-indicator { top:0px; position:relative; float:none; right:-8px; font-size:12px; } ul.menu-pro.sub-menu { border: 1px solid rgba(0,0,0,0.1); border-top: 0; box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1); } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 1.55em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ } #site-navigation .sf-arrows a.sf-with-ul:after { font-weight: normal; font-style: normal; font-family: FontAwesome; border: none; content: "\f107"; font-size: 13px; top: 50%; margin-top: -7px; right: 21px; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /* =============================================== 16. MOBILE NAVIGATION STYLES =============================================== */ .mobile-menu-icon-pro { float: right; cursor: pointer; display: none; color: #262121; font-size: 28px; text-align: center; background: #ffffff; line-height: 70px; width: 70px; height: 70px; margin: 0 auto 0 auto; } #main-nav-mobile { display:none; } .active-menu-icon-progression #main-nav-mobile { z-index:150; position:absolute; width:100%; display:block ; top:104px;} .menu-collapser { display:none !important; } #main-nav-mobile { display:none; background-color: #f9f9f9; } ul.mobile-menu-progression {border-top:1px solid #dcdee1; display:block !important;} ul.mobile-menu-progression {overflow:hidden; list-style-type: none; margin: 0 ; padding: 0 ; width: 100%; } ul.mobile-menu-progression { list-style-type: none; margin: 0; padding: 0; width: 100%; } ul.mobile-menu-progression li { position: relative; display: inline-block; } ul.mobile-menu-progression > li { margin-right: -5px; border-left: 1px rgba(0,0,0, 0.1); } ul.mobile-menu-progression > li:first-child { border-left: 0 } ul.mobile-menu-progression > li:last-child { margin-right: 0 } ul.mobile-menu-progression li a, ul.mobile-menu-progression .sf-mega h2.mega-menu-heading { display: block; text-transform:uppercase; font-weight:400; color:#23272c; font-size:18px; padding:20px 4% 15px 4%; margin:0px; } body header ul.mobile-menu-progression .sf-mega h2.mega-menu-heading a { color:#23272c; font-size:12px; } header#masthead-pro.sidebar-header-hidden ul.mobile-menu-progression .sf-mega li.sf-mega-section, header#masthead-pro.sidebar-header ul.mobile-menu-progression .sf-mega li.sf-mega-section { margin:0px; padding:0px; width:auto; float:none; } ul.mobile-menu-progression .sf-mega h2.mega-menu-heading a { padding:0px; margin:0px; border:none;} ul.mobile-menu-progression li li a { padding-left:30px; } ul.mobile-menu-progression li li li a { padding-left:35px; } ul.mobile-menu-progression li li li li a { padding-left:40px; } ul.mobile-menu-progression a i {padding-right:4px;} ul.mobile-menu-progression li .sub-collapser { background: none; position: absolute; right: 0; top: 0; width:50px; text-align: center; z-index: 999; cursor: pointer; height:58px; } ul.mobile-menu-progression.collapsed li .sub-collapser:before { position:absolute; top:0px; left:0px; font:normal normal normal 17px/1 FontAwesome; border:none; content:"\f107"; text-align:center; line-height:58px; width:50px; } ul.mobile-menu-progression.collapsed li .sub-collapser.expanded { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } ul.mobile-menu-progression li .sub-collapser > i { display:none; } ul.mobile-menu-progression li ul { margin: 0; list-style-type: none; } ul.mobile-menu-progression li ul {padding-left:0px;} ul.mobile-menu-progression li ul li { background:rgba(0,0,0, 0.04); } ul.mobile-menu-progression li ul li li:hover { background:rgba(0,0,0, 0.04) !important; } ul.mobile-menu-progression li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; } ul.mobile-menu-progression li > ul > li ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; } ul.mobile-menu-progression.collapsed li { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } ul.mobile-menu-progression.collapsed li a { display: block; border-bottom: 1px solid rgba(0,0,0, 0.1); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } ul.mobile-menu-progression.collapsed li > ul { display: none; position: static; } /* Mega Menu Sections */ ul.mobile-menu-progression .sf-mega { background:rgba(0,0,0, 0.04); margin:0px; border:none; padding:0px; } ul.mobile-menu-progression .sf-mega .sf-mega-section { width:100%; float:none; } /* =============================================== 17. NAVIGATION STYLES =============================================== */ nav span.nav-pro-span { line-height:1; padding:42px 0px; display:block; color:#ffffff;} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; } .sf-menu li.normal-item-pro ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li.normal-item-pro ul ul { top:0; left:100%; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /* MEGA MENU ESSENTIAL STYLES */ header .sf-mega {display:none; left:0px; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } .sf-mega .sf-mega-section { width:33%; float:left; } .sf-mega .sf-mega-section.columns-pro-1 { width:100%; } .sf-mega .sf-mega-section.columns-pro-2 { width:50%; } .sf-mega .sf-mega-section.columns-pro-3 {width:33%; } .sf-mega .sf-mega-section.columns-pro-4 { width:25%; } .sf-mega .sf-mega-section.columns-pro-5 {width:20%; } .sf-mega .sf-mega-section.columns-pro-6 { width:16.5%; } nav#site-navigation { text-transform:uppercase; letter-spacing:0.5px; } /* NEW THEME SKIN */ .sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover { background:none; } /* Reset Backgrounds from default skin */ /* Fix for divider */ header .sf-mega, .sf-menu ul {margin-top:0px;} header .sf-mega ul {border-top:none;} .sf-menu ul ul {margin-top:0px;} header .sf-mega ul {margin-top:0px; background:none;} .menu-resized-pro .sf-menu li li a { padding-top:15px; padding-bottom:15px; } /* MEGA MENU STYLES */ .sf-mega { border-right:none !important;} .sf-mega ul { background:none; margin:0; border:none ; } .sf-mega h2.mega-menu-heading { text-transform:uppercase; font-size:20px; color:#4A4A4A; padding:20px 25px 15px 25px ; margin:0px; border-right:1px solid rgba(0,0,0, 0.06); border-bottom:1px solid rgba(0,0,0, 0.06); } body header .sf-mega h2.mega-menu-heading a { background:none !important; color:#4A4A4A; font-size:20px; text-transform:uppercase; padding:0px; margin:0px; border:none; } .sf-mega li.sf-mega-section .deep-level li a { border-right:1px solid rgba(0,0,0, 0.06); border-bottom:1px solid rgba(0,0,0, 0.06); } .sf-mega li.sf-mega-section .deep-level li:last-child a { } .sf-mega .sf-mega-section:hover, .sf-mega .sf-mega-section { background:none; } .sf-mega .sf-mega-section li:hover { background:none; } /* Mega Menu Widget Styling */ .sf-mega .widget-pro { padding:20px 30px 10px 30px; } .sf-mega .widget-pro h1, .sf-mega .widget-pro h2, .sf-mega .widget-pro h3, .sf-mega .widget-pro h4, .sf-mega .widget-pro h5, .sf-mega .widget-pro h6 { color:#ffffff; margin-bottom:5px; } .sf-mega .widget-pro ul li { margin-bottom:10px; } .sf-mega .widget-pro ul { border:none; } .sf-mega .widget-pro a, .sf-mega .widget-pro a:hover { border:none; padding:0px; margin:0px; background:none !important; } /* Font Awesome Icon Spacing */ .sf-menu i { line-height:1; margin-right:6px; font-size:90%; position:relative; margin-bottom:-2px; margin-top:-2px; } .sf-menu li li i { font-size:95%; } .sf-mega li h2 i { margin-right:8px; } .sf-arrows .sf-with-ul:after { font-weight:normal; font-style:normal; font-family: FontAwesome; border:none; content:"\f107"; font-size:13px; top: 50%; right: 20px; margin-top:-10px; } #site-navigation ul.sf-arrows ul .sf-with-ul:after { font:normal normal normal 13px/1 FontAwesome; content:"\f105"; margin-top: -9px; right: 15px; } /* =============================================== 18. INPUT/TEXTAREA STYLES =============================================== */ #commentform ::-webkit-input-placeholder { opacity:1; color:#2b2b2c; } #commentform ::-moz-placeholder { opacity:1; color:#2b2b2c; } #commentform :-ms-input-placeholder { opacity:1; color:#2b2b2c; } #commentform input:focus, .wpcf7 textarea:focus {color:#1b1d27; border-color:#87e346; outline:none; } .wpcf7 ::-webkit-input-placeholder { opacity:1; color:#2b2b2c; } .wpcf7 ::-moz-placeholder { opacity:1; color:#2b2b2c; } .wpcf7 :-ms-input-placeholder { opacity:1; color:#2b2b2c; } .wpcf7 input:focus, .wpcf7 textarea:focus, #commentform input:focus, #commentform textarea:focus {color:#1b1d27; border-color:#87e346; outline:none; } .woocommerce input:focus, .woocommerce textarea:focus, .post-password-form input:focus, .search-form input.search-field:focus, #good-cause-sidebar .search-form input.search-field:focus { outline:none; } .search-form input.search-submit { display:none; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .search-form input.search-field {background-image: url(images/search-magnify@2x.png); background-size:30px 30px;} } #good-cause-sidebar .search-form input.search-field { background-color:rgba(43,43,44,0.04); border-color:transparent; border-radius:30px; } .wpcf7 input.wpcf7-not-valid {border-color:#e54823;} span.required {color:#da5454;} .wpcf7 textarea, #commentform textarea { width:80%; margin-bottom: 15px;} .wpcf7 input {margin-bottom:0px;} /* #single-product-container-pro button.button:hover, #good-cause-sidebar a.progression-button:hover, .post-password-form input[type=submit]:hover, .post-container-pro a.more-link:hover, .woocommerce-tabs #review_form .form-submit input#submit:hover, #commentform input.submit:hover { background:#060326; border-color:#060326; color:#ffffff; } */ .wpcf7-not-valid-tip {display:none !important;} .woocommerce input, .woocommerce textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background:#f5f5f5; padding:14px 16px; border:2px solid #f5f5f5; margin-bottom:20px; font-size:14px; } .woocommerce div.state_select a, .woocommerce div.country_select a { padding-top:12px; padding-bottom:12px; } body .woocommerce p.create-account { padding:20px 0px; font-weight:bold; } body .woocommerce .create-account { margin:0px; padding:0px 0px 40px 0px; } body.woocommerce #content-pro .star-rating { min-width: 70px; } .woocommerce #content-pro #reviews #comments ol.commentlist li .comment-text { background: rgba(255,255,255,0.2); } /* =============================================== 19. SELECT BUTTON STYLES =============================================== */ .selectric-wrapper{position:relative;cursor:pointer}.selectric-responsive{width:100%}.selectric{border:1px solid #DDD;background:#F8F8F8;position:relative}.selectric .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 38px 0 10px;font-size:12px;line-height:38px;color:#444;height:38px}.selectric-hover .selectric,.selectric-open .selectric{border-color:#C4C4C4}.selectric-hover .selectric .button{color:#A2A2A2}.selectric-hover .selectric .button:after{border-top-color:#A2A2A2}.selectric-open{z-index:90;}.selectric-open .selectric-items{display:block}.selectric-disabled{filter:alpha(opacity=50);opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}.selectric-hide-select select{position:absolute;left:-100%;display:none}.selectric-input{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important;width:1px!important;height:1px!important;outline:0!important;border:none!important;background:0 0!important}.selectric-temp-show{position:absolute!important;visibility:hidden!important;display:block!important}.selectric-items{display:none;position:absolute;top:100%;left:0;background:#F8F8F8;border:1px solid #C4C4C4;z-index:-1;box-shadow:0 0 10px -6px}.selectric-items .selectric-scroll{height:100%;overflow:auto}.selectric-above .selectric-items{top:auto;bottom:100%}.selectric-items li,.selectric-items ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:20px;min-height:20px}.selectric-items li{display:block;padding:8px;border-top:1px solid #FFF;border-bottom:1px solid #EEE;color:#666;cursor:pointer}.selectric-items li.selected{background:#EFEFEF;color:#444}.selectric-items li:hover{background:#F0F0F0;color:#444}.selectric-items .disabled{filter:alpha(opacity=50);opacity:.5;cursor:default!important;background:0 0!important;color:#666!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-items .selectric-group .selectric-group-label{font-weight:700;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;color:#444}.selectric-items .selectric-group.disabled li{filter:alpha(opacity=100);opacity:1}.selectric-items .selectric-group li{padding-left:25px} .selectric { background:#F7F7F7; } .selectric, .selectric-hover .selectric,.selectric-open .selectric { border:0; border-radius: 30px; } .selectric-open .selectric { } .selectric .label { margin: 0 90px 0 27px; line-height: 56px; height: 54px; color:#2b2b2c; font-weight:700; font-size:13px; text-transform: uppercase; } .selectric-wpcf7-select { margin-top: 24px; } .selectric:hover .button, .selectric-hover .selectric .button {color:transparent !important ;} .selectric .button { border-left: 0; display: block; position: absolute; right: 10px ; top: 0; overflow:hidden; width: 38px; height: 55px; line-height: 55px; font-size:12px; color: transparent; } .selectric .button:after { position:relative; left:8px; font: normal normal normal FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-family: 'FontAwesome'; font-weight: normal; font-style: normal; content:"\f0dc"; color: #717171; } /* Items box */ .selectric-items { background: #ffffff; border: 2px solid #717171; box-shadow: 0 0 10px -6px; margin-top: 10px; max-width: 92%; margin-left: 4%; } body #content-pro .selectric-scroll li:hover { background-color: rgba(0,0,0,0.05); } .selectric-items ul, .selectric-items li { font-size: 12px; line-height: 20px; min-height: 20px; text-transform: uppercase; } #content-pro .selectric-items li, #content-pro #good-cause-sidebar .selectric-items ul li { display: block; padding: 10px 17px; border-top: none; border-bottom: 1px solid #717171; color: #888888; font-size: 13px; line-height: 20px; font-weight: 600; } .selectric-items li:last-child { border-width:2px; } .selectric-items li:hover, .selectric-items li.selected { background: none; color: #717171; } #content-pro #good-cause-sidebar .selectric-items ul li:before { content: " "; } .entry-summary .selectric .label { line-height: 36px; height: 36px; color:#717171; font-weight:700; font-size:12px; } .entry-summary .selectric .button { width: 35px; height: 36px; line-height:36px; font-size:12px; color: transparent; } .entry-summary .reset_variations {font-size:12px; display:none !important;} /* =============================================== 20. WOOCOMMERCE STYLES =============================================== */ body.woocommerce h2, .woocommerce h2, .woocommerce .address .title h3 { font-size: 36px; } .woocommerce-checkout h3 { font-size: 36px; } .woocommerce-checkout #customer_details { margin-bottom: 45px; } .woocommerce mark {background:none; } nav.woocommerce-breadcrumb {display:none;} #content-pro p.woocommerce-result-count { top: 15px; position: relative; color: #1e1e1e; font: 400 15px / 22px Roboto; } #content-pro .woocommerce table.shop_attributes td p { padding: 8px; } .woocommerce #content-pro #reviews #comments ol.commentlist li img.avatar { background: none; border:0; width: 38px; } #reviews ol.commentlist { left: 0; float: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { max-width: 65%; } #content-pro form.woocommerce-ordering { margin-bottom: 40px; } p.myaccount_user { margin-bottom: 55px; } #search-form-right-shop { clear:both; float:left; width:350px; margin-bottom:15px; } .shop-container-pro { text-align:left; position:relative; padding: 0; margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px solid rgba(43,43,44,0.15); } #content-pro .woocommerce p.myaccount_address { margin-bottom: 65px; } #content-pro .woocommerce ul.products li.product a img { margin-bottom: 0; } body.woocommerce .summary.entry-summary:before { margin-top: 0; margin-bottom: 35px; height: 12px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-bottom: 0; } body #content-pro .shop-container-pro h3, .shop-container-pro span.price { margin:0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { max-width: 74%; } #boxed-layout-pro .widget ul.product_list_widget li .star-rating, .woocommerce-tabs.wc-tabs-wrapper #reviews ol.commentlist .star-rating, body .woocommerce ul.products li.product .star-rating { font-size:11px ; } body #content-pro .shop-container-pro .star-rating, body #content-pro .shop-container-pro .star-rating:hover { margin:10px 5% 18px 5%; text-align:center; color:#87e346; } #boxed-layout-pro .widget ul.product_list_widget li .star-rating, .woocommerce-tabs.wc-tabs-wrapper #reviews ol.commentlist .star-rating { color:#87e346; } .shop-container-pro a.button { margin:0px 30px; display:block; color:#87e346; background:none; text-transform:uppercase; font-size:11px; border:2px solid #87e346; padding:18px; font-weight:900; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } body .shop-container-pro a.added_to_cart { display:inline-block; margin-top:5px; } .shop-container-pro a.button:hover { color:#ffffff; background:#87e346; } #content-pro .woocommerce table.shop_table { background: #fff; } .woocommerce table.shop_table td.actions { padding-top: 12px; } body.single-product #content-pro .width-container-pro span.onsale { right: 53px; left: auto; position: relative; } body #content-pro .width-container-pro span.onsale { min-height:0; min-width:0; margin:0px; top:0px; right:auto; left:0; padding: 8px 12px; line-height:1; font-size: 11px; text-transform:uppercase; background-color: #87e346; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } body #content-pro .shop-container-pro h3, body.woocommerce #content-pro h1.product_title { color: #3c3c44; font-size: 56px; text-transform: initial; padding: 0 5%; margin: 0 0 25px 0; } body.woocommerce #content-pro #single-product-container-pro h1.product_title { padding: 0; } body #content-pro .shop-container-pro h3:hover { color: #87e346; } body #content-pro .shop-container-pro span.price { padding-bottom:25px; margin-left: 5%; margin-right: 5%; } body #content-pro .shop-container-pro span.price * { top: 4px; position: relative; } body #content-pro .shop-container-pro span.price .amount { margin: 0 5px; } body #content-pro .shop-container-pro span.price .amount:first-child { margin-left: 0; } body #content-pro .shop-container-pro span.price del, body #content-pro .shop-container-pro span.price ins { display:inline; } body #content-pro .shop-container-pro span.price del span.amount { padding-right:2px; position:relative; bottom:2px; font-size:13px; color:#333; } body #content-pro .shop-container-pro span.price span.amount { color: #87e346; font-size: 28px; } body.woocommerce #content-pro ul.products li.product .button { margin-left: 3.5%; margin-right: 0%; } .woocommerce ul.products li.product div[itemprop="description"] strong { display: inline-block; } div[itemprop="description"] { margin-left: 1%; } /* WooCommerce Post Page */ body.single-product #page-title-pro { display:none; } body.woocommerce .summary .woocommerce-product-rating { color:#87e346; font-size:12px; margin:0px 0px 12px 0px; } .summary .woocommerce-product-rating a.woocommerce-review-link, .summary .woocommerce-product-rating a.woocommerce-review-link:hover { font-size:10px; color:#999999; padding-left:2px; display:none; } body.woocommerce .summary p { font-size:90%; } body.woocommerce .summary .price { padding:0px; margin-bottom:35px; } body.woocommerce .summary span.price del, body.woocommerce .summary span.price ins { display:inline; } body.woocommerce .summary .price del span.amount { padding-right:2px; position:relative; bottom:-1px; font-size:12px; color:#333; } .shop-container-pro p { color: #535353; font: 400 15px / 24px Roboto; padding: 0 30px; } .woocommerce div.product form.cart { margin: 30px 0; } body.woocommerce .summary .price span.amount { font-size:26px; color:#87e346; font-weight:400; letter-spacing: 1px; } body.woocommerce .summary input.qty, body .woocommerce .shop_table input.qty { padding: 17px 7px 16px 7px; font-size: 14px; line-height: 1; background-color: #ffffff; border: 2px solid #87e346; border-radius: 4px; } .woocommerce .form-row input { padding:7px 5px; } .woocommerce input.button, .woocommerce .checkout_coupon input.button, .woocommerce .place-order input.button, .woocommerce .cart_totals a.button, .woocommerce .return-to-shop a.button.wc-backward, body.woocommerce .summary button.button { display:inline-block; line-height:1; color:#ffffff; background:#87e346; text-transform:uppercase; font-size:11px; border:2px solid #87e346; padding:15px 20px; font-weight:900; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .woocommerce .cart_totals a.button {display:block;} body .woocommerce .shop_table input { font-size:12px; font-weight:400; } body .woocommerce .shop_table .remove { background: #d23a3a; color: #ffffff !important; text-align: center; line-height: 15px; padding: 3px; font-size: 12px !important; letter-spacing: -1px; } .cart_totals table {width:100%;} .woocommerce input.button:hover, .woocommerce .checkout_coupon input.button:hover, .woocommerce .place-order input.button:hover, .woocommerce .cart_totals a.button:hover, .woocommerce .return-to-shop a.button.wc-backward:hover, body.woocommerce .summary button.button:hover { background:none; color:#87e346; } .summary .product_meta { font-size:90%; padding: 15px 0; border-top: 1px solid rgba(43,43,44,0.1 ); border-bottom: 1px solid rgba(43,43,44,0.1 ); } .summary .product_meta span { padding-right:4px; display:inline-block; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs { margin:0px; padding:0px; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs:before { border-color:#ddd; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:before, body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:after { display:none !important; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li { border:none; padding:0px; margin:0px; background:none; float:left; width: 33.3333%; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li a { background: none; margin: 0px; text-transform: uppercase; color: #3c3c44; font-weight: 400; line-height: 1.2; border-radius: 5px; font-size: 16px; width: 89%; letter-spacing: 1px; padding: 20px 5% 18px 5%; border: 0; background: #e7e7e8; font-family: 'Pathway Gothic One'; margin-right: 10px; } #content-pro .woocommerce-variation-price { margin-bottom: 15px; } body.woocommerce #content-pro div.product .woocommerce-tabs ul.tabs:before { display: none; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active a { color:#3a5e33; background:#87e346; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper .entry-content { padding:35px 0px 20px 0px; } .woocommerce-tabs.wc-tabs-wrapper #reviews ol.commentlist { padding-top:10px ; } .woocommerce-tabs.wc-tabs-wrapper #reviews h3#reply-title { margin:30px 0px 15px 0px; text-align:left; } /* WooCommerce Header Basket */ a.cart-icon-pro { float:right; cursor:pointer; font-size:15px; color:#DEDEDE; line-height:1; text-align:center; opacity:1; position:relative; padding-left:15px; margin-top: -3px; } a.cart-icon-pro:hover { color:#ffffff; } a.cart-icon-pro span.shopping-cart-header-count { top:0px; float:right; display:inline-block; background:#87e346; color:#ffffff; line-height:1; font-size:9px; padding:2px 4px; margin-left:8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position:relative; } a.cart-icon-pro span.shopping-cart-header-count:before { content:""; position:absolute; left:-3px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right:4px solid #87e346; } .checkout-basket-pro { display:none; position:absolute; top:0px; /* See Theme Customizer */ right:0px; z-index:200; width:250px; padding:16px 20px 20px 20px; border-top:2px solid #97c39d; background:#222; -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); } .checkout-basket-pro ul#cart-mini-pro { margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; list-style:none; } .checkout-basket-pro ul#cart-mini-pro li { margin:0 0 14px 0; padding:0px 0px 14px 60px; position:relative; min-height:50px; border-bottom:1px solid rgba(255,255,255, 0.07); } .checkout-basket-pro ul#cart-mini-pro li.empty { margin:0px; padding:0px; font-size:13px; color:#a8a8a8; } .checkout-basket-pro ul#cart-mini-pro span.quantity { display:block; color:#a8a8a8; font-size:12px; } .checkout-basket-pro ul#cart-mini-pro a.remove-header { position:absolute; top:0px; right:0px; background:#d23a3a; color:#ffffff ; text-align:center; line-height:11px; padding:1px; font-size:10px ; width:11px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .checkout-basket-pro ul#cart-mini-pro li a { font-size:12px; margin-bottom:2px; line-height:1.2; color:#ffffff; font-weight:700; } .checkout-basket-pro ul#cart-mini-pro li:last-child {border:none; margin-bottom:4px;} .checkout-basket-pro ul#cart-mini-pro li img { width:50px; height:50px; left:0px; position:absolute; } .checkout-basket-pro .sub-total-pro { border-top:2px solid #87e346; padding:12px 0px; font-size:13px; color:#87e346; font-weight:700; } a.checkout-button-header-cart { display:block; background:#87e346; color:#ffffff; font-weight:700; font-size:11px; text-transform:uppercase; text-align:center; padding:14px 0px; line-height:1; position:relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-bottom:5px; } .checkout-basket-pro a.checkout-button-header-cart:hover { background:#87e346; color:#ffffff; opacity:0.85; } /* Account page */ .woocommerce-account .woocommerce p.myaccount_user { padding-bottom:20px; } .woocommerce-account .woocommerce .myaccount_address { padding:0px 0px 20px 0px; } body #content-pro button.single_add_to_cart_button, #content-pro .woocommerce-message a.button, body #content-pro .woocommerce input.button, body #content-pro .woocommerce a.button.checkout-button { margin-top: 0; } body #content-pro .woocommerce-message a.button { font-size: 14px; padding: 4px 15px; } body #content-pro .woocommerce a.button.checkout-button { display: block; text-align: center; } .woocommerce-checkout input, .woocommerce-checkout textarea, .woocommerce-checkout select { border: 2px solid rgba(185, 183, 180, 0.4); } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { vertical-align: middle; } body.woocommerce #content-pro #good-cause-sidebar a.button.checkout:hover { background-color: #1e1e1e; border-color: #1e1e1e; color: #ffffff; } .woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after { vertical-align: middle; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { top: 15px; right: 10px; } body .woocommerce-tabs .comment-form-rating .stars a, .star-rating-single-pro, body .woocommerce-tabs .comment-form-rating .stars a:hover, #single-product-container-pro .summary .woocommerce-product-rating a.woocommerce-review-link:hover, #single-product-container-pro .summary .woocommerce-product-rating a.woocommerce-review-link { color:#87e346; } body.woocommerce-cart .shop_table th, body.woocommerce-checkout .shop_table th { font-size: 15px; } body.woocommerce-cart .shop_table td, body.woocommerce-checkout .shop_table td { font-size: 14px; } .woocommerce-checkout input#coupon_code { padding: 13px; } .woocommerce-checkout form.checkout_coupon { padding-bottom: 7px; } #add_payment_method #payment, .woocommerce-checkout #payment, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { background-color: #FDFDFD; } body.woocommerce #content-pro table.shop_attributes td p { padding: 8px; } #content-pro .woocommerce .checkout input, #content-pro .woocommerce .checkout textarea { border-radius: 35px; padding: 8px 15px; } /* =============================================== 21. PAGE LOADER =============================================== */ #page-loader-pro { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; text-align:center; color:#ffffff; } #center-loader { position:fixed; top:40%; width:100%; } /* https://github.com/tobiasahlin/SpinKit */ .sk-double-bounce,.sk-rotating-plane{margin:40px auto;width:40px;height:40px}.sk-rotating-plane{background-color:#fff;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#fff;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#fff;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{margin:40px auto;width:40px;height:40px}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{background-color:#fff;border-radius:100%;-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:70px;text-align:center}.sk-three-bounce .sk-child{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{content:'';display:block;background-color:#fff;border-radius:100%}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#fff;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}} .sk-circle .sk-child:before, .sk-rotating-plane, .sk-double-bounce .sk-child, .sk-wave .sk-rect, .sk-wandering-cubes .sk-cube, .sk-spinner-pulse, .sk-chasing-dots .sk-child, .sk-three-bounce .sk-child, .sk-fading-circle .sk-circle:before, .sk-cube-grid .sk-cube{background-color:#aaaaaa;} #page-loader-pro { background:#f1f1f1; color:#aaaaaa; } @-webkit-keyframes opacity-pro { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes opacity-pro { 0% { opacity: 1; } 100% { opacity: 0; } } .finished-loading #center-loader { opacity:0;} #loading-pro { margin-top:-15px; font-weight:600; font-size:14px; } #loading-pro span { -webkit-animation-name: opacity-pro; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: infinite;-moz-animation-name: opacity-pro; -moz-animation-duration: 800ms; -moz-animation-iteration-count: infinite; } #loading-pro span:nth-child(2) { -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; } #loading-pro span:nth-child(3) {-webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; } /* =============================================== 22. RESPONSIVE STYLES =============================================== */ /* ======== #DESKTOP (960px-1289px) ======== */ @media only screen and (min-width: 960px) and (max-width: 1240px) { .width-container-pro { width:92%; } } /* ======== #Tablet (768px-959px) ======== */ @media only screen and (min-width: 768px) and (max-width: 959px) { body #boxed-layout-pro { width:100%; margin-top:0px; } body { font-size: 14px !important; } .width-container-pro, body #boxed-layout-pro .width-container-pro { width:92%; } body #sticky-header-pro { position:relative !important; } #main-container-pro, #sidebar { width:100%; margin-right:0%; margin-left:0%; } #good-cause-sidebar {width:90%; padding-left: 5%; padding-right: 5%;} body h2 {font-size: 34px;} body h3, body #content-pro .products .shop-container-pro h3 {font-size: 38px; line-height: 46px;} body #content-pro h4, body #content-pro #page-title-pro h3 {font-size: 20px; letter-spacing: 2px;} body #page-title-pro h1#page-title { font-size: 58px; } body #page-title-pro p, body #page-title-pro h3 { font-size: 28px; } /* Header Styles */ header#masthead-pro #logo { float:left; padding: 15px 0 10px 0; } nav#site-navigation { display:none; } .mobile-menu-icon-pro { display:block; } #mobile-nav-pro { padding: 15px 0; } body .wpb_wrapper h3.vc_custom_heading { font-size: 30px !important; letter-spacing: 0px; } body .hours-date-pro, body .date-day-pro { font-size: 10px; } body #content-pro .products .shop-container-pro span.price span.amount, h3#reply-title, h4.comments-title { font-size: 32px; } body .wpcf7 input, body #content-pro .wpcf7 select { width: 90%; margin: 0 0 15px 0; padding-left: 5%; padding-right: 5%; float: none; margin-right: 0; margin-left: 0; } body .wpcf7 textarea { width: 90%; } body .wpcf7 input { width: 90%; } footer#site-footer .sf-menu a { font-size: 16px; } body #content-pro .shop-container-pro .star-rating, body #content-pro .shop-container-pro .star-rating:hover { margin-left: 7.5%; } .selectric-wpcf7-select { margin-top: 0px; } #content-pro .isotope-item { margin: 0 auto; width: 100%; float: none; } #content-pro .isotope-item img { float: none; text-align: center; margin: 0 auto; margin-bottom: 35px; } body.woocommerce #content-pro ul.products li.product .button { float: right; margin: 0; } body #content-pro .woocommerce .shop-container-pro a.added_to_cart { float: right; margin: 0; margin-right: 25px; padding-bottom: 11px; } body.single-product #content-pro .width-container-pro span.onsale { top: 3px; } } /* ======== #Mobile (0px-767px) ======== */ @media only screen and (max-width: 767px) { body #boxed-layout-pro { width:100%; } .width-container-pro, body #boxed-layout-pro .width-container-pro { width:92%; } body #sticky-header-pro { position:relative !important; } #main-container-pro, #sidebar, body .wpcf7 textarea, .footer-2-pro .widget, .footer-3-pro .widget, .footer-4-pro .widget, .footer-5-pro .widget, .grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression, .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product, .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width:100%; margin-right:0%; margin-left:0%; float: none; } #good-cause-sidebar { float: none; width: 90%; padding-right: 5%; padding-left: 5%; position: initial; margin-top: 50px; } body .wpcf7 input, body #content-pro .wpcf7 select { width: 90%; margin: 0 0 15px 0; padding-left: 5%; padding-right: 5%; } body #boxed-layout-pro { margin-top:0px; } body #masthead-pro .social-ico, body #masthead-pro a.pro-header-btn { margin-top: 25px; max-width: 100%; text-align: center; float: none; display: block; } body h2 {font-size: 30px;} body h3, body.woocommerce #content-pro .shop-container-pro h3, body.woocommerce #content-pro #single-product-container-pro .product h1.product_title {font-size: 40px; line-height: 1.15; margin-top: 15px;} body h4, body #page-title-pro h3 {font-size: 20px; letter-spacing: 2px;} /* Header Styles */ /* Header Styles */ header#masthead-pro #logo { float:left; padding: 15px 0 10px 0; } nav#site-navigation { display:none; } .mobile-menu-icon-pro { display:block; } #mobile-nav-pro { padding: 15px 0; } body #page-title-pro h1#page-title, body .post-container-progression h2.blog-title-progression, body .post-container-progression h2.blog-title-progression a { font-size: 42px; } body #page-title-pro { padding: 75px 0 75px 0; } .logo-widget-area-pro { text-align: center; margin: 0 auto; margin-bottom: 35px; margin-top:-35px; } .wpb_wrapper h3.vc_custom_heading { font-size: 22px !important; } blockquote { font: 400 20px / 30px Roboto; text-align: center; border: none; padding: 15px 10px; font-style: italic; margin: 0; } .drop-shadow-pro.wpb_column { width: 90%; margin: 15px auto 35px auto; } .pro-left-nav { margin-bottom: 55px; } form.wpcf7-form { margin-bottom: 100px; } #content-pro form.woocommerce-ordering { margin-top: 35px; float: left; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li a { padding: 12px 7px 9px 7px; font-size: 11px; } body #content-pro .shop-container-pro h3, body.woocommerce #content-pro h1.product_title, .shop-container-pro p { padding: 0; } div[itemprop="description"], body #content-pro .shop-container-pro span.price, body.woocommerce #content-pro ul.products li.product .button, body #content-pro .shop-container-pro .star-rating, body #content-pro .shop-container-pro .star-rating:hover { margin-left: 0; } body.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li { margin: 0 1%; width: 30%; } h3#reply-title, h4.comments-title { font-size: 22px; line-height: 1.4; } #mobile-nav-pro { padding: 15px 0; } #content-pro .fc-toolbar .fc-left, #content-pro .fc-toolbar .fc-right { float: none; margin: 15px 0; } #content-pro .fc-left:after, #content-pro .fc-right:after { display: table; content: ''; clear: both; } #content-pro .fc-toolbar .fc-center { display: block; margin-top: 40px; } button.fc-agendaWeek-button.fc-button { display: none; } #content-pro .fc-day-grid-container.fc-scroller, #content-pro .fc-time-grid-container.fc-scroller, #content-pro .fc-time-grid-container.fc-scroller { min-height: 350px; } #events-full-calendar th.fc-day-header { font-size: 12px; } body #content-pro .woocommerce-message { padding-bottom: 90px !important; } body #content-pro .woocommerce-message a.button { position: absolute; bottom: 10px } .woocommerce-cart #content-pro .wc-proceed-to-checkout, #content-pro .cart_totals { margin-top: 75px; } #content-pro .shop_table .product-thumbnail { display: none; } #content-pro .woocommerce table.shop_table th { padding: 6px 3px 2px 4px; } #content-pro .woocommerce table.shop_table td { padding: 5px 7px; } body.woocommerce-cart .shop_table td, body.woocommerce-checkout .shop_table td, body.woocommerce-cart .shop_table td, body.woocommerce-cart .shop_table th, body.woocommerce-checkout .shop_table th { font-size: 11px; letter-spacing: -0.5px; } body.woocommerce .summary input.qty, body .woocommerce .shop_table input.qty { width: 2.2em; padding: 4px 6px 4px 7px; } #content-pro .shop_table .product-remove { display: none; } td.product-quantity { max-width: 55px; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 10px 0; clear: both; } body #content-pro .shop_table input.button { float: none; clear: both; display: block; margin-top: 10px; } .woocommerce-shipping-fields { margin-top: 55px; } body #masthead-pro a.pro-header-btn { display: none; } .title-event-meta-pro span { clear: both; width: 100%; display: block; } #content-pro .isotope-item { margin: 0 auto; width: 100%; float: none; } #content-pro .isotope-item img { float: none; text-align: center; margin: 0 auto; margin-bottom: 35px; } body .selectric-wpcf7-select { margin-top: 0; } .post-date-progression { margin-bottom: 55px; } .single-post .post-date-progression { margin-bottom: 25px; } body .post-meta-progression span { border:0; margin: 0; display: block; width: 100%; margin-bottom: 8px; } .featured-blog-progression .flex-control-nav { bottom: 10px; } body.single-post .post-meta-progression span:after { display: none; } body.single-post .post-meta-progression, .meta-comment-container { text-align: left; } body.single-post .post-meta-progression span.meta-comments-progression { margin-bottom: 0; } body.single-post .post-meta-progression span { margin-bottom: 8px; display: block; } body.single-product #content-pro .width-container-pro span.onsale { right: 0px; top: 25px; } }