/* Theme Name: Stone Hill Progression Theme URI: http://stone-hill.progressionstudios.com Author: Progression Studios Author URI: http://progressionstudios.com/ Description: ThemeForest Multi-Purpose Premium Theme Version: 1.7 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: stone-hill-progression */ /* Table of Contents 01. CSS RESET FILE 02. PRIMARY STYLES A. DEFAULT STYLES B. FONT STYLES C. CSS3 TRANSITIONS 03. MAIN CONTAINERS A. MAIN CONTAINER STYLES B. HEADER CONTAINERS 04. PAGE TITLE STYLES 05. VISUAL COMPOSER STYLES 06. WOOCOMMERCE STYLES 07. GRID STYLES 08. FOOTER STYLES 09. SIDEBAR STYLES 10. BLOG STYLES 11. BLOG SINGLE STYLES 12. NAVIGATION STYLES 13. FLEXSLIDER STYLES 14. MOBILE NAVIGATION STYLES 15. INPUT/TEXTAREA STYLES 16. PAGE LOADER 17. 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-progression:after,.clearfix-progression:before{content:"";display:table}.clearfix-progression:after{clear:both}.lt-ie8 .clearfix-progression{visibility:hidden;width:0;height:0;clear:both} @font-face{font-family:'FontAwesome';src:url('inc/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('inc/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('inc/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('inc/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('inc/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('inc/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#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{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{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: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-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"} /* =============================================== 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; } blockquote {border-left:4px solid #23272c; margin-left:0px; padding-left:30px; margin-left:30px; } table, th, td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); } th { background:#f7f7f7; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 2em; max-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; } th, td { padding: 1em; } figure { margin: 0; } del { opacity: 0.8; } pre, code {display:block; margin-top:5px; border:1px solid #e2e2e2; padding:15px; background:#f5f5f5; overflow:auto; word-wrap: break-word; font-size:90%; line-height:1.2; margin-bottom:25px; } /* Image Gallery Styling */ body .gallery-item { margin-top:0px; position:relative; margin-bottom:25px; } body .gallery-item img { border:none !important; } body .gallery-icon { margin-right:10px; margin-left:10px; } body #content-progression .gallery-caption{ position:relative; padding:10px 10px; font-weight:600; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .google-maps-pin h6 { margin-bottom:2px; } /* -------------------- B. FONT STYLES -------------------- */ body { background:#eeecea; line-height: 1.45; font-size:15px; color:rgba(38,33,33,0.78); font-family: 'Droid Sans', sans-serif; font-weight: 400;} input, textarea, select { font-family: 'Droid Sans', sans-serif;} a { color:#388497; } a:hover, .post-meta-progression a:hover { color:#262121; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight:700; } h1, h2, h3, h4, h5, h6, h2.mega-menu-heading a { font-family: 'Martel Sans', sans-serif; color:#262121; font-weight:300; margin:0px 0px 15px 0px; padding:0px; line-height:1.3; -ms-word-wrap: break-word; word-wrap: break-word; } h1 { font-size:75px; line-height:1.2; } h2 { font-size:45px;} h3 { font-size:35px; } h4, .cart_totals h2, .cart_totals h2, .woocommerce-shipping-fields h3, .woocommerce-billing-fields h3, h3#order_review_heading { font-size:23px; } h5, h3#reply-title, h4.comments-title { font-size:18px; font-style:normal; } h6 { font-size:15px; font-weight:400; font-style:normal; letter-spacing:1px;} h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover, h5 a, h5 a:hover {opacity:1 !important;} #sidebar h6 {font-weight:700; letter-spacing:0px;} h2.vc_custom_heading.progression { display: table; white-space: nowrap; overflow: hidden; text-align: center; width: 100%; } h2.vc_custom_heading.progression:before, h2.vc_custom_heading.progression:after { content: ''; display: table-cell; position: relative; top: 0.5em; width: 45%; height: 1px; border-top: 1px solid #262121; } h2.vc_custom_heading.progression.no-border-progression:before, h2.vc_custom_heading.progression.no-border-progression:after {display: none;} .dark-bg-progression h2.vc_custom_heading.progression:before, .dark-bg-progression h2.vc_custom_heading.progression:after { border-color: #ffffff; } h2.vc_custom_heading.progression:before { right: 5%; } h2.vc_custom_heading.progression:after { left: 5%; } h5.vc_custom_heading.progression { font-family: 'Bilbo Swash Caps'; font-size: 35px; color: rgba(38,33,33,0.35); text-transform: none; font-weight: 400; margin-top: -7px; margin-bottom: 70px; } .dark-bg-progression h5.vc_custom_heading.progression {color: rgba(255,255,255,0.35);} .dark-bg-progression h4 { color: #ffffff; } .dark-bg-progression p {color: rgba(255,255,255,0.78);} /* -------------------- C. CSS3 TRANSITIONS -------------------- */ a, button, #commentform input, #commentform textarea, .page-nav-progression span, .wpcf7 input, .wpcf7 textarea, .image-fade-progression img, .social-ico a i, body footer#site-footer a, body #content-progression #content .button, .woocommerce .cart .button, .woocommerce .cart input.button, .sf-menu li, .menu-show-hide-progression, .tp-bullets.custom .tp-bullet { -webkit-transition-duration: 200ms; -webkit-transition-property: color, background-color, opacity, border; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 200ms; -moz-transition-property: color, background-color, opacity, border; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 200ms; -o-transition-property: color, background-color, opacity, border; -o-transition-timing-function: ease-in-out; transition-duration: 200ms; transition-property: color, background-color, opacity, border; transition-timing-function: ease-in-out; } .progression-img-container img, .progression-index-text { -webkit-transition-duration: 300ms; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 300ms; -moz-transition-property: all; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 300ms; -o-transition-property: all; -o-transition-timing-function: ease-in-out; transition-duration: 300ms; transition-property: all; } body a.tp-caption.progression-button, body a.progression-button { -webkit-transition-duration: 200ms !important; -webkit-transition-property: color, background-color !important; -webkit-transition-timing-function: ease-in-out !important; -moz-transition-duration: 200ms !important; -moz-transition-property: color, background-color !important; -moz-transition-timing-function: ease-in-out !important; -o-transition-duration: 200ms !important; -o-transition-property: color, background-color !important; -o-transition-timing-function: ease-in-out !important; transition-duration: 200ms !important; transition-property: color, background-color !important; transition-timing-function: ease-in-out !important; } #header-top-progression .social-ico a i { -webkit-transition-duration: none; -moz-transition-duration: none; -o-transition-duration: none; transition-duration: none; } #progression-scroll-top { -webkit-transition-duration: 200ms; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 200ms; -moz-transition-property: all; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 200ms; -o-transition-property: all; -o-transition-timing-function: ease-in-out; transition-duration: 200ms; transition-property: all; transition-timing-function: ease-in-out; } #sticky-header-progression, #sticky-header-progression.menu-resized-progression nav#site-navigation { -webkit-transition-duration: 250ms; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in; -moz-transition-duration: 250ms; -moz-transition-property: all; -moz-transition-timing-function: ease-in; -o-transition-duration: 250ms; -o-transition-property: all; -o-transition-timing-function: ease-in; transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in; } nav#site-navigation a { -webkit-transition-duration: 250ms; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 250ms; -moz-transition-property: all; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 250ms; -o-transition-property:all; -o-transition-timing-function: ease-in-out; transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } /* =============================================== 03. MAIN CONTAINERS =============================================== */ /* -------------------- A. MAIN CONTAINER STYLES -------------------- */ #content-progression {padding-top:45px;} #content-progression.no-padding-top {padding-top:0px;} .archive #content-progression, .single-post #content-progression, .blog #content-progression, .single-product #content-progression, .search #content-progression, .woocommerce-cart #content-progression, .woocommerce-checkout #content-progression, .woocommerce-account #content-progression {padding-bottom:45px;} .width-container-progression { width:1140px; margin: 0 auto; position:relative; } #main-container-progression { float:left; width:70%; } #sidebar { float:right; width:27%; position:relative; z-index:5; } .left-sidebar-progression #main-container-progression {float:right;} .left-sidebar-progression #sidebar {float:left;} /* -------------------- B. HEADER CONTAINERS -------------------- */ body.admin-bar .menu-resized-progression {margin-top:32px;text-align: justify;} #sticky-header-progression.menu-resized-progression {background:rgba(11, 44, 56, 0.88); padding-top:1px;} div#sticky-header-progression {width: 100% !important; margin: 0 auto !important; left: 0 !important; text-align: justify;} body #sticky-header-progression.menu-resized-progression #logo-progression, body #sticky-header-progression.menu-resized-progression #logo-progression img {display: none;} body #sticky-header-progression.menu-resized-progression .sf-menu > li {border:none;} body #sticky-header-progression.menu-resized-progression .sf-menu li.current-menu-item:before {display:none;} .sf-menu .sub-menu li.current-menu-item:before, .sf-menu .sf-mega li.current-menu-item:before {display:none;} .sticky-logo-progression, .menu-resized-progression .default-logo-progression { display:none; } .menu-resized-progression .sticky-logo-progression { display:block; } #header-top-progression {background:none;position:absolute; top:0px; width:100%; z-index:50;} #header-top-progression .social-ico {float: left; padding-top: 16px;} header#masthead-progression { width:100%; z-index:120; position:relative; } header#masthead-progression h1#logo-progression { position:relative; float:none; z-index:49; margin:0px auto; padding:0px; line-height:1; font-size:5px; border:none; } header#masthead-progression h1#logo-progression a { display:block; } img.rounded-image { margin-left:11px; -webkit-border-radius:100px; -moz-border-radius: 100px; border-radius: 100px; margin-right:10px; } /* WooCommerce Header Cart Basket */ a.cart-icon-progression { float:right; cursor:pointer; font-size:15px; color:#ffffff; line-height:1; text-align:center; opacity:1; position:relative; padding-left:15px; padding-top:17px; padding-bottom:15px; } a.cart-icon-progression:hover {color:#ffffff;} a.cart-icon-progression span.shopping-cart-header-count { top:0px; float:right; display:inline-block; background:rgba(255, 255, 255, 0.15); color:#ffffff; font-family:arial, sans-serif; line-height:1; font-size:8px; padding:2px 4px; margin-left:8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position:relative; } a.cart-icon-progression 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 rgba(255, 255, 255, 0.15); } .checkout-basket-progression { display:none; position:absolute; top:40px; /* See Theme Customizer */ right:0px; z-index:200; width:250px; padding:16px 20px 20px 20px; border-top:2px solid #3a8596; background:rgba(22, 22, 22, 0.95); -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-progression ul#cart-mini-progression { margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; list-style:none; } .checkout-basket-progression ul#cart-mini-progression li { margin:0 0 14px 0; padding:0px 0px 14px 45px; position:relative; min-height:50px; border-bottom:1px solid rgba(255,255,255, 0.07); } .checkout-basket-progression ul#cart-mini-progression li.empty { margin:0px; padding:0px; font-size:13px; color:#a8a8a8; } .checkout-basket-progression ul#cart-mini-progression span.quantity { display:block; color:#a8a8a8; font-size:12px; } .checkout-basket-progression ul#cart-mini-progression 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-progression ul#cart-mini-progression li a { font-size:12px; margin-bottom:2px; line-height:1.2; color:#ffffff; font-weight:700; } .checkout-basket-progression ul#cart-mini-progression li:last-child {border:none; margin-bottom:4px;} .checkout-basket-progression ul#cart-mini-progression li img { width:33.3px; height:50px; left:0px; position:absolute; } .checkout-basket-progression .sub-total-progression { border-top:2px solid rgba(255,255,255, 0.5); padding:12px 0px; font-size:13px; color:#ffffff; font-weight:700; } a.checkout-button-header-cart { display:block; background:#3a8596; 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-progression a.checkout-button-header-cart:hover { background:#3a8596; color:#ffffff; opacity:1; } /* =============================================== 04. PAGE TITLE STYLES =============================================== */ #page-title-progression { padding: 60px 0px 43px 0px; } #page-title-progression { border-top: 1px solid rgba(255, 255, 255, 0.05); } #page-title-progression h1.entry-title-progression { font-size: 65px; font-weight: 300; margin:0px; padding:0px; line-height:1.1; text-transform:uppercase; color:#ffffff; } .error404 #page-title-progression h1.entry-title-progression {font-size: 58px;} /* =============================================== 05. VISUAL COMPOSER STYLES =============================================== */ .image-fade-progression img {opacity:0.5;} .image-fade-progression:hover img {opacity: 1;} a.progression-button, body #sidebar a.progression-button { font-size: 14px; font-weight: 300; font-family: Martel Sans; padding: 19px 85px 15px 85px; background-color: #ffffff; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; line-height:1; text-transform:uppercase; color:#ffffff; margin:0 10px 5px 0; border:none; letter-spacing: 1px; } .progression-btn-container.center-progression { text-align:center; } .progression-btn-container.right-progression { text-align:right; } .vc_box_rounded img {-webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; border-radius: 100px !important;} .vc_row, .vc_column_container { background-repeat: no-repeat; background-size: cover; } .progression-btn-container.left-progression { text-align:left; } .progression-btn-container a.progression-button { float:none; } .progression-btn-container a.progression-button.large-size-progression { font-size:16px; padding:24px 35px 22px 35px; } .progression-btn-container a.progression-button.small-size-progression { font-size:10px; padding:15px 18px 11px 18px; } .progression-btn-container a.progression-button.secondary-style-progression { float:none; margin: 0 auto; } a.progression-button:hover, body #sidebar a.progression-button:hover { background:#388497; color:#ffffff; } /* =============================================== 06. WOOCOMMERCE STYLES =============================================== */ /* Gallery Styles */ ol.flex-control-nav.flex-control-thumbs { width:calc(100% + 10px) !important; padding-top:10px !important; } ol.flex-control-nav.flex-control-thumbs li { width:20%; width:calc(25% - 10px) !important; padding-right:10px; padding-bottom:20px; } .progression-studios-shop-image { margin-bottom:10px; } nav.woocommerce-MyAccount-navigation { font-weight:bold; } nav.woocommerce-MyAccount-navigation ul li { padding-bottom:8px; } @media only screen and (max-width: 767px) { nav.woocommerce-MyAccount-navigation { width:100% !important; float:none; margin-bottom:25px; } .woocommerce-MyAccount-content { width:100% !important; float:none; } } .cart_totals table {width:100%;} #content-progression ul li.product h3 { font-size:18px; font-weight:700; } nav.woocommerce-breadcrumb { display:none; } #content-progression .product-container-progression div.star-rating, #content-progression .product-container-progression span.price, #content-progression .product-container-progression h3 { text-align:center; } #content-progression .product-container-progression div.star-rating { margin-left:auto; margin-right:auto; } #content-progression ul li.product { text-align:center; } body .woocommerce .form-row input.button, body .woocommerce .return-to-shop a.button, #reviews #respond p.form-submit input.submit, #content-progression ul li.product .button, body #content-progression #content .button { color: rgba(38,33,33,0.78); font-size: 14px; font-weight: 300; font-family: Martel Sans; padding: 14px 15% 11px 15%; background-color: #ffffff; border-radius: 3px; margin: 0 auto; display: block; width: 70%; text-transform: uppercase; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background:#388497; } #content-progression .product_meta {padding: 15px 0 13px 0; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 13px;} #content-progression .product_meta span {display:inline-block; padding-right:8px;} body.woocommerce .widget_shopping_cart .total, body.woocommerce.widget_shopping_cart .total {border-top: 3px double #A6A6A6;} body.woocommerce-cart #content-progression .cart-collaterals .cart_totals th {text-align: center;} body.woocommerce-cart #content-progression .cart-collaterals tr.shipping td {padding: 7px 15px;} body.woocommerce-cart #content-progression .cart-collaterals .cart_totals td {padding-left: 10px;} .woocommerce .cart_totals .wc-proceed-to-checkout a.button, .woocommerce .woocommerce-checkout input.button { font-family: 'Martel Sans', sans-serif; color:#ffffff; background:#261212; padding:14px 30px 12px 30px; font-size:14px; font-weight:300; } body .woocommerce .form-row input.button:hover, body .woocommerce .return-to-shop a.button:hover, .woocommerce .cart_totals .wc-proceed-to-checkout a.button:hover, .woocommerce .woocommerce-checkout input.button:hover, #content-progression ul li.product .button:hover, body #content-progression #content .button:hover, #reviews #respond p.form-submit input.submit:hover { color:#ffffff; background:#388497; } .woocommerce-account #content-progression .page-content-progression .woocommerce h2, .woocommerce-account .addresses .title h3 { font-size: 26px !important; } body .return-to-shop a.button.wc-backward { width: auto !important; padding: 14px 50px 11px 50px !important; display: inline-block !important; } body.woocommerce-account .woocommerce input.button { width: auto !important; margin: 8px 0 15px 0!important; } .woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after, .progression-index-text .progression-button a.added:after { font-family: WooCommerce; content: "\e017"; margin-left: .53em; vertical-align: bottom; } .progression-index-text a.added_to_cart.wc-forward { margin-top: 12px; } body ul li.product a.added_to_cart { text-align:center; font-size:12px; } .quantity input { padding-top:8px; padding-bottom:8px; } body #content-progression #content .button {margin:0px;} #content-progression .width-container-progression .sale-ribbon-progression, #content-progression .width-container-progression .sale .related.products .sale-ribbon-progression {display: none;} #content-progression .width-container-progression .sale .sale-ribbon-progression { display: block; background:#d73b17; margin: 3em; width: 2.4em; height: 3em; position: absolute; right: 20px; margin: auto; z-index: 9; } body.single-product #content-progression .width-container-progression .sale-ribbon-progression { right: inherit; left: 20px; } body.single-product #content-progression .width-container-progression .sale-ribbon-progression span.onsale { margin: 7px -2px 0px 0; font-size: 11px; } #content-progression .width-container-progression .sale-ribbon-progression span.onsale { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); background: transparent; color: #fff; font-weight: 300; font-family: 'Martel Sans', sans-serif; text-transform: uppercase; font-style: normal; letter-spacing: 1px; font-size: 11px; margin: 4px -2px 0px 0; } #content-progression .width-container-progression .sale-ribbon-progression i{ width: 90%; height: 120%; display: block; margin: auto; z-index: 50; position: relative; overflow: hidden; } #content-progression .width-container-progression .sale-ribbon-progression:before{ content: ""; position: absolute; bottom: -1.4em; left: 0; width: 0; height: 0; border-top: 2em solid #d73b17; border-right: 2em solid transparent; } #content-progression .width-container-progression .sale-ribbon-progression:after{ content: ""; position: absolute; bottom: -1.4em; right: 0; width: 0; height: 0; border-top: 2em solid #d73b17; border-left: 2em solid transparent; } .star-rating { color:#388497 !important; margin: 8px 0; } .related.products { padding: 40px 50px 40px 50px; background: #ffffff; border-top: 1px solid rgba(0,0,0,0.1); } .related.products h2 { font-size: 24px; } body.woocommerce ul.products li.product .star-rating { font-size: 0.657em; min-width: 78px; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin-top: -1px; } .woocommerce #reviews input, .woocommerce #reviews textarea { border: 1px solid #cecece; max-width: 500px; } .cart input.input-text.qty.text { border: 1px solid rgba(0,0,0,0.3); } #order_review_heading {margin-top: 15px;} .woocommerce #payment #place_order.button { width: 250px; padding: 14px 25px 11px 25px; } /* Price Index */ body ul li.product span.price { padding:5px 0px 7px 0px; } mark { background:none; font-weight:400;} body #content-progression ul li.product del, body #content-progression ul li.product span.price ins {display:inline-block;} /*body ul li.product span.price, body ul li.product span.price .amount { color:#555555; font-size:16px; font-weight:400; }*/ body ul li.product span.price del .amount { color:#ffffff; font-weight:300; font-size:13px; } body ul li.product span.price ins .amount { color:#ffffff; font-weight:300; } body #content-progression .type-product p.price del,body #content-progression .type-product p.price ins {display:inline-block;} body #content-progression .type-product p.price, body #content-progression .type-product p.price .amount { color:rgba(38,33,33,0.78); font-size:24px; font-weight:300; font-family: 'Martel Sans';} body #content-progression .type-product p.price del .amount { color:#aaaaaa; font-weight:400; font-size:13px; } body #content-progression .type-product p.price ins .amount { color:rgba(38,33,33,0.78); font-weight:300; } /* Single Post Styles */ body.single-product #content-progression form.cart {margin-top: 2em;} body input.input-text.qty.text {border: none; border-radius: 3px; padding: 14px 5px 13px 23px;} body.single-product #content-progression #content .related.products .button {padding: 14px 15% 11px 15%;;} body.single-product span.sku, body.single-product .posted_in a, body.single-product .tagged_as a {font-weight: 400;} body.woocommerce #content-progression .single-product-container-progression .images {max-width: 35%;} .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 61%;} body.woocommerce #content-progression #content .single-product-container-progression .button {width: auto;} body.single-product #content-progression #content .button { padding: 19px 46px 15px 46px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px rgba(0,0,0,0.1); } body.single-product .single-product-container-progression { margin-bottom:65px; } body.single-product .single-product-container-progression .woocommerce-product-rating { margin-bottom:10px ; } body.single-product .single-product-container-progression p { margin-bottom:10px; } body.single-product .type-product .single-product-container-progression .images { margin-bottom:0px ; } .entry-summary-spacing { padding-top:25px; } body #content-progression #content .woocommerce-message a.button { width: auto; } body.woocommerce #content-progression div.product form.cart .variations { background: transparent; } body.single-product p.price { margin-bottom:20px; } body.single-product h1.product_title { font-size:40px; margin-bottom:16px; font-weight: 300; color:#262121; } a.woocommerce-review-link { display:none; } a.woocommerce-review-link, a.reset_variations { font-size:12px; } /*.woocommerce-tabs.wc-tabs-wrapper { padding: 40px 50px 20px 50px; background-color: #fff; }*/ body #content-progression .woocommerce-tabs ul.tabs { padding-left: 0px; } #content-progression .woocommerce-tabs ul.tabs li:before, #content-progression .woocommerce-tabs ul.tabs li:after {display:none !important;} body #content-progression .woocommerce-tabs ul.tabs:before, body #content-progression .woocommerce-tabs ul.tabs:after {border:none !important; } #content-progression .woocommerce-tabs ul.tabs { margin:0px; padding:0px; border:none ; } #content-progression .woocommerce-tabs ul.tabs li { border:none !important; margin:0px; padding:0px; } #content-progression .woocommerce-tabs ul.tabs li a { margin:0px; padding:12px 40px 8px 40px; border:none; color:#666666; background:rgba(0, 0, 0, 0.06); font-family: 'Martel Sans', sans-serif; font-weight:300; font-size: 14px; text-transform: uppercase; } .woocommerce #content-progression div.product .woocommerce-tabs ul.tabs li a {border-radius: 2px;} .woocommerce div.product .woocommerce-tabs ul.tabs li {background: transparent;} #content-progression .woocommerce-tabs ul.tabs li.active a { background:#ffffff; border:none; } .woocommerce table.shop_attributes td { padding: 10px; vertical-align: middle; } #content-progression .woocommerce-tabs #comments { padding-right:30px; } #content-progression .woocommerce-tabs ul.tabs li a { margin-right: -6px } #content-progression .woocommerce-tabs .panel.entry-content { background:#ffffff; padding:40px 50px; margin: 0px 0 35px 0; } #content-progression .woocommerce-tabs .panel.entry-content h2 { font-weight:300; font-size:24px; margin-bottom:12px; color:#262121; } .woocommerce p.comment-form-rating > label { margin: 10px 0; } .woocommerce #reviews #respond p.form-submit input.submit { width: auto; text-align: left; margin: 0; background: #388497; color: #fff; } #content-progression .woocommerce-tabs ul.tabs li { border: 1px solid rgba(0, 0, 0, 0.04); } .woocommerce input, .woocommerce textarea { padding:10px; } .woocommerce table { background:#ffffff; } /* WooCommerce Widgets */ .woocommerce-product-search input { display:none; } .woocommerce-product-search input.search-field { display:block; } /* WooCommerce Widget Styles */ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background:#cccccc; } #sidebar .price_slider_amount .button { margin-top: 6px; } body #content-progression .widget_shopping_cart_content a.button, #sidebar .price_slider_amount .button, .woocommerce .cart .button, .woocommerce .cart input.button { font-size:13px; font-family: 'Martel Sans'; font-weight: 300; text-transform: uppercase; padding: 12px 15px 7px 15px; background-color:rgba(38,33,33,0.78); color: #ffffff; } body #content-progression .widget_shopping_cart_content a.button:hover, #sidebar .price_slider_amount .button:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover { background-color:#388497; color: #ffffff; } body #sidebar .widget.woocommerce ul, body #widget-area-progression .widget.woocommerce ul { } body #sidebar .widget.woocommerce ul li:before, body #widget-area-progression .widget.woocommerce ul li:before { display:none; } body.woocommerce .widget_shopping_cart ul.cart_list a.remove { position: absolute; top: 0px; right: 0px; left: auto; background: #d23a3a; color: #ffffff !important; text-align: center; line-height: 11px; padding: 1px; font-size: 10px; width: 11px; height: auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } body.woocommerce #content-progression ul.cart_list li img, body.woocommerce #content-progression ul.product_list_widget li img { width: 33.3px; height: 50px; left: 0px; position: absolute; float: left; margin-left: 0; } body.woocommerce #content-progression li.mini_cart_item { margin: 0 0 14px 0; padding: 0px 0px 14px 45px; position: relative; min-height: 50px; border-bottom: 1px solid rgba(0,0,0, 0.07); } body.woocommerce #content-progression li:last-child.mini_cart_item { border-bottom: none; } .widget_shopping_cart_content p.total { border-width:1px !important; border-color:#ccc !important; } ul.product_list_widget li ins, ul.product_list_widget li del { background:none; font-size:90%; } ul.product_list_widget li del {opacity:0.5;} /* Sidebar Cart */ body a.shopping-cart-basket { display:block; text-align:right; color:#ffffff; font-weight:300; padding:14px 10px; font-size:14px; text-transform:uppercase; font-family: 'Martel Sans'; letter-spacing: 0.2px; } body a.shopping-cart-basket .amount { font-weight: 700; } body a.shopping-cart-basket span.cart-text-progression { font-weight:300; } body a.shopping-cart-basket i { font-size:13px; position:relative; top:-1px; } body a.shopping-cart-basket span.divider-progression { font-weight:300; opacity:0.75; } body #checkout-basket-iceberg { color:#ffffff; font-family: 'Martel Sans'; text-transform: uppercase; } .checkout-container { width: 300px; float: right; text-align: center; } .cart-text-progression:before { font-family: 'FontAwesome'; content: '\f07a'; margin-right: 5px; font-size: 17px; } #checkout-basket-iceberg { padding-top:15px; color:#ffffff; background-color: #3A3A3A; width:300px; z-index:60; position:absolute; display:none; } #checkout-basket-iceberg a { padding:0px; } #checkout-basket-iceberg a:hover { color:#ffffff; } body #checkout-basket-iceberg p.buttons a.checkout.button { display: none; } #checkout-basket-iceberg a.checkout-button-shopping-cart { text-transform: uppercase; font-size:12px; clear: both; font-weight:700; padding:14px 0px; width:100%; text-align:center; display:block; color:#ffffff; background: rgba(250, 250, 250, 0.12); margin-top:-5px; } #checkout-basket-iceberg a.checkout-button-shopping-cart:hover, body #checkout-basket-iceberg p.buttons a.button:hover { color:#ffffff; background: rgba(250, 250, 250, 0.16); } body #checkout-basket-iceberg p.buttons a.button { text-shadow:none; padding:8px 10px; font-size:10px; color:#ffffff; font-weight:300; background: rgba(255, 255, 255, 0.12); border:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; } body #checkout-basket-iceberg p.buttons a.button:hover { background: rgba(255, 255, 255, 0.16); } #checkout-basket-iceberg p.total {margin-top:8px; margin-left:15px; float:left; font-weight:700; font-size:13px; } #checkout-basket-iceberg p.total span.total-text {font-weight:400; opacity:.8;} #checkout-basket-iceberg p.buttons {margin-top:3px; float:right; margin-right:15px;} body #checkout-basket-iceberg ul li { line-height:1.2; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:0px 0px 12px 0px; margin:0px 15px 15px 15px;} body #checkout-basket-iceberg ul li.empty { border:none; font-weight:normal; font-size:12px; } #checkout-basket-iceberg ul.cart_list li span.quantity { display:block; text-align:left; width:100%; color:#cccccc; font-weight:400; font-size:12px; } #checkout-basket-iceberg ul li a {width:100%; color:#ffffff; font-size:15px;} #checkout-basket-iceberg ul li span.quantity {padding-top: 8px;} #checkout-basket-iceberg dl {display:block; height:20px; font-size:10px; border-left:0px; margin:5px 0px -2px 0px; padding:0px; opacity:0.8; } #checkout-basket-iceberg dt, #checkout-basket-iceberg dd {display:inline ; margin:0px; padding:0px 5px 0px 0px;} #checkout-basket-iceberg ul {list-style:none; margin:10px 0px 0px 0px; padding:0px;} #checkout-basket-iceberg ul li.empty {padding-bottom:12px;} #checkout-basket-iceberg ul li {font-weight:bold;} #checkout-basket-iceberg ul li img { text-align:right; float:right; width:30px; height:auto; margin-top: 0; } .product-progression-vc { text-align: center; } .product-progression-vc .star-rating{display: none;} .product-progression-vc ins{color: #fff; background: none;} body .product-progression-vc .static-progression .progression-img-container:hover .progression-index-wrapper {border: 0;position: initial;top: auto;-webkit-transform: none;-moz-transform: none;transform: none;width: auto;height: auto;left: auto;} body .product-progression-vc .static-progression .progression-index-text {position: initial; top: auto; -webkit-transform: none;-moz-transform: none;transform: none; opacity: 1; padding: 30px; width: auto;} body .product-progression-vc .static-progression .progression-img-container:hover .progression-index-text {top: auto;} body .product-progression-vc .static-progression .progression-img-container .progression-button, body .product-progression-vc .static-progression body .progression-img-container:hover .progression-button, body .product-progression-vc .static-progression .zoom-image-container-progression:hover img, body .product-progression-vc .static-progression .progression-img-container:hover img {opacity: 1;} body .product-progression-vc .static-progression .progression-img-container .progression-price-index {border-color: rgba(255,255,255,0.3);} body .product-progression-vc .static-progression .progression-index-text, body .product-progression-vc .static-progression .progression-index-text ul li, body .product-progression-vc .static-progression ul.products li.product .price {color: #261212;} .progression-img-container img {display: block; width: 100%; margin:0px !important; padding:0px !important;} .zoom-image-container-progression {overflow: hidden;} .progression-img-container:hover img { opacity: 0.3; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .zoom-image-container-progression:hover img { opacity: 0.3; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .static-layout-progression.progression-img-container:hover img, .static-layout-progression .zoom-image-container-progression:hover img, .product-progression-vc .static-progression .zoom-image-container-progression:hover img, .product-progression-vc .static-progression .progression-img-container:hover img { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .progression-img-container { background: #000; position: relative; display: block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; margin: 0px; padding: 0px; overflow: hidden; min-height: 85px; } .progression-index-text { opacity: 0; padding: 0px 8%; color: #ffffff; position: absolute; top: 56%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 84%; } .static-progression .progression-index-text { padding: 30px 50px 50px 50px !important; } .progression-index-text .progression-button a { color: #262121; font-size: 14px; font-weight: 300; font-family: Martel Sans; padding: 14px 15% 11px 15%; background-color: #ffffff; border-radius: 3px; margin: 0 auto; display: block; width: 70%; text-transform: uppercase; } .progression-index-text .progression-button a:hover { color: #ffffff; background-color: #262121; } .progression-img-container:hover .progression-index-wrapper { border: 1px solid rgba(255,255,255,0.3); position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; height: 87%; left: 50%; } .progression-img-container, .progression-index-wrapper, .progression-index-text {overflow: hidden;} .progression-img-container:hover .progression-index-text { opacity:1; top:50%; } .progression-img-container:hover .progression-price-index {border-color: rgba(255,255,255,0.3);} .progression-img-container .progression-price-index {border-color: transparent;} body .progression-img-container:hover .progression-button{opacity: 1;} body .progression-img-container .progression-button{opacity: 0;} .progression-index-text ul { list-style:none; padding:0; margin: 0; } .progression-index-text ul li { display:inline-block; padding:0; margin: 0; color:#ffffff; line-height:1.2; font-size: 18px; text-transform: uppercase; font-family: 'Martel Sans'; font-weight: 300; } .progression-index-text ul li:last-child span { display:none; } .progression-index-text ul li span { padding-right:6px; } .progression-title-index a{ font-size: 24px; text-transform: uppercase; font-family: 'Martel Sans'; font-weight: 300; color: #fff; word-wrap: break-word; } .progression-title-index a:hover { color: #fff; } .progression-price-index, .woocommerce ul.products li.product .price { font-size: 21px; margin-top: 15px; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); margin: 15px -100px 15px -100px; padding: 10px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Martel Sans'; font-weight: 300; color: #fff; } body.woocommerce ul.products li.product .price {border: 0; padding: 0; margin: 0;} body.woocommerce .progression-title-index a{ font-size: 18px; } body.woocommerce .progression-index-text ul li { font-size: 14px; } #content-progression .woocommerce-result-count { font-size: 15px; margin-top: 10px; } body.woocommerce #content-progression div.product .single_variation span.price {color: #261212; margin-left: 12px;} body.woocommerce #content-progression #content div.product form.cart .variations select {margin-top: -12px;} #content-progression .woocommerce .woocommerce-ordering select, #sidebar select, body.woocommerce #content-progression div.product form.cart .variations select { font-size: 14px; text-transform: uppercase; font-family: 'Martel Sans', sans-serif; font-weight: 300; border: 0; color: #565252; padding: 10px 10px 5px 10px; margin-top: 0; border-radius: 3px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -webkit-padding-end: 20px; -moz-padding-end: 20px; -webkit-padding-start: 10px; -moz-padding-start: 10px; background-color: #ffffff; background-image: url(images/arrow-down.png); background-image: url(images/arrow-down.png); background-image: url(images/arrow-down.png); background-image: url(images/arrow-down.png); background-image: url(images/arrow-down.png); background-position: top right; background-repeat: no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #sidebar select {border: 1px solid rgba(0,0,0,0.1);} .archive #content-progression .woocommerce ul.products {padding-top: 25px;} /* =============================================== 07. GRID STYLES =============================================== */ .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;} .product-progression-vc .grid2column-progression, .product-progression-vc .grid3column-progression, .product-progression-vc .grid3columnbig-progression, .product-progression-vc .grid4column-progression, .product-progression-vc .grid4columnbig-progression, .product-progression-vc .grid5column-progression, .product-progression-vc .grid6column-progression {margin-right:0;} .product-progression-vc .grid2column-progression { width: 50%;} .product-progression-vc .grid3column-progression {width: 33.3333%; } .lt-ie8 .product-progression-vc .grid3column-progression {width: 32%; } .product-progression-vc .grid3columnbig-progression {width:66%;} .product-progression-vc .grid4column-progression {width: 25%; } .lt-ie8 .product-progression-vc .grid4column-progression {width: 23%; } .product-progression-vc .grid4columnbig-progression {width:75%; } .product-progression-vc .grid5column-progression {width:20%;} .product-progression-vc .grid6column-progression {width:16.6667%;} /* =============================================== 08. FOOTER STYLES =============================================== */ .footer-element h1 { font-weight:400; font-size:58px; text-shadow:1px 1px 10px rgba(0,0,0, 0.25); } footer#site-footer { color:#262121; background:#1e2029; font-size:13px; } footer#site-footer a { color:#ffffff; } footer#site-footer a:hover { color:#388497; } #copyright-progression { color:rgba(144, 145, 145, 0.48); } #copyright-progression { padding-bottom:25px; padding-top: 32px; font-size: 15px; font-family: 'Martel Sans'; text-transform: uppercase; text-align: center; } #footer-bottom {border-top:1px solid #fff;} #widget-area-stonehill h4.widget-title { color:#262121; font-size:18px; text-transform:uppercase; letter-spacing:1px; } #widget-area-stonehill .widget { padding-top:70px; float:left; margin-right:4%; margin-bottom:50px; } .footer-1-progression .widget { width:100%; margin-right:0%; margin-left:0%; text-align: center;} .footer-2-progression .widget { width:48%; } .footer-3-progression .widget { width:30.5%; } .footer-4-progression .widget { width:22%; } .footer-5-progression .widget { width:16.5%; } #widget-area-stonehill .footer-5-progression .widget:nth-child(5), #widget-area-stonehill .footer-2-progression .widget:nth-child(2), #widget-area-stonehill .footer-3-progression .widget:nth-child(3), #widget-area-stonehill .footer-4-progression .widget:nth-child(4) { margin-right:0%; } #footer-menu-progression .sf-menu li:hover, #footer-menu-progression .sf-menu li.sfHover, #footer-menu-progression .menu-show-hide-progression{background-color: transparent;} #footer-menu-progression .sf-menu > li {border: none;} #footer-menu-progression .sf-menu li.current-menu-item:before {display: none;} #footer-menu-progression .sf-menu a {color:#65605c;letter-spacing:0.5px; font-size: 14px; padding: 45px 20px 0px 20px;text-transform: uppercase;} body footer#site-footer a:hover {color: #968f85; } .social-icons-widget-progression .footer-img-progression { margin: 0 auto; padding-bottom: 31px; } footer#site-footer ul { list-style:none; margin:0px; padding:0px; } footer#site-footer ul li { margin-bottom:2px; padding:0px 0px 3px 0px; } footer#site-footer ul ul { padding-top:4px; padding-bottom:0px; } footer#site-footer ul ul li { margin-left:12px; padding-left:12px; margin-bottom:0px; padding-bottom:0px; } footer#site-footer .social-ico a { font-size:18px; } footer#site-footer .social-ico a { display:inline-block; min-width:24px; } #mc_embed_signup div {display:inline;} #mc_embed_signup input.email { border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:rgba(255,255,255, 0.1); line-height:14px; padding:16px 15px; margin:0px; font-size:14px; float:left; color:#ffffff; margin-bottom:-20px; } #mc_embed_signup input.button { font-family:'Martel Sans'; font-weight:700; text-transform:uppercase; border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#135d9c; line-height:14px ; padding:19px 15px 13px 15px; margin:0px; font-size:12px ; float:left; color:#ffffff; position:relative; right:5px; margin-bottom:-20px; } #mc_embed_signup .clear { clear:none; display:inline; } @media screen and (-webkit-min-device-pixel-ratio:0) { #mc_embed_signup input.button { padding:19px 15px 16px 15px;} } /* Scroll to top */ #progression-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); } #progression-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); } #progression-scroll-top.cd-is-visible { visibility: visible; opacity: 1; } #progression-scroll-top:hover { height:32px; opacity: 1; color:#ffffff; background:#388497; border-color:#388497; } /* =============================================== 09. SIDEBAR STYLES =============================================== */ #sidebar select, #site-footer select {max-width:100%;} #sidebar { background:#ffffff; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); margin-bottom:15px; } #sidebar .widget { padding:30px 28px; border-bottom:1px solid #e7e7e7; } #sidebar h6.widget-title { font-size:18px; font-weight: 300; color: #262121; text-transform:uppercase; margin-bottom:10px; } #sidebar a { color: rgba(38,33,33,0.78); font-weight:400; } #sidebar a:hover {color:#388497;} #sidebar ul li:before, body #sidebar .woocommerce ul.product-categories li:before { display: inline-block; content: "•"; position:relative; margin-left:1px; margin-right:4px; color:#aaa; top:-1px; font-size:11px; } #sidebar ul { line-height:1.3; list-style:none; margin:0px; padding:0px 0px 8px 0px; } #sidebar ul ul { padding-top:4px; padding-bottom:0px; } #sidebar ul li { margin:0px 0px 3px 0px; padding:0px 0px 3px 0px; } #sidebar ul ul li { margin-left:12px; padding-left:12px; margin-bottom:0px; padding-bottom:0px; } #sidebar .widget_rss ul, #site-footer .widget_rss ul {font-size:90%;} #sidebar .widget_rss ul a, #site-footer .widget_rss ul a {font-size:15px; display:block; margin-bottom:3px;} #sidebar .widget_rss ul li:before {display:none;} #sidebar .widget_rss ul li, #site-footer .widget_rss ul li {border-bottom:1px solid #dddddd; padding-bottom:15px; margin-bottom:15px;} #sidebar span.rss-date, #site-footer span.rss-date {padding-bottom:8px; display:block; font-size:90%;} .single-blog-progression p, .featured-blog-progression p {margin-bottom:0px;} .wp-caption-text {font-size:12px; padding-top:5px;} /* Blog Post Nav */ .page-nav-progression { margin-bottom:20px; font-family:'Martel Sans'; font-weight:700; } .page-nav-progression span { margin-left:5px; } .page-nav-progression span, .page-nav-progression a span:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:700; font-size:12px; color:#ffffff; background:#388497; border:2px solid #388497; text-align:center; min-width:10px; padding:12px 12px 8px 12px; margin:0 5px 5px 0; } .page-nav-progression a span { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:700; font-size:12px; color:#262121; border:2px solid #d3d3d4; background:transparent; padding:12px 12px 8px 12px; margin:0 5px 5px 0; text-align:center; min-width:10px; } /* Calendar */ #wp-calendar { width: 100%; } #wp-calendar caption { font-weight:bold; text-align:center; padding-bottom:7px; font-size:110%; } #sidebar #wp-calendar th { padding:2px 0; text-align: center; } #sidebar #wp-calendar td { padding: 2px 0; text-align: center; } #sidebar #wp-calendar th { padding:2px 0; text-align: center; } #sidebar #wp-calendar td { padding: 2px 0; text-align: center; } footer#site-footer #wp-calendar caption {color:#ffffff;} footer#site-footer #wp-calendar th { background:rgba(0, 0, 0, 0.5); color:#fff; padding:8px 0; text-align:center; border:1px solid rgba(0, 0, 0, 0.5); } footer#site-footer #wp-calendar td { padding: 2px 0; text-align: center; border:1px solid rgba(255, 255, 255, 0.1); } /* Tag Cloud */ #sidebar .tagcloud a, #site-footer .tagcloud a { text-decoration:none; line-height:1; cursor: pointer; display:inline-block; width:auto; border:none; margin:0px 1px 4px 0px; padding:8px 8px 6px 8px; font-size:12px !important; color:#ffffff; background:#aaaaaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #sidebar .tagcloud a:hover, #site-footer .tagcloud a:hover { background:#388497; color:#ffffff; } /* Our Hours Widget */ #sidebar ul.open-hours li:before, #widget-area-stonehill ul.open-hours li:before { display:none; } #sidebar ul.open-hours li, #widget-area-stonehill ul.open-hours li { list-style:none; margin:0px 0px 7px 0px; padding:0px 0px 7px 0px; border-bottom:1px dotted #cccccc; font-size:90%; } .date-day-progression { display:inline-block;} .hours-date-progression { display:inline-block; float:right; } #widget-area-stonehill ul.open-hours li { border-color:#444; } ul.open-hours { margin: 0; list-style: none; font-weight: 400; padding-left: 0px; } ul.open-hours li {margin-bottom: 8px;} #sidebar a i { line-height:1; display:inline-block; vertical-align:top; text-decoration:none; padding:6px; text-align:center; min-width:17px; font-size:17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:3px; margin-bottom:3px; color:#ffffff; } #sidebar a i.fa-facebook {background:#3b5998; color:#ffffff; } #sidebar a i.fa-twitter {background:#00aced; color:#ffffff;} #sidebar a i.fa-linkedin {background:#007bb6; color:#ffffff;} #sidebar a i.fa-instagram {background:#517fa4; color:#ffffff;} #sidebar a i.fa-pinterest-p {background:#cb2027; color:#ffffff;} #sidebar a i.fa-youtube-play {background:#bb0000; color:#ffffff;} #sidebar a i.fa-vimeo-square {background:#aad450; color:#ffffff;} #sidebar a i.fa-dropbox {background:#0d85dc; color:#ffffff;} #sidebar a i.fa-flickr {background:#ff0084; color:#ffffff; } #sidebar a i.fa-dribbble {background:#ea4c89;color:#ffffff;} #sidebar a i.fa-google-plus {background:#dd4b39; color:#ffffff;} #sidebar a i.fa-vine {background:#00bf8f; color:#ffffff; } #sidebar a i.fa-soundcloud {background:#fd5315; color:#ffffff;} #sidebar a i.fa-spotify {background:#37bb5d; color:#ffffff; } #sidebar a i.fa-tumblr {background:#32506d; color:#ffffff; } #sidebar a i.fa-envelope {background:#555555; color:#ffffff; } .social-ico a:hover i.fa-facebook {background:#3b5998; color:#ffffff; } .social-ico a:hover i.fa-twitter {background:#00aced; color:#ffffff;} .social-ico a:hover i.fa-linkedin {background:#007bb6; color:#ffffff;} .social-ico a:hover i.fa-instagram {background:#517fa4; color:#ffffff;} .social-ico a:hover i.fa-pinterest-p {background:#cb2027; color:#ffffff;} .social-ico a:hover i.fa-youtube-play {background:#bb0000; color:#ffffff;} .social-ico a:hover i.fa-vimeo-square {background:#aad450; color:#ffffff;} .social-ico a:hover i.fa-dropbox {background:#0d85dc; color:#ffffff;} .social-ico a:hover i.fa-flickr {background:#ff0084; color:#ffffff; } .social-ico a:hover i.fa-dribbble {background:#ea4c89;color:#ffffff;} .social-ico a:hover i.fa-google-plus {background:#dd4b39; color:#ffffff;} .social-ico a:hover i.fa-vine {background:#00bf8f; color:#ffffff; } .social-ico a:hover i.fa-soundcloud {background:#fd5315; color:#ffffff;} .social-ico a:hover i.fa-spotify {background:#37bb5d; color:#ffffff; } .social-ico a:hover i.fa-tumblr {background:#32506d; color:#ffffff; } .social-ico a:hover i.fa-envelope {background:#555555; color:#ffffff; } #sidebar ul.social-ico, #widget-area-stonehill ul.social-ico { list-style:none;margin:28px 0px 0px 0px; padding:0px; } #sidebar ul.social-ico li, #widget-area-stonehill ul.social-ico li { display:inline-block; } #sidebar ul.social-ico li:before, #widget-area-stonehill ul.social-ico li:before { display:none; } .social-ico a i { line-height: 1; display: inline-block; vertical-align: top; text-decoration: none; padding: 6px; text-align: center; min-width: 11px; font-size: 11px; line-height: 11px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 5px; margin-bottom: 5px; background:rgba(255, 255, 255, 9); } #widget-area-stonehill a i { line-height:1; display:inline-block; vertical-align:top; text-decoration:none; padding:6px; text-align:center; min-width:20px; font-size:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:5px; margin-bottom:5px; background:#ffffff; } #widget-area-stonehill a i {background:transparent; color: #388497;} #widget-area-stonehill a:hover i {background:transparent; color: #388497;} /* =============================================== 10. BLOG STYLES =============================================== */ .screen-reader-text {display:none;} .post-container-progression { padding-bottom:15px; margin-bottom:55px; position:relative; background-color: #fff; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } span.category-meta-progression { word-wrap: break-word; } .sticky .post-container-progression { background:#ffffff; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); padding:50px; } .sticky-post-progression { position:absolute; top:0px; right:50px; font-size:10px; background:#388497; color:#ffffff; padding:8px 12px; line-height:1; text-transform:uppercase; font-family: 'Martel Sans'; font-weight: 300; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .cat-meta-progression { margin-bottom:15px; overflow:hidden; } .cat-meta-progression a { float:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:700; font-size:12px; color:#ffffff; background:#388497; padding:10px 12px 6px 12px; margin:0 10px 5px 0; } .cat-meta-progression a:hover {color:#ffffff; background:#388497;} h1.blog-title-progression { font-size:35px; margin-bottom:14px; font-style:normal; text-transform: none; } h1.blog-title-progression a {color:#262121;} .post-meta-progression { color:#9fa0a5; font-size:12px; margin-bottom:25px; font-family:'Martel Sans'; text-transform: uppercase; font-weight:400; padding: 12px 0 8px 0; width: 100%; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); word-wrap: break-word; } .post-meta-progression a { color:#388497; } .meta-comments-progression { float: right; width: 20%; text-align: right; } .inner-meta-progression { float: left; width: 75%; } .date-progression{ margin-bottom: 25px; margin-top: 15px; } .date-progression a { color: #8d8d8d; font-family: 'Martel Sans'; font-size: 14px; text-transform: uppercase; } a.more-link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:300; font-size:12px; color:#ffffff; background:#262121; padding:17px 25px 13px 25px; margin:20px 10px 5px 0; } a.more-link:hover { background:#388497; color:#ffffff; } .blog-image-spacer-progression { width: 90%; margin: 0 auto; padding: 40px 20px 5px 20px; position: relative; background-color: #fff; z-index: 10; } .featured-blog-progression img { width:100%; } ul.page-numbers { margin:0px 0px 20px 0px; padding:0px; list-style:none; text-align: center; } ul.page-numbers li { display:inline; margin:0px; padding:0px; } ul.page-numbers li a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:300; font-size:14px; color:#262121; background:#fff; padding:12px 12px 8px 12px; margin:0 5px 5px 0; text-align:center; min-width:10px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px rgba(0,0,0,0.1); } ul.page-numbers li .current, ul.page-numbers li a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:300; font-size:14px; color:#ffffff; background:#388497; text-align:center; min-width:10px; padding:12px 12px 8px 12px; margin:0 5px 5px 0; } /* =============================================== 11. BLOG SINGLE STYLES =============================================== */ .single-blog-progression img { width:100%; } .single-blog-progression { margin-bottom:20px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); } .tags-progression { margin-bottom:15px; } .tags-progression a { color:#ffffff; background:#388497; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:700; font-size:10px; text-align:center; padding:8px 10px 5px 10px; margin:0 3px 5px 0; } .tags-progression a:hover {color:#ffffff; background:#388497;} body .tags-progression a {font-size:10px;} .tags-progression i { margin-right:10px; font-size:16px; color:#aaa; } body.page .comments-area { border-top:1px solid #eaeaea; padding-top:30px; margin-top:30px; } /* Blog Comments */ .comments-area { background:#ffffff; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); margin-bottom:50px; padding:40px; } .comments-area #commentform input {width: 60%;} h2.comments-title, h3.comment-reply-title { font-size: 26px; } h3.comment-reply-title small { font-size:13px; } #respond { margin-top:30px; } body .comment-list { list-style: none; margin:0px; padding:0px; } .comment-list li.comment { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eaeaea; } .comment-list .children { list-style: none; margin: 0; padding:0px;} .comment-list .children > li { margin-left: 4em; border-bottom:0px; margin-bottom:0px; margin-top:30px; } .comment-body p { margin-bottom:10px; } .comment-author { font-family: 'Martel Sans', sans-serif; font-style:normal; margin-bottom: 0px; line-height:1.2; font-size:16px; color:#999999; margin-top:7px; } .commentmetadata a { color:#999999; } .comment-meta.commentmetadata { font-size: 13px; } .commentmetadata a:hover, .comment-author cite a:hover {text-decoration:underline;} .child .comment-author { margin-top:0px; } .comment-author cite a {color:#353535;} .comment-author cite { font-style:normal; font-family: 'Martel Sans', sans-serif; font-weight:700; line-height:1.2; color:#353535; } .comment-author .avatar { float: left; margin-right: 1em; height: 50px; width: 50px; position:relative; } .children .comment-author .avatar { height: 35px; width: 35px; } .commentmetadata { margin-bottom: 35px; } .children .commentmetadata { margin-bottom: 5px; } .comment-content > :last-child { margin-bottom: 0; } .form-allowed-tags code { font-family: Inconsolata, monospace; display:block; font-size:80%;} .comment-list a.comment-edit-link { font-size:80%; } #commentform label { display:block; } .reply a.comment-reply-link { text-decoration:none; line-height:1; cursor: pointer; display:inline-block; width:auto; font-family: Arial, sans-serif; font-size:10px; font-weight:400; color:#666666; background:#e4e4e4; padding:8px 12px; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:5px; } p.logged-in-as { font-size:90%; } /* Comment Navigation */ .comment-navigation { overflow:hidden; margin-top:10px; margin-bottom:40px; font-size:12px; } .comment-navigation h2.screen-reader-text { display:none; } .comment-navigation .nav-previous { float:left; width:50%; } .comment-navigation .nav-next { float:right; width:50%; text-align:right; } .comment-navigation a { color:#000000; font-weight:bold; } .post-password-form label{ display:inline-block; } .post-password-form input { margin-bottom:15px; padding:12px 14px; width:auto; border:1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* =============================================== 12. NAVIGATION STYLES =============================================== */ nav#site-navigation { position:relative; z-index:20; float:none; } nav span.nav-progression-span { line-height:1; padding:42px 0px; display:block; color:#ffffff;} /* CENTER MENU */ nav {display: table; margin: 0 auto; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li.normal-item-progression, .sf-menu li.normal-item-progression li { position: relative; } .sf-menu li.normal-item-progression ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li.normal-item-progression 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-progression-1 { width:100%; } .sf-mega .sf-mega-section.columns-progression-2 { width:50%; } .sf-mega .sf-mega-section.columns-progression-3 {width:33%; } .sf-mega .sf-mega-section.columns-progression-4 { width:25%; } .sf-mega .sf-mega-section.columns-progression-5 {width:20%; } .sf-mega .sf-mega-section.columns-progression-6 { width:16.5%; } /*** DEFAULT NAVIGATION SKIN ***/ .sf-menu ul { min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a { line-height:1; padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ cursor:pointer; } .sf-menu a { color: #13a; } .sf-menu li { background: #BDD2FF; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ } .sf-menu ul li { background: #AABDE6; } .sf-menu ul ul li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover { background: #CFDEFF; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *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 */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .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; } nav#site-navigation { font-family:'Martel Sans'; text-transform:uppercase; font-weight:400; -webkit-transform: translate3d(0,0,0); } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { header#masthead-progression .sf-menu { -webkit-text-stroke: 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 */ .sf-menu a { color:rgba(255,255,255,0.78); font-size:16px; padding:36px 38px; } .sf-menu li.current-menu-item a, .sf-menu a:hover, .sf-menu li.sfHover a, .menu-show-hide-progression { color:#ffffff; } .sf-menu li:hover, .sf-menu li.sfHover, .menu-show-hide-progression { background:#388497; } .sf-menu li.current-menu-item { border-top-color: #fff; } .sf-menu li.current-menu-item:before { font-family: 'FontAwesome'; content: '\F0DD'; position: absolute; color: #fff; top: -9px; left: 49%; font-size: 10px; } body .sf-mega-section li.current-menu-item:before, .sf-menu .sub-menu li.current-menu-item:before {display:none;} .sf-menu > li { border-top: 1px solid #92a1a7; } /* SUB-MENUS */ /* Selected Highlight Color on Sub-menus .sf-menu li.sfHover li.current-menu-item a, .sf-menu li.sfHover li.sfHover li.current-menu-item a, .sf-menu li.sfHover li.sfHover li.sfHover li.current-menu-item a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.current-menu-item a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.current-menu-item a { color:#ffffff; }*/ /* .sf-menu ul:before { content:''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; position:absolute; top:-7px; left:15px; border-bottom: 8px solid #2e2f39; } .sf-menu ul.sf-mega:before, .sf-menu ul ul:before { display:none; } */ .sf-menu ul { background:rgba(55,132,151,0.96); -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); } .sf-menu .sf-mega ul {background:none;} .sf-menu ul ul { -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0); } body .sf-mega ul { border-top:none; } .sf-menu ul li:hover { background: rgba(255,255,255,0.04); } .sf-menu li li a { text-transform:none ; padding:22px 50px 18px 25px; text-align: left; opacity: 0.88; font-weight:300; border-bottom:1px solid rgba(255,255,255, 0.06); } .menu-resized-progression .sf-menu li li a { padding-top:15px; padding-bottom:15px; } .sf-mega li li a {padding-right:25px;}/* Mega Padding-right fix to allow more space */ .sf-menu li.sfHover li a { background:none; color:#a8a8a8; } .sf-menu li.sfHover li.sfHover li a { background:none; color:#a8a8a8; border-bottom:1px solid rgba(255,255,255, 0.06); } .sf-menu li.sfHover li.sfHover li.sfHover li a { background:none; color:#a8a8a8; } .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a { background:none; color:#a8a8a8; border-bottom:1px solid rgba(255,255,255, 0.06); } .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a { background:none; color:#a8a8a8; border-bottom:1px solid rgba(255,255,255, 0.06); } .sf-menu li li:last-child a, .sf-menu li li:last-child li:last-child a, .sf-menu li li:last-child li:last-child li:last-child a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li:last-child a, .sf-menu li li:last-child li:last-child li:last-child li:last-child a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li:last-child a { border-bottom:none; } .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a { color:#ffffff; background:rgba(255,255,255, 0.05); } .sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a { color:#ffffff; background:rgba(255,255,255, 0.05); } .sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a { color:#ffffff; background:rgba(255,255,255, 0.05); } .sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a { color:#ffffff; background:rgba(255,255,255, 0.05); } .sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a { color:#ffffff; background:rgba(255,255,255, 0.05); } /* MEGA MENU STYLES */ header .sf-mega { width:1200px; left:50%; margin-left:-600px; } .sf-mega { background:rgba(38,42,48, 0.99); } .sf-mega ul { background:none; margin:0; border-right:1px solid rgba(255,255,255, 0.06); } .sf-mega h2.mega-menu-heading { text-transform:uppercase; font-size:14px; color:#ffffff; padding:20px 25px 10px 25px ; margin:0px; font-weight: 700; border-right:1px solid rgba(255,255,255, 0.06); border-bottom:1px solid rgba(255,255,255, 0.06); } body header .sf-mega h2.mega-menu-heading a { background:none !important; color:#ffffff; font-size:14px; text-transform:uppercase; font-weight:bold; padding:0px; margin:0px; border:none; } .sf-mega li.sf-mega-section .deep-level li a { border-bottom:1px solid rgba(255,255,255, 0.06); } .sf-mega li.sf-mega-section .deep-level li:last-child a { border-bottom:1px solid rgba(255,255,255, 0.06); } .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-progression { padding:20px 30px 10px 30px; } .sf-mega .widget-progression h1, .sf-mega .widget-progression h2, .sf-mega .widget-progression h3, .sf-mega .widget-progression h4, .sf-mega .widget-progression h5, .sf-mega .widget-progression h6 { color:#ffffff; margin-bottom:5px; } .sf-mega .widget-progression ul li { margin-bottom:10px; } .sf-mega .widget-progression ul { border:none; } .sf-mega .widget-progression a, .sf-mega .widget-progression 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; } /* Sub-menu Arrows */ .sf-arrows .sf-with-ul { padding-right: 40px; } .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: 28px; margin-top:-7px; } .sf-arrows ul .sf-with-ul:after { font:normal normal normal 13px/1 FontAwesome; content:"\f105"; margin-top:-7px; } /* =============================================== 13. SLIDER STYLES =============================================== */ /* Revolution Slider Styles */ /* Custom Arrows */ .tparrows.tp-leftarrow.custom:before, .tparrows.tp-rightarrow.custom:before {display:none !important;} .tparrows.tp-leftarrow.custom:after { content: "\f104";} .tparrows.tp-rightarrow.custom:after { content: "\f105"; } .tparrows.custom { font: normal normal normal 14px/1 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; text-align:center; color:#ffffff; border:none; background:none; font-size:38px; width:38px; line-height:60px !important; height:60px !important; } .tparrows.custom:hover {background:none; } /* Custom Bullets */ .tp-bullets.custom { opacity:1; z-index:25; } .tp-bullets.custom .tp-bullet { display:inline-block; width: 12px; height: 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #ffffff; cursor:pointer; margin-right:4px; margin-left:4px; cursor:pointer; background:none; } .tp-bullets.custom .tp-bullet:hover { background:#fff; } .tp-bullets.custom .tp-bullet.selected:hover, .tp-bullets.custom .tp-bullet.selected { opacity:1; cursor:default; border-color:#ffffff; background:#ffffff; } #progression-home-slider, .martel-sans-progression, .progression-button-slider {font-family:'Martel Sans';} .light-title-progression {font-family:"Martel Sans";} body a.tp-caption.progression-button, body a.progression-button { color: #262121; font-size: 14px; font-weight: 300; font-family: Martel Sans; padding: 14px 88px 11px 88px; background-color: #ffffff; border-radius: 3px; } body a.tp-caption.progression-button:hover, body a.progression-button:hover { color: #ffffff; background-color: #262121; } body .metis.tparrows:hover:before {transform: scale(1);} body .metis.tparrows { transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s;} /* FLEXSLIDER RESETS */ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* BASE STYLES */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block;} /* DEFAULT THEME */ .flexslider { margin: 0; background: none; border:none; position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px;} .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; font: normal normal normal 14px/1 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; text-align:center; color:#ffffff; border:none; font-size:28px; width:38px; line-height:60px; height:60px; } .flex-direction-nav a:hover {color:#ffffff; } .flex-direction-nav a.flex-prev:before { content: "\f104"; text-shadow: 1px 1px 2px rgba(0,0,0, 0.2);} .flex-direction-nav a.flex-next:before { content: "\f105"; text-shadow: 1px 1px 2px rgba(0,0,0, 0.2);} .flex-direction-nav .flex-prev { left:0px; } .flex-direction-nav .flex-next { right:0px; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:red; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: 20px; text-align: center; z-index:10; } .flex-control-nav li { margin:0px; display: inline-block; zoom: 1; *display: inline; position:relative; } .flex-control-paging li {width:23px; height:10px; text-align:center;} .flex-control-paging li a { width:6px; height:6px; bottom:0px; display: block; cursor: pointer; text-indent: -9999px; position:absolute; background:#ffffff; border:2px solid #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .flex-control-paging li a.flex-active { left:-1px; top:-2px; width: 10px; height: 10px; background:none; border-color: #388497; } .flex-control-paging li a.flex-active { cursor: default; } .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%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } #slider-container-progression .flex-direction-nav a { margin-top:-30px; font-size:32px; width:45px; line-height:60px; height:60px; } /* Fixes for Visual Composer */ .wpb_wrapper .wpb_flexslider.flexslider .flex-control-nav { bottom: 20px; } .wpb_wrapper .wpb_flexslider.flexslider .flex-direction-nav a:before { padding-left:15px; padding-right:15px; } .wpb_wrapper .wpb_flexslider.flexslider .flex-direction-nav a { text-decoration: none; display: block; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; font: normal normal normal 14px/1 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; text-align:center; color:#ffffff; border:none; background: rgba(0,0,0, 0.1); border:none; font-size:28px; width:38px; line-height:60px; height:60px; } .wpb_wrapper .wpb_flexslider.flexslider .flex-direction-nav a:hover {background: rgba(0,0,0, 0.5);} /* =============================================== 14. MOBILE NAVIGATION STYLES =============================================== */ .mobile-menu-icon-progression { float:none; cursor:pointer; display:none; color:#262121; font-size:20px; text-align:center; background:#ffffff; line-height:50px; width:50px; height:50px; margin:25px auto; } #main-nav-mobile { display:none; } .active-menu-icon-progression #main-nav-mobile { z-index:150; position:absolute; width:100%; display:block ; } .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; font-family:'Martel Sans'; text-transform:uppercase; font-weight:400; color:#23272c; font-size:14px; 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-progression.sidebar-header-hidden ul.mobile-menu-progression .sf-mega li.sf-mega-section, header#masthead-progression.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; } /* =============================================== 15. INPUT/TEXTAREA STYLES =============================================== */ #commentform ::-webkit-input-placeholder { opacity:1; color:#999999; } #commentform ::-moz-placeholder { opacity:1; color:#999999; } #commentform :-ms-input-placeholder { opacity:1; color:#999999; } #commentform input:focus, .wpcf7 textarea:focus {color:#1b1d27; border-color:#cccccc; outline:none; } .wpcf7 ::-webkit-input-placeholder { opacity:1; color:#999999; } .wpcf7 ::-moz-placeholder { opacity:1; color:#999999; } .wpcf7 :-ms-input-placeholder { opacity:1; color:#999999; } .wpcf7 input:focus, .wpcf7 textarea:focus, #commentform input:focus, #commentform textarea:focus {color:#1b1d27; border-color:#cccccc; outline:none; } .wpcf7 input.wpcf7-not-valid {border-color:#e54823;} span.required {color:#da5454;} .wpcf7 input, .wpcf7 textarea, #commentform input, #commentform textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#ffffff; padding:12px 12px 9px 12px; border: 1px solid #D4D4D4; width:70%; margin-bottom:20px; font-size:14px; font-family: 'Martel Sans'; } .wpcf7 textarea, #commentform textarea { width:95%; } .wpcf7 input, .wpcf7 textarea {margin-bottom:0px;} .wpcf7 input.wpcf7-submit { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:auto; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:300; font-size:12px; color:#ffffff; background:#388497; padding:17px 22px 13px 22px; margin:0 10px 5px 0; border:none; } .wpcf7 input.wpcf7-submit:hover { background:#388497; color:#ffffff; } .wpcf7-not-valid-tip {display:none !important;} #commentform input.submit { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:auto; display:inline-block; line-height:1; font-family:'Martel Sans'; text-transform:uppercase; font-weight:300; font-size:12px; color:#ffffff; background:#388497; padding:17px 22px 13px 22px; margin:0 10px 5px 0; border:none; } #commentform input.submit:hover { background:#388497; color:#ffffff; } /* Search Widget */ .search-form input.search-field, .search-field { -webkit-transition-duration: 250ms; -webkit-transition-property: width, background, border; -webkit-transition-timing-function: ease; -moz-transition-duration: 250ms; -moz-transition-property: width, background, border; -moz-transition-timing-function: ease; -o-transition-duration: 250ms; -o-transition-property: width, background, border; -o-transition-timing-function: ease; background:#ffffff; border:1px solid rgba(0,0,0,.15); padding:12px 30px 12px 12px; max-width:300px; width:80%; margin-bottom:10px; position:relative; background-image:url(images/search-magnify.png); background-position:right 6px; background-repeat:no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-product-search .search-field { padding:12px 30px 12px 12px; } .woocommerce .search-form input.search-field, .woocommerce .search-field {background-position: right center;} .search-field {font-size: 13px;} .search-form input.search-field:focus, .search-field:focus { outline:none; border-color:rgba(0,0,0,.25); } .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;} } /* =============================================== 16. PAGE LOADER =============================================== */ #page-loader-progression { 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-progression { background:#f1f1f1; color:#aaaaaa; } @-webkit-keyframes opacity-progression { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes opacity-progression { 0% { opacity: 1; } 100% { opacity: 0; } } .finished-loading #center-loader { opacity:0;} #loading-progression { margin-top:-15px; font-weight:600; font-size:14px; } #loading-progression span { -webkit-animation-name: opacity-progression; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: infinite;-moz-animation-name: opacity-progression; -moz-animation-duration: 800ms; -moz-animation-iteration-count: infinite; } #loading-progression span:nth-child(2) { -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; } #loading-progression span:nth-child(3) {-webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; } /* =============================================== 17. RESPONSIVE STYLES =============================================== */ /* ======== #DESKTOP (960px-1289px) ======== */ @media only screen and (min-width: 960px) and (max-width: 1240px) { .width-container-progression { width:92%; } .sf-menu a { padding-right:29px; padding-left:29px; } header .sf-mega { width:960px; margin-left:-480px; } /* Slider Adjustments */ body .caption-progression { bottom:60px; } body .flex-control-nav { bottom: 15px; } body .caption-progression .notification-progression { left:30px; top:-18px; } body .caption-progression h1.caption-title { padding-right:25px; } body .caption-progression h1.caption-title a { font-size:32px; } body .caption-progression-background { padding:32px 30px 28px 30px; } .footer-element h1 { font-size:55px;} } /* ======== #Tablet (768px-959px) ======== */ @media only screen and (min-width: 768px) and (max-width: 959px) { body #boxed-layout-progression {width:100%;} .width-container-progression, body #boxed-layout-progression .width-container-progression { width:92%; } body #sticky-header-progression {position:relative !important;} /* Header Styles */ nav#site-navigation {display:none;} .mobile-menu-icon-progression { display:block; margin: 0px auto 20px auto; } body header#masthead-progression h1#logo-progression a { padding: 5px 0; } body header #logo-progression, body header #logo-progression img { max-width: 240px; } .sticky .post-container-progression { padding:40px; } .sticky-post-progression { right:40px; } #header-top-progression {position:relative;} /* Slider Adjustments */ .caption-progression { bottom:40px; } .flex-control-nav { bottom: 14px; } body .caption-progression .notification-progression { left:30px; top:-18px; font-size:12px; } body .caption-progression h1.caption-title { padding-right:20px; } body .caption-progression h1.caption-title a { font-size:22px; } body .caption-progression-background { padding:25px 25px 23px 25px; } body #page-title-progression h1.entry-title-progression {font-size: 45px;} body h1 {font-size: 40px;} .footer-element h1 { font-size:35px;} body h2 {font-size: 28px;} body h3 {font-size: 22px;} h5.vc_custom_heading.progression {font-size: 25px;} body .woocommerce .form-row input.button, body .woocommerce .return-to-shop a.button, #reviews #respond p.form-submit input.submit, #content-progression ul li.product .button, body #content-progression #content .button { font-size: 12px; } body.woocommerce #content-progression .progression-title-index a {font-size: 15px;} .woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after, .progression-index-text .progression-button a.added:after { margin-left: .33em; } body.single-product #content-progression #content .related.products .button { padding: 14px 15px 11px 15px; width: auto; font-size: 11px; } ul.open-hours { font-size: 12px; text-transform: uppercase; } input.search-field { font-size: 10px; } body #content-progression .widget_shopping_cart_content a.button, #sidebar .price_slider_amount .button, .woocommerce .cart .button, .woocommerce .cart input.button {margin-bottom: 8px;} body.single-product #content-progression #content .button { padding: 19px 26px 15px 26px; width: 55%; } body.woocommerce .progression-index-text, body .static-progression .progression-index-text {padding: 15px !important;} .meta-comments-progression {width: 25%;} /* Button Sizes */ a.progression-button, body #sidebar a.progression-button { font-size:10px; padding:15px 20px 11px 20px; } .progression-btn-container a.progression-button.large-size-progression { font-size:14px; padding:22px 33px 18px 33px; } .progression-btn-container a.progression-button.small-size-progression { font-size:8px; padding:13px 16px 9px 16px; } body a.shopping-cart-basket {text-align: right;} .progression-index-text .progression-button a, body .woocommerce .form-row input.button, body .woocommerce .return-to-shop a.button, #reviews #respond p.form-submit input.submit, #content-progression ul li.product .button, body #content-progression #content .button { font-size: 11px; padding: 14px 5% 11px 5%; width: 90%; } .progression-title-index a {font-size: 18px;} .progression-index-text ul li, body.woocommerce .progression-index-text ul li {font-size: 13px;} .progression-price-index, .woocommerce ul.products li.product .price {font-size: 16px;} body.woocommerce .progression-title-index a {font-size: 15px;} #content-progression .width-container-progression .sale-ribbon-progression span.onsale, body.single-product #content-progression .width-container-progression .sale-ribbon-progression span.onsale {font-size: 7px; font-weight: 400;} #content-progression .width-container-progression .sale .sale-ribbon-progression { width: 1.5em; height: 1.5em; right: 10px;} #content-progression .width-container-progression .sale-ribbon-progression:after, #content-progression .width-container-progression .sale-ribbon-progression:before {border-top-width: 1.5em;} #content-progression .width-container-progression .sale-ribbon-progression:after {border-left-width: 1.5em;} #content-progression .width-container-progression .sale-ribbon-progression:before {border-right-width: 1.5em;} body.single-product #content-progression .width-container-progression .sale-ribbon-progression span.onsale {margin: 4px -2px 0px 0;} .inner-meta-progression, .meta-comments-progression {float: none; width: 100%; margin-bottom: 10px; text-align: left;} body .meta-comments-progression {margin-bottom: 0;} } /* ======== #Mobile (0px-767px) ======== */ @media only screen and (max-width: 767px) { body #boxed-layout-progression {width:100%;} body {font-size: 14px !important;} .width-container-progression, body #boxed-layout-progression .width-container-progression { width:92%; } body #sticky-header-progression {position:relative !important;} body header#masthead-progression h1#logo-progression a { padding: 5px 0; top: 0;} body header #logo-progression, body header #logo-progression img, .social-icons-widget-progression .footer-img-progression { max-width: 240px; } body header#masthead-progression { position: relative !important; } .checkout-container, #checkout-basket-iceberg {width: 250px; float: none; margin: 0 auto;} #header-top-progression {position:relative;} #header-top-progression .social-ico {float: none; padding-bottom:10px;} a.cart-icon-progression { float:none; text-align:center; padding-bottom:5px; } a.cart-icon-progression span.shopping-cart-header-count {float:none; top:-3px;} th, td { padding: 0.45em; } .featured-blog-progression, .progression-etabs li, ul#related-three-col-progression li.related-list-item-progression, .footer-2-progression .widget, .footer-3-progression .widget, .footer-4-progression .widget, .footer-5-progression .widget, .grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression, .product-progression-vc .grid4column-progression, .product-progression-vc .grid3column-progression, .product-progression-vc .grid2column-progression, .product-progression-vc .grid5column-progression { width:100%; margin-right:0%; margin-left:0%; } .progression-etabs li:nth-child(2) a, .progression-etabs li:nth-child(3) a {border-left:1px solid #d2d3d3; } .featured-blog-progression {margin-bottom:15px;} body h1 {font-size: 34px;} body h2 {font-size: 28px;} h5.vc_custom_heading.progression {font-size: 26px;} body h3 {font-size: 24px;} #main-container-progression,#sidebar { width:100%; } /* Header Styles */ #header-top-progression { text-align:center; } nav#site-navigation {display:none;} .mobile-menu-icon-progression { display:block; } body #page-title-progression h1.entry-title-progression {font-size: 42px;} .sticky .post-container-progression { padding:30px; } .sticky-post-progression { right:30px; } #mc_embed_signup input.email, #mc_embed_signup input.button { margin-bottom:0px; right:0px; } .footer-element h1 { font-size:25px;} .blog-image-spacer-progression {width: 80%; margin: 0 auto;} .inner-meta-progression, .meta-comments-progression {float: none; width: 100%; margin-bottom: 10px; text-align: left;} body .meta-comments-progression {margin-bottom: 0;} body h1.blog-title-progression {font-size: 30px;} .comments-area {padding: 15px;} /* Slider Adjustments */ body .caption-progression { bottom:10px; } body .flex-control-nav { display:none; } body .metis.tparrows { width: 25px; height: 25px; } body .tparrows:before { font-size: 10px; line-height: 6px; } body .caption-progression .notification-progression { left:15px; top:-10px; font-size:8px; padding:7px 7px 4px 7px; } body .caption-progression h1.caption-title { padding-right:20px; } body .caption-progression h1.caption-title a { font-size:14px; } body .caption-progression-background { padding:15px 15px 12px 15px; } /* Button Sizes */ a.progression-button, body #sidebar a.progression-button { font-size:9px; padding:13px 18px 10px 18px; } .progression-btn-container a.progression-button.large-size-progression { font-size:14px; padding:22px 30px 18px 30px; } .progression-btn-container a.progression-button.small-size-progression { font-size:7px; padding:11px 14px 8px 14px; } .vc_figure .vc_single_image-wrapper { margin: 15px 0; } .wpb_column.vc_column_container.vc_col-sm-6.vc_custom_1446977250769, .wpb_column.vc_column_container.vc_col-sm-3.vc_custom_1446977376914, .wpb_column.vc_column_container.vc_col-sm-3.vc_custom_1446977269866 { padding: 0; width: 100%; } .wpb_column.vc_column_container.vc_col-sm-6.vc_custom_1446977250769 img, .wpb_column.vc_column_container.vc_col-sm-3.vc_custom_1446977376914 img, .wpb_column.vc_column_container.vc_col-sm-3.vc_custom_1446977269866 img { min-width: 480px; overflow: hidden; } body .vc_custom_1448123196958, body .vc_custom_1448123611338, body .vc_custom_1448123566561 {padding-right: 0 !important; padding-left: 0 !important; margin-right: 0 !important; margin-left: 0 !important; margin-top: 25px; text-align: center;} body .equal-height-pro { height: auto !important; } body.woocommerce #content-progression .single-product-container-progression .images { max-width: 100%; } #content-progression ul li.product .button, body #content-progression #content .button { margin: 0 auto; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float: left;} #content-progression .width-container-progression .sale-ribbon-progression span.onsale { font-size: 10px; margin: 4px -1px 0px 0; } body.single-product h1.product_title {font-size: 28px !important;} body .woocommerce .form-row input.button, body .woocommerce .return-to-shop a.button, #reviews #respond p.form-submit input.submit, #content-progression ul li.product .button, body #content-progression #content .button { width: 65%; padding-right: 15px !important; padding-left: 15px !important; } body.single-product #content-progression #content .related.products .button {width: 65%;} #content-progression .woocommerce-tabs .panel.entry-content, .related.products {padding: 25px 20px;} .related.products h2 {font-size: 20px;} #content-progression .width-container-progression .sale .sale-ribbon-progression {top:0;} div#footer-menu-progression nav { padding: 50px 0 30px 0; } #footer-menu-progression .sf-menu a { padding: 0px 12px 8px 12px; } #content-progression .woocommerce-tabs ul.tabs li a { padding: 12px 10px 8px 10px;} .wpcf7 input, .wpcf7 textarea, #commentform input, #commentform textarea {width: 90%;} .woocommerce table.shop_table td {padding: 6px;} body.woocommerce-cart input.input-text.qty.text {padding: 5px; } h4, .cart_totals h2, .cart_totals h2, .woocommerce-shipping-fields h3, .woocommerce-billing-fields h3, h3#order_review_heading {font-size: 20px !important;} body .vc_custom_1447104702752, body .vc_custom_1447106842277, body .vc_custom_1447157391102, body .vc_custom_1447148414962, body .vc_custom_1447157340673, body .vc_custom_1447153308021, body .vc_custom_1447157344648, body .vc_custom_1448124021303, body .vc_custom_1448124028160 {padding-right: 20px !important; padding-left: 20px !important;} body .vc_custom_1447155759339 {padding-bottom: 25px !important;} .hours-date-progression { display: block; float: none; margin-bottom: 7px; } body .vc_custom_1447106781618 {padding-right: 5px !important; padding-left: 5px !important; margin: 0 !important;} /* WooCommerce Columns Fix */ .woocommerce ul.products li { width:100% !important; float:none; } table.shop_table td.product-remove, table.shop_table th.product-remove {display:none;} .woocommerce table.shop_table_responsive tbody th,.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tr,.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr td{display:block}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce table.my_account_orders tr td.order-actions:before,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail,.woocommerce-page table.my_account_orders tr td.order-actions:before{display:none} .woocommerce table.shop_table_responsive tr td:before,.woocommerce-page table.shop_table_responsive tr td:before{content:attr(data-title) ": ";font-weight:700}.woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background-color:rgba(0,0,0,.025)}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:left}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em .25em .125em 0}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:48%;float:left;clear:both;margin:0 0 2.992em}.woocommerce ul.products li.product:nth-child(2n),.woocommerce-page ul.products li.product:nth-child(2n){float:right;clear:none!important} .woocommerce #content div.product div.images,.woocommerce #content div.product div.summary,.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.images,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary{float:none;width:100%}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.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{float:none;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon:after,.woocommerce #content table.cart td.actions .coupon:before,.woocommerce table.cart td.actions .coupon:after, .woocommerce table.cart td.actions .coupon:before,.woocommerce-page #content table.cart td.actions .coupon:after,.woocommerce-page #content table.cart td.actions .coupon:before,.woocommerce-page table.cart td.actions .coupon:after,.woocommerce-page table.cart td.actions .coupon:before{content:" ";display:table}.woocommerce #content table.cart td.actions .coupon:after,.woocommerce table.cart td.actions .coupon:after,.woocommerce-page #content table.cart td.actions .coupon:after,.woocommerce-page table.cart td.actions .coupon:after{clear:both}.woocommerce #content table.cart td.actions .button,.woocommerce #content table.cart td.actions .input-text,.woocommerce #content table.cart td.actions input,.woocommerce table.cart td.actions .button,.woocommerce table.cart td.actions .input-text,.woocommerce table.cart td.actions input,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button,.woocommerce-page table.cart td.actions .input-text,.woocommerce-page table.cart td.actions input{width:48%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.woocommerce #content table.cart td.actions .button.alt,.woocommerce #content table.cart td.actions .input-text+.button,.woocommerce table.cart td.actions .button.alt,.woocommerce table.cart td.actions .input-text+.button,.woocommerce-page #content table.cart td.actions .button.alt,.woocommerce-page #content table.cart td.actions .input-text+.button,.woocommerce-page table.cart td.actions .button.alt,.woocommerce-page table.cart td.actions .input-text+.button{float:right}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:left}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-right:0}.single-product .twentythirteen .panel{padding-left:20px!important;padding-right:20px!important} table.shop_table.cart { font-size:11px; } }